@import url(layout.min.css);
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Amatic+SC:wght@400;700&family=Andika:ital,wght@0,400;0,700;1,400;1,700&family=Bitter:ital,wght@0,100..900;1,100..900&family=Cormorant:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Dancing+Script:wght@502&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Fahkwang:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Onest:wght@100..900&family=Oswald:wght@200..700&family=Pacifico&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&family=Prompt: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&family=Quicksand:wght@300..700&family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap');

img{ max-width:100%; }

body {
  position: relative;
  background: #FAFAFA;
  overflow-x: hidden;
  font-family: "Bitter", serif;
}

/* .page-loaded{ overflow: initial; overflow-x: initial; } */

:root {
  --white: #ffffff;
  --black: #000;
  --theme-color: #000;
  --primary: #024922;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

.img-auto {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

a,
button {
  text-decoration: none !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a:hover,
button:hover {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.title {
  font-weight: 700;
  font-size: 46px;
  color: var(--white);
}


/* Header Start */
.contact-info a h6 {
  margin: 0px;
  background: white;
  color: #1a2a44;
  padding: 0px 6px;
  border-radius: 5px;
  margin-bottom: 3px;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.header {
  color: var(--white);
  padding: 5px 0;
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  z-index: 999;
}

.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  font-size: 24px;
  font-weight: bold;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 25px;
}

.nav-links li {
  position: relative;
}

.nav-links a {
  color: var(--white);
  text-decoration: none;
  font-size: 16px;
  transition: color 0.3s ease;
}

.nav-links a:hover {
  color: black;
}

/* Dropdown styling with header_service_dropdown class */
.header_service_dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: #2a3b5a;
  min-width: 150px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 1001;
}

.header_service_dropdown li a {
  padding: 10px 15px;
  color: var(--white);
  text-decoration: none;
  display: block;
  font-size: 14px;
}

.header_service_dropdown li a:hover {
  background-color: #3a4b6a;
  color: #007bff;
}

/* Show dropdown on hover for desktop */
.nav-links li:hover .header_service_dropdown {
  display: block;
}

.contact-info {
  display: flex;
  align-items: center;
  gap: 15px;
}

.contact-info a {
  font-size: 14px;
  color: white;
}

.theme-btn {
  background-color: #007bff;
  padding: 8px 15px;
  border-radius: 5px;
  text-decoration: none;
  color: white;
}

.theme-btn:hover {
  background-color: #0056b3;
}

.toggle-btn {
  font-size: 24px;
  cursor: pointer;
  color: var(--white);
  transition: transform 0.3s ease;
  display: none;
}

.toggle-btn:hover {
  transform: scale(1.1);
}

.sidebar {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: left 0.5s ease-in-out;
}

.sidebar.active {
  left: 0;
}

.sidebar .nav-links {
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  text-align: center;
}

.sidebar .nav-links li {
  margin: 20px 0;
}

.sidebar .nav-links li a {
  color: var(--white);
  text-decoration: none;
  font-size: 15px;
  transition: color 0.3s ease;
}

.sidebar .nav-links li a:hover {
  color: #007bff;
}

/* Ensure dropdown is hidden in sidebar */
.sidebar .header_service_dropdown {
  display: none;
}

.close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
  color: var(--white);
  transition: transform 0.3s ease;
}

.close-btn:hover {
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .toggle-btn {
    display: block;
  }

  .nav .nav-links,
  .nav .contact-info {
    display: none;
  }

  .nav {
    justify-content: space-between;
  }

  .sidebar .nav-links {
    display: flex;
    gap: 0px;
  }
}

/* Header End */
/* banner start */
section.banner_bg {
  background: url(../images/banner-bg.png);
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
}

.banner_content {
  color: white;
}

.banner_content h1 {
  font-family: Young Serif;
  font-weight: 600;
  font-size: 64px;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  vertical-align: middle;
  width: 100%;
}

.banner_content p {
  font-family: Bitter;
  font-weight: 400;
  font-size: 21.13px;
  line-height: 34px;
  letter-spacing: 0%;
  vertical-align: middle;
  margin: 30px 0px 50px;
}

.banner_content a {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: white;
  border: 1px solid white;
  padding: 16px 50px;
  border-radius: 10px;
}

.banner_content a:hover {
  background: black;
  border: 1px solid black;
}

/* banner end */
/* Best Your  Choose Start */
section.main_best_your_choose {
  padding: 100px 0px;
}

.best_your_choosE_content h2 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 43.94px;
  line-height: 50.25px;
  letter-spacing: -0.88px;
  vertical-align: middle;
  color: black;
}

.best_your_choosE_content p {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 30px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: black;
  width: 80%;
  margin: 20px 0px 40px;
}

.best_your_choosE_content a {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  color: black;
  border: 1px solid black;
  padding: 15px 50px;
  border-radius: 10px;
}

.best_your_choosE_content a:hover {
  background: black;
  color: white;
}

.best_your_choosE_img img {
  width: 100%;
  height: auto;
}

section.main_best_your_choose .row {
  background: #8080800d;
  padding: 50px 50px;
  border-radius: 30px;
}

/* Best Your  Choose ENd */
/* Our Mission Start */

section.main_our_mission {
  background: #FAFAFA;
  padding: 100px 0px;
}

.our_mission_1 h3 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 30.03px;
  line-height: 35.21px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  color: black;
}

.our_mission_1 p {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 24.19px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: black;
  margin: 10px 0px 40px;
}

.our_mission_1 {
  background: white;
  padding: 70px 80px 100px;
  width: 100%;
  margin: auto;
  border-radius: 10px;
  box-shadow: 0px 8px 14px 0px #0000000D;
}

.our_mission_1 ul {
  display: flex;
  gap: 20px;
}

.our_mission_1 a.first {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  background: #ABB9A8;
  color: white;
  padding: 20px;
  border-radius: 5px;
}

.our_mission_1 a.snd {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: black;
  border: 1px solid black;
  padding: 20px;
  border-radius: 5px;
}

.our_mission_1 a.first:hover {
  background: black;
}

.our_mission_1 a.snd:hover {
  background: black;
  color: white;
}

.our_mission_title {
  margin-top: 50px;
  text-align: center;
  box-shadow: 0px 8px 14px 0px #0000000D;
  background: white;
  padding: 50px;
  border-radius: 12px;
}

.our_mission_title h2 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 30.03px;
  line-height: 35.21px;
  letter-spacing: -0.6px;
  text-align: center;
  vertical-align: middle;
  color: black;
  margin-bottom: 20px;
}

.our_mission_title p {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 24.19px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: black;
  letter-spacing: 1px;
}

/* Our Mission End */

/* Welcome To Eudermic Start */

.main_welcome_to_eudermic.snd .welcome_to_eudermic_content a {
  background: transparent;
  color: black;
  border: 1px solid black;
  padding: 17px 32px;
}

.main_welcome_to_eudermic.snd .welcome_to_eudermic_content a:hover {
  background: black;
  color: white;
}

.welcome_to_eudermic_content h6 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 30.03px;
  line-height: 35.21px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  margin-bottom: 20px;
  color: black;
}

.welcome_to_eudermic_content h4 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 37.69px;
  line-height: 37.69px;
  letter-spacing: -0.75px;
  vertical-align: middle;
  font-weight: 700;
  color: black;
}

.welcome_to_eudermic_content p {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 30px;
  letter-spacing: 0%;
  vertical-align: middle;
  margin: 20px 0px 50px;
  color: black;
}

.welcome_to_eudermic_content {
  text-align: start;
  width: 80%;
  margin: auto;
}

.main_welcome_to_eudermic.snd .welcome_to_eudermic_content {
  text-align: center !important;
}

.welcome_to_eudermic_content a {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: white;
  border: 1px solid #ABB9A8;
  padding: 18px 30px;
  border-radius: 5px;
  background: #ABB9A8;
}

.welcome_to_eudermic_content a:hover {
  background: black;
  color: white;
}

.welcome_to_eudermic_img img {
  width: 100%;
  height: auto;
}

section.main_welcome_to_eudermic.abtkore.custum.what_we_offer_inner {
  padding-top: 100px;
}

section.main_welcome_to_eudermic {
  background: #F4F3EF;
  color: white;
}

/* Welcome To Eudermic End */
/* Exclusive To Eudermic Start */
section.main_exclusive_to_eudermic {
  padding: 100px 0px;
}

.exclusive_to_eudermic_title h5 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 57.95px;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  text-align: center;
  vertical-align: middle;
  color: black;
  margin-bottom: 50px;
}

.exclusive_to_eudermic_bg img {
  width: 100%;
  height: auto;
}

.exclusive_to_eudermic_bg {
  position: relative;
}

.exclusive_to_eudermic_contant {
  position: absolute;
  top: 50px;
}

.exclusive_to_eudermic_contant h6 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 43.94px;
  line-height: 50.25px;
  letter-spacing: -0.88px;
  vertical-align: middle;
  color: black;
  width: 60%;
  margin-bottom: 30px;
}

.exclusive_to_eudermic_contant a {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: black;
  border: 1px solid black;
  padding: 10px 60px;
  border-radius: 6px;
}

.exclusive_to_eudermic_contant.snd {
  right: -200px;
}

.exclusive_to_eudermic_contant a:hover {
  background: black;
  color: white;
}

/* Exclusive To Eudermic End */
/* Five Star Reviews Start  */
section.main_five_star_reviews {
  padding-top: 100px;
}

.checked {
  color: orange;
}

.five_star_reviews_content h5 {
  font-family: Young Serif;
  font-size: 57.95px;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  vertical-align: middle;
  color: black;
  font-weight: 600;
}

.five_star_reviews_stars {
  display: flex;
  align-items: baseline;
  gap: 20px;
}

.five_star_reviews_stars h2 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 20.46px;
  line-height: 20.46px;
  letter-spacing: -0.41px;
  vertical-align: middle;
  color: black;
  margin: 0px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.five_star_reviews_content {
  height: 100%;
  background: #8080800a;
  display: flex;
  flex-direction: column;
  padding: 80px;
  border-radius: 60px;
}

.five_star_reviews_content p {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 24.19px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: black;
  margin-bottom: 40px;
}

.five_star_reviews_content h6 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 17.03px;
  line-height: 17.03px;
  letter-spacing: -0.34px;
  vertical-align: middle;
  font-weight: 700;
  color: black;
  margin-bottom: 40px;
}

.five_star_reviews_content a {
  font-family: Bitter;
  font-weight: 700;
  font-size: 16.13px;
  line-height: 24.19px;
  letter-spacing: 0%;
  vertical-align: middle;
  border: 1px solid black;
  color: black;
  padding: 10px;
}

.five_star_reviews_content a:hover {
  background: black;
  color: white;
}

.five_star_reviews_img img {
  width: 100%;
  height: auto;
}

/* Five Star Reviews End  */
/* Follow Us On Instagram Start */

.follow_us_on_insta_title h5 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 43.94px;
  line-height: 50.25px;
  letter-spacing: -0.88px;
  text-align: center;
  vertical-align: middle;
  color: black;
  margin-bottom: 50px;
}

.follow_us_on_insta_title {
  text-align: center;
}


section.main_follow_us_on_insta {
  padding: 100px 0px 50px;
  background: white;
  margin-top: 100px;
}

.main_follow_us_on_insta_img img {
  width: 350px;
  height: auto;
}

.main_follow_us_on_insta_img {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 10px;
}

/* Follow Us On Instagram End */
/* Footer Start */
.footer_newsletter_form_btn {
  position: absolute;
  top: 7px;
  right: 6px;
}

.footer_newsletter_form_btn button {
  background: #ABB9A8;
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 17.14px;
  leading-trim: NONE;
  line-height: 16.17px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: white;
  border: none;
  padding: 22px 30px;
  border-radius: 6px;
}

footer {
  background: #333333;
  padding: 100px 0px 20px;
}

.footer_logo p {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 24.19px;
  vertical-align: middle;
  color: white;
  margin-top: 50px;
  margin-bottom: 0px;
  width: 90%;
}

.footer_links h6 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 30.03px;
  line-height: 35.21px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  color: white;
  font-weight: 700;
  height: 80px;
}

.footer_newsletter h6 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 30.03px;
  line-height: 35.21px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  color: white;
  font-weight: 700;
  height: 80px;
}

.footer_links ul a {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 24.19px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: white;
}

.footer_links ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.footer_newsletter p {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 24.19px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: white;
}

form.footer_newsletter_form {
  position: relative;
}

form.footer_newsletter_form input {
  padding: 26px 140px 26px 16px;
  outline: none;
  border: none;
  background: white;
  width: 100%;
  border-radius: 12px;
}

form.footer_newsletter_form input::placeholder {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
}


footer hr {
  background: white;
  margin: 100px 0px 20px;
}

footer span {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 24.19px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: white;
}

/* Footer End */

/* Welcome to Eudermic Card Start */
.welcome_to_eudermic_card_img img {
  width: 100%;
  height: auto;
}

.welcome_to_eudermic_card {
  position: relative;
}

.welcome_to_eudermic_card_content {
  position: absolute;
  bottom: 20px;
  padding: 0px 20px;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.welcome_to_eudermic_card_content h6 {
  font-family: Bitter;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 26px;
  leading-trim: NONE;
  line-height: 29.3px;
  letter-spacing: 0%;
  color: white;
  margin: 0px;
}

.main_welcome_to_eudermic_card {
  padding-top: 100px;
}

/* Welcome to Eudermic Card End */
/* Skincare Journey Start */
.main_skincare_journey {
  padding: 100px 0px;
}

.skincare_journey_title {
  text-align: center;
}

.skincare_journey_title h2 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 58.15px;
  leading-trim: NONE;
  line-height: 64.67px;
  letter-spacing: -1.16px;
  text-align: center;
  vertical-align: middle;
  color: black;
}

.skincare_journey_title p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.14px;
  leading-trim: NONE;
  line-height: 29.3px;
  letter-spacing: 0%;
  text-align: center;
  color: black;
  width: 50%;
  margin: auto;
}

.skincare_journey_title {
  margin-bottom: 50px;
}

.skincare_journey_card img {
  width: 100%;
  height: auto;
}

.skincare_journey_card h6 {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 26px;
  leading-trim: NONE;
  line-height: 29.3px;
  letter-spacing: 0%;
  text-align: center;
  color: black;
}

/* Skincare Journey End */
/* Need Help Start */

.need_help_accordion__item {
  margin: 5px auto;
}

.need_help_accordion__item .need_help_accordion__title {
  position: relative;
  display: block;
  padding: 13px 60px 15px 13px;
  margin-bottom: 2px;
  color: #202020;
  font-size: 28px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
  font-family: Bitter;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 18.05px;
  leading-trim: NONE;
  line-height: 27.07px;
  letter-spacing: 0%;
  vertical-align: middle;
  border-bottom: 1px solid gray;
  padding: 20px 0px;
}

.need_help_accordion__item .need_help_accordion__title:hover {
  background-color: #e5e4e4;
  transition: all 0.5s ease-out;
}

.need_help_accordion__item .need_help_accordion-active {
  background-color: #e5e4e4;
}

.need_help_accordion__item .need_help_accordion__title .need_help_accordion__arrow {
  position: absolute;
  top: 13px;
  right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  text-align: center;
  color: black;
  line-height: 30px;
  font-size: 20px;
  font-weight: 700;
  margin-right: 5px;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.need_help_accordion__item .need_help_accordion__rotate {
  transform: rotate(225deg);
}

.need_help_accordion__item .need_help_accordion__content {
  padding: 30px;
  margin-bottom: 2px;
  font-size: 14px;
  display: none;
  background-color: #f3f3f3;
}

.need_help_accordion__item .need_help_accordion__arrow-item {
  font-weight: 700;
}

section.main_need_help {
  padding: 100px 0px;
}

.need_help_title h2 {
  font-family: Young Serif;
  font-size: 57.95px;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  vertical-align: middle;
  color: black;
  font-weight: 600;
}

.need_help_title p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.74px;
  leading-trim: NONE;
  line-height: 25.12px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.need_help_title h6 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 28.07px;
  leading-trim: NONE;
  line-height: 33.69px;
  letter-spacing: 0%;
  vertical-align: middle;
  padding: 40px 40px 10px;
}

.need_help_accordion {
  box-shadow: 0px 4.01px 12.03px 0px #0000001A;
  padding: 20px 30px;
  border-radius: 12px;
}

.need_help_accordion_img img {
  width: 100%;
  height: auto;
}

/* Need Help End */
/* Second Last Sec Start */
section.main_sec_last_sec {
  box-shadow: 0px 8px 14px 0px #0000000D;
  padding: 20px;
  border-radius: 11px;
}

.main_sec_last_sec .row {
  justify-content: space-between;
}

.sec_last_sec_content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sec_last_sec_content ul li {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.14px;
  leading-trim: NONE;
  line-height: 42.3px;
  letter-spacing: 0%;
  color: black;
}


/* Second Last Sec End */

/* Inner Banner Start */
.inner_banner_bg {
  background: #90633F;
  color: white;
  height: 560px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.inner_banner_bg h1 {
  font-family: Times New Roman;
  font-weight: 700;
  font-style: Bold;
  font-size: 81px;
  leading-trim: NONE;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  text-align: center;
  vertical-align: middle;
  padding-top: 150px;
}

/* Inner Banner End */

/* Our Product Inner Page Start */
section.main_our_product_second_sec {
  padding: 100px 0px;
}

.our_product_second_sec_card {
  text-align: center;
}

.our_product_second_sec_card h6 {
  font-family: Young Serif;
  font-weight: 400;
  font-size: 30.03px;
  line-height: 35.21px;
  letter-spacing: -0.6px;
  text-align: center;
  vertical-align: middle;
  color: black;
  margin-top: 20px;
  font-weight: 700;
}
.our_product_third_sec_card{ margin-bottom:2rem; }
.our_product_third_sec_card img {
  width: 100%;
  height: auto;
  margin-bottom:1rem;
}

.our_product_third_sec_card h6 {
  font-family: Bitter;
  font-weight: 400;
  font-size: 23.08px;
  line-height: 34.64px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.our_product_third_sec_card span {
  font-family: Bitter;
  font-weight: 400;
  font-size: 18.44px;
  line-height: 27.68px;
  letter-spacing: 0%;
  vertical-align: middle;
}

/* Our Product Inner Page End */

/* About Inner Page Start */
.inner_banner_bg.about_inner_banner_new {
  height: 400px;
}

section.main_owner_new_sec {
  background: #8080800a;
  padding: 100px 0px;
}

.inner_banner_bg.about_inner_banner_new h1 {
  padding-bottom: 50px;
}

.main_our_mission.snd_new .our_mission_title {
  margin: 0px;
}

section.main_about_inner_new_forth_sec {
  padding-bottom: 100px;
  display: none;
}

.about_inner_new_forth_sec_content h2 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 42.15px;
  line-height: 64.67px;
  letter-spacing: -1.16px;
  vertical-align: middle;
  color: #000000;
}

.about_inner_new_forth_sec_content.snd {
  background: #F4F3EF;
}

.about_inner_new_forth_sec_content {
  box-shadow: 0px 8px 14px 0px #0000000D;
  background: white;
  border-radius: 10px;
  padding: 30px 30px;
}

.about_inner_new_forth_sec_content p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.14px;
  line-height: 29.3px;
  color: #000000;
}

/* About Inner Page End */
/* Membership Inner Page Start  */
.main_inner_membership_new_second_sec {
  padding: 100px 0px;
}

.inner_membership_new_second_sec_content h1 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 35.3px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  color: #000000;
  margin: 0px;
}

.inner_membership_new_second_sec_content h2 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 40.08px;
  leading-trim: NONE;
  line-height: 35.3px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  color: #000000;
  margin: 10px 0px;
}

.inner_membership_new_second_sec_content p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.14px;
  leading-trim: NONE;
  line-height: 24.25px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000000;
  width: 90%;
  margin-bottom: 30px;
}

.inner_membership_new_second_sec_content a {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  background: #ABB9A8;
  color: white;
  padding: 16px 40px;
  border-radius: 5px;
}

.inner_membership_new_second_sec_content a:hover {
  background: black;
}

.inner_membership_new_second_sec_content ul {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  gap: 5px;
}

.inner_membership_new_second_sec_content ul li {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.13px;
  leading-trim: NONE;
  line-height: 24.19px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #000000;
}

.inner_membership_new_second_sec_content h3 {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 17.74px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  vertical-align: middle;
  margin-bottom: 20px;
}

.main_welcome_to_eudermic_card.membership_new {
  padding-top: 0px;
}

.inner_membership_new_second_sec_content {
  height: 476px;
  box-shadow: 0px 8px 14px 0px #0000000D;
  display: flex;
  align-items: center;
  padding: 40px;
  border-radius: 10px;
}

/* Membership Inner Page End */
/* Choose Your Plan Inner Page Start */
section.main_choose_your_plan_new_inner {
  padding-top: 100px;
}

.choose_your_plan_new_inner_card h1 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 30px;
  leading-trim: NONE;
  line-height: 35.3px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  margin: 0px;
}

.choose_your_plan_new_inner_card h2 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 40.08px;
  leading-trim: NONE;
  line-height: 35.3px;
  letter-spacing: -0.6px;
  vertical-align: middle;
  color: black;
  margin: 10px 0px;
}

.choose_your_plan_new_inner_card p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.14px;
  leading-trim: NONE;
  line-height: 24.25px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  margin: 0px auto 30px;
  width: 70%;
}

.choose_your_plan_new_inner_card ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  margin-top: 40px;
}

.choose_your_plan_new_inner_card ul li {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.13px;
  leading-trim: NONE;
  line-height: 24.19px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: black;
}

.choose_your_plan_new_inner_card {
  text-align: center;
  box-shadow: 0px 8px 14px 0px #0000000D;
  background: white;
  height: 475px;
  display: flex;
  align-items: center;
}

.choose_your_plan_new_inner_card a {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  background: #ABB9A8;
  color: white;
  padding: 15px 30px;
  border-radius: 5px;
}

.choose_your_plan_new_inner_card a:hover {
  background: black;
}

.choose_your_plan_new_inner_card_btn a {
  font-family: Bitter;
  font-weight: 400;
  font-size: 16.13px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  background: #ABB9A8;
  color: white;
  padding: 15px 50px;
  border-radius: 5px;
}

.choose_your_plan_new_inner_card_btn a:hover {
  background: black;
}

.choose_your_plan_new_inner_card_btn {
  text-align: center;
  margin-top: 70px;
}

/* Choose Your Plan Inner Page End */
/* Contact Us Page Start */
.inner_banner_bg_personalized_skin {
  background: url(../images/personalized-inner-banner-bg.png);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  padding: 200px 0px 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 560px;
}

.inner_banner_bg_personalized_skin h1 {
  font-family: Times New Roman;
  font-weight: 700;
  font-style: Bold;
  font-size: 81px;
  leading-trim: NONE;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
}

section.main_contact_us_new {
  padding-top: 100px;
}

.contact_us_new_content h2 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 57.95px;
  leading-trim: NONE;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  vertical-align: middle;
  color: #000000;
}

.contact_us_new_content p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.14px;
  leading-trim: NONE;
  line-height: 29.3px;
  letter-spacing: 0%;
  color: #000000;
  margin: 30px 0px;
}

.contact_us_new_content ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact_us_new_content ul a {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.14px;
  leading-trim: NONE;
  line-height: 29.3px;
  letter-spacing: 0%;
  color: black;
}

.contact_us_new_content {
  width: 80%;
}

form.contact_us_new_form input {
  width: 100%;
  background: transparent;
  border: 1.01px solid #A9A9A9;
  padding: 8px;
  margin-bottom: 20px;
}

form.contact_us_new_form label {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.13px;
  leading-trim: NONE;
  line-height: 24.19px;
  letter-spacing: 0%;
  color: #000000;
}

form.contact_us_new_form select {
  width: 100%;
  background: transparent;
  border: 1.01px solid #A9A9A9;
  padding: 8px;
  margin-bottom: 20px;
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.13px;
  leading-trim: NONE;
  line-height: 24.19px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: gray;
}

form.contact_us_new_form textarea {
  width: 100%;
  background: transparent;
  border: 1.01px solid #A9A9A9;
  padding: 8px;
  margin-bottom: 20px;
  height: 100px;
  resize: none;
}

form.contact_us_new_form span {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 13.81px;
  leading-trim: NONE;
  line-height: 13.81px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: gray;
  margin-left: 10px;
}

form.contact_us_new_form button {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.13px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  background: black;
  color: white;
  border: 1px solid black;
  padding: 14px 30px;
  border-radius: 6px;
}

form.contact_us_new_form button:hover {
  background: transparent;
  color: black;
}

/* Contact Us Page End */
/* Medspa Inner Page Start */
.inner_banner_medspa {
  background: url(../images/medspa-inner-banner-bg.png);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  padding: 200px 0px 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.inner_banner_medspa h1 {
  font-family: Times New Roman;
  font-weight: 700;
  font-style: Bold;
  font-size: 81px;
  leading-trim: NONE;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
}

.inner_banner_medspa img {
  width: 100%;
  height: auto;
}

section.main_medspa_registration_form {
  padding-top: 100px;
}

.medspa_registration_form_title {
  text-align: center;
}

.medspa_registration_form_title p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: black;
  margin-bottom: 40px;
}

form.medspa_registration_form {
  box-shadow: 0px 4px 16px 0px #11111A0D;
  padding: 50px;
}

form.medspa_registration_form h2 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 42.04px;
  leading-trim: NONE;
  letter-spacing: -1.44px;
  text-align: center;
  vertical-align: middle;
  color: black;
}

form.medspa_registration_form p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 14px;
  leading-trim: NONE;
  line-height: 21px;
  letter-spacing: 0.15px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 40px;
}

form.medspa_registration_form input {
  width: 100%;
  background: transparent;
  border: 1px solid #E9E9E9;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}

form.medspa_registration_form label {
  font-family: Bitter;
  font-weight: 500;
  font-style: Medium;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 19px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: #222222;
}

.medspa_registration_form_radio input {
  width: unset !important;
  margin: 0px !important;
}

.medspa_registration_form_radio input ul li {
  display: flex !important;
}

.medspa_registration_form_radio ul li {
  display: flex !important;
  align-items: center;
  gap: 10px;
}

.medspa_registration_form_radio h6 {
  margin: 0px;
  font-family: Bitter;
  font-weight: 500;
  font-style: Medium;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 19px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.medspa_registration_form_radio ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}

form.medspa_registration_form button {
  font-family: Bitter;
  font-weight: 500;
  font-style: Medium;
  font-size: 15px;
  leading-trim: NONE;
  line-height: 24px;
  letter-spacing: 0.15px;
  text-align: center;
  vertical-align: middle;
  background: black;
  color: white;
  border: 1px solid black;
  padding: 10px 30px;
  border-radius: 5px;
  margin-top: 50px;
}

form.medspa_registration_form button:hover {
  background: transparent;
  color: black;
}

/* Medspa Inner Page End */


/* Personalized Skin Care Page Start */
.inner_banner_bg_personalized_skin {
  background: url(../images/personalized-inner-banner-bg.png);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  padding: 200px 0px 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 560px;
}

.main_custum_step_form .btn-primary:active {
  background: black !important;
}

.inner_banner_bg_personalized_skin h1 {
  font-family: Times New Roman;
  font-weight: 700;
  font-style: Bold;
  font-size: 81px;
  leading-trim: NONE;
  line-height: 64.5px;
  letter-spacing: -1.16px;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
}

.main_custum_step_form {
  padding: 50px 0;
  border-radius: 15px;
  width: 100%;
  overflow: hidden;
  animation: fadeIn 0.5s ease-in-out;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.main_custum_step_form .form-step {
  display: none;
  position: relative;
  width: 100%;
  flex: 1;
  transition: transform 0.6s ease-in-out;
}

.main_custum_step_form .form-step.active {
  display: block;
  transform: translateX(0);
}

.main_custum_step_form .form-step.next-slide {
  transform: translateX(100%);
}

.main_custum_step_form .form-step.prev-slide {
  transform: translateX(-100%);
}

.main_custum_step_form .form-step h2 {
  font-family: Times New Roman;
  font-weight: 400;
  font-size: 50.04px;
  letter-spacing: -1.44px;
  text-align: center;
  vertical-align: middle;
  color: black;
  margin-bottom: 20px;
}

.main_custum_step_form .form-group {
  margin-bottom: 20px;
  text-align: center;
  flex: 1;
}

.main_custum_step_form .form-group label {
  font-family: Times New Roman;
  font-weight: 400;
  font-size: 22.04px;
  text-align: center;
  vertical-align: middle;
  color: black;
  margin-bottom: 20px;
}

.main_custum_step_form .form-group .age-options {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  gap: 12px;
  justify-content: center;
  margin: 30px auto 50px;
  width: 500px;
  justify-content: center;
  align-items: center;
}

.main_custum_step_form .form-group .age-options div,
.main_custum_step_form .form-group .age-options label{
  padding: 20px 10px;
  border: 1px solid #A9A9A9;
  cursor: pointer;
  background: #ffffff;
  color: #0000008C;
  transition: all 0.3s ease;
  font-family: Bitter;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 400px;
  flex-direction: column;
  gap: 10px;
  margin-bottom:0;
}

.main_custum_step_form .form-group .age-options div:hover,
.main_custum_step_form .form-group .age-options label:hover{
  /* background: black; */
  /* color: white; */
}

.main_custum_step_form .form-group .age-options div.selected,
.main_custum_step_form .form-group .age-options label.selected{
  background: #FFF5F5;
}

.main_custum_step_form .btn {
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.main_custum_step_form .btn-primary {
  background: black;
  color: white;
  font-family: Bitter;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  border: 1px solid black;
}

.main_custum_step_form .btn-primary:hover {
  background: transparent;
  color: black;
}

.main_custum_step_form .btn-secondary {
  background: transparent;
  font-family: Bitter;
  font-weight: 400;
  font-size: 20.02px;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  color: black;
}


.main_custum_step_form .btn-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 20px;
}

.main_custum_step_form .form-group input,
.main_custum_step_form .form-group textarea {
  width: 100% !important;
  margin: 0 auto;
  display: block;
  padding: 12px;
  border: 2px solid #ecf0f1;
  background: #ffffff;
  color: #0000008C;
  transition: all 0.3s ease;
  font-family: Bitter;
  font-weight: 400;
  font-size: 20px;
  vertical-align: middle;
  resize: none;
  border-radius: 0px;
}

.main_custum_step_form .form-group input::placeholder {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  line-height: 34.84px;
  letter-spacing: 0%;
  vertical-align: middle;
  text-align: center;
}

.main_custum_step_form .form-group textarea {
  min-height: 100px;
}

.main_custum_step_form .form-group textarea::placeholder {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 17px;
  line-height: 34.84px;
  letter-spacing: 0%;
  vertical-align: middle;
}

.main_custum_step_form .form-group input:focus,
.main_custum_step_form .form-group textarea:focus {
  border-color: #3498db;
  outline: none;
}

.main_custum_step_form .form-group small {
  font-family: Bitter;
  font-weight: 400;
  font-style: Italic;
  font-size: 16px;
  line-height: 34.84px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: gray;
}

.main_custum_step_form .upload-area {
  width: 100%;
  /* max-width: 320px; */
  height: 120px;
  border: 2px dashed #ecf0f1;
  border-radius: 8px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #f9f9f9;
  transition: border-color 0.3s ease;
}

.main_custum_step_form .upload-area:hover {
  border-color: #3498db;
}

.main_custum_step_form .upload-area input[type="file"] {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  height: 60%;
  opacity: 0;
  cursor: pointer;
}

.main_custum_step_form .form-step h6 {
  font-family: Bitter;
  font-weight: 400;
  font-size: 20px;
  vertical-align: middle;
  margin: 10px 0px 10px;
  text-align: start;
  color: black;
}

.upload_photo {
  display: flex;
  width: 100%;
  align-items: baseline;
  gap: 10px;
}

.upload_photo input {
  width: 30px !important;
  cursor: pointer;
}

.upload_photo small {
  text-align: start !important;
}

.upload-area span {
  position: absolute;
}

.main_custum_step_form .form-step p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.2px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
}

.upload_photo input[type="checkbox"] {
  width: 20px !important;
}

/* Step Form Responsive STart */

@media (min-width: 1401px) and (max-width: 1600px) {}

@media (min-width : 992px) and (max-width : 1400px) {}

@media (min-width : 768px) and (max-width : 991px) {}

@media (max-width : 992px) {}

@media (max-width : 767px) {
  .step_form_inner_banner_title ul li {
    padding: 5px !important;
    font-size: 14px !important;
  }

  .step_form_inner_banner_title::before {
    width: 70%;
  }

  .main_custum_step_form .btn-container {
    display: flex;
    flex-direction: column;
  }

  .main_custum_step_form .btn-container button#continue-1\.5 {
    width: 80%;
  }

  .main_custum_step_form .form-step h2 {
    font-size: 23px;
    line-height: unset;
    margin: 10px 0px 20px;
  }

  .main_custum_step_form .form-group input,
  .main_custum_step_form .form-group textarea {
    width: 100% !important;
  }

  .main_custum_step_form .form-group .age-options {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    margin-bottom: 10px;
  }

  .main_custum_step_form .form-group .age-options div {
    width: unset;
    padding: 10px;
    font-size: 15px;
  }

  .main_custum_step_form .form-group label {
    font-size: 20px;
    margin: 0px 0px 10px;
  }

  .main_custum_step_form {
    max-width: unset !important;
    /* width: 300px !important; */
    min-height: 400px;
    padding: 50px 20px;
  }

  .main_custum_step_form .upload-area {
    width: 100%;
  }

  .upload_photo {
    display: none;
  }

  .main_custum_step_form .btn-container {
    flex-direction: column;
  }

  .main_custum_step_form .btn-primary {
    width: 100%;
    margin: auto;
  }
}

@media (max-width : 400px) {}

@media (max-width : 320px) {
  .main_custum_step_form {
    width: 100% !important;
    min-height: 300px;
    padding: 50px 20px 100px;
  }
}

/* Step Form Responsive End */
/* Personalized Skin Care Page ENd */


.main_personalized_book_an_oppintment header p span {
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.main_personalized_book_an_oppintment header p span::before {
  margin-right: 5px;
}



.main_personalized_book_an_oppintment .calendar {
  text-align: center;
  margin-top: 10px;
  background: white;
  padding: 50px;
  border-radius: 10px;
}

.main_personalized_book_an_oppintment .calendar button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: black;
  padding: 0 5px;
}

.main_personalized_book_an_oppintment .calendar span {
  margin: 0 10px;
  font-size: 16px;
  color: black;
}

.main_personalized_book_an_oppintment .calendar table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.main_personalized_book_an_oppintment .calendar th,
.main_personalized_book_an_oppintment .calendar td {
  padding: 5px;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.main_personalized_book_an_oppintment .calendar th {
  font-weight: bold;
  color: #2b2b93;
}

.main_personalized_book_an_oppintment .calendar td {
  cursor: pointer;
}

.main_personalized_book_an_oppintment .calendar td:hover {
  background: #e0e0e0;
}

.main_personalized_book_an_oppintment .calendar td.selected {
  background: #00000036;
  color: #fff;
  border-radius: 5px;
}

.personalized_book_an_oppintment_title {
  text-align: center;
}

.personalized_book_an_oppintment_title h1 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 72.04px;
  leading-trim: NONE;
  line-height: 80.19px;
  letter-spacing: -1.44px;
  text-align: center;
  vertical-align: middle;
  color: black;
}

.personalized_book_an_oppintment_title p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.2px;
  leading-trim: NONE;
  line-height: 24.23px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: black;
  width: 60%;
  margin: auto;
}

.personalized_book_an_oppintment_title {
  margin-bottom: 50px;
}

.calendar_title h1 {
  font-family: Times New Roman;
  font-weight: 400;
  font-size: 42.04px;
  color: black;
  margin: 0px;
}

.calendar_title h6 {
  margin: 0px;
  color: black;
}

.calendar_title hr {
  margin: 50px 0px 20px;
}

.calendar_title h3 {
  font-size: 20px;
}

/* Step Form Icon Start */

.step .main_step_form_progressbar {
  width: 90%;
  max-width: 600px;
  margin: 20px auto;
  text-align: center;
  font-family: Arial, sans-serif;
}

.step .main_step_form_progressbar h2 {
  margin-bottom: 20px;
  color: #333;
}

.step .main_step_form_progressbar .progress-bar-step-form {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
}

.step .main_step_form_progressbar .progress-line {
  position: absolute;
  height: 4px;
  background: #ccc;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.step .main_step_form_progressbar .progress-fill {
  position: absolute;
  height: 4px;
  background: black;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: width 0.3s;
}

.step .main_step_form_progressbar .progress-step {
  width: 30px;
  height: 30px;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  cursor: pointer;
  transition: background 0.3s, border-color 0.3s;
}

.step .main_step_form_progressbar .progress-step.active {
  background: black;
  border-color: black;
  color: #fff;
}

.step .main_step_form_progressbar .progress-step:hover {
  background: black;
  color: white;
}

.step .main_step_form_progressbar .labels {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  color: #666;
  font-size: 14px;
}

.step .main_step_form_progressbar input[type="range"] {
  width: 100%;
  margin-top: 20px;
  display: none;
}

.step_icon_title_icon {
  text-align: center;
}

.main_custum_step_form .form-group .age-options.step_form_two {
  grid-template-columns: repeat(3, 3fr) !important;
}

.main_custum_step_form .form-group .age-options.step_form_two div {
  width: 350px;
  height: 210px;
}

.step_three_title_icon {
  text-align: center;
}

.main_current_stress_level .main {
  display: flex;
  align-items: center;
  padding: 30px 0px;
}

.main_current_stress_level .main .circle {
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
  position: relative;
  cursor: pointer;
  /* Indicates clickable */
}

.main_current_stress_level .main .circle.highlight {
  background-color: black;
  border: 1px solid firebrick;
}

.main_current_stress_level .main .line {
  flex-grow: 1;
  height: 2px;
  background-color: #ccc;
}

.main_current_stress_level .main .number {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #333;
}

@media (max-width: 480px) {
  .step .main_step_form_progressbar .progress-step {
    width: 20px;
    height: 20px;
    font-size: 12px;
  }

  .step .main_step_form_progressbar .progress-line,
  .step .main_step_form_progressbar .progress-fill {
    height: 2px;
  }

  .step .main_step_form_progressbar h2 {
    font-size: 18px;
  }
}

/* Responsive Start */

@media (min-width: 1401px) and (max-width: 1600px) {}

@media (min-width : 992px) and (max-width : 1400px) {
  .contact_us_new_content {
    width: unset;
  }

  .inner_banner_bg_personalized_skin {
    height: 450px;
    padding-bottom: 100px;
  }

  .main_personalized_book_an_oppintment .calendar {
    padding: 20px;
  }

  .inner_banner_bg {
    height: 450px;
  }

  .inner_banner_bg h1 {
    padding-top: 100px;
  }

  .our_mission_1 {
    padding: 70px 10px;
  }

  section.main_best_your_choose .row {
    background: transparent;
  }

  .best_your_choosE_content p {
    width: unset;
  }

  .five_star_reviews_content {
    background: transparent;
    padding: 0px;
  }

  .main_follow_us_on_insta_img {
    justify-content: center;
  }

  .logo img {
    width: 80%;
  }

  .welcome_to_eudermic_content {
    width: unset;
    padding: 0px 20px;
  }

  .skincare_journey_title h2 {
    font-size: 40px;
  }

  .skincare_journey_card h6 {
    font-size: 16px;
  }

  .main_follow_us_on_insta_img img {
    width: unset;
  }

  .main_follow_us_on_insta_img_new {
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  }

  .contact_us_inner_content h2 {
    font-size: 40px;
    line-height: 50px;
  }

  section.main_contact_us_inner {
    padding: 50px 0px;
  }

  section.main_log_in {
    height: unset;
    padding: 200px 0px 100px;
  }

  .welcome_to_eudermic_content h6 {
    font-size: 22px;
  }

  .welcome_to_eudermic_content h4 {
    font-size: 30px;
    font-weight: 200;
  }

  section.main_about_inner_third_sec {
    padding: 50px 0px;
  }

  .about_inner_third_sec_content h3 {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: 20px;
  }

  .about_inner_fifth_sec_img img {
    height: 100%;
    object-fit: cover;
  }

  .about_inner_fifth_sec_img {
    height: 100vh;
  }

  .about_inner_fifth_sec_title h5 {
    text-align: center;
  }

  section.our_product_inner_banner h1 {
    font-size: 60px;
  }

  section.main_our_product_second_sec {
    padding: 50px 0px;
  }

  .our_product_second_sec_card h6 {
    font-weight: 400;
    font-size: 25px;
  }

  .our_product_third_sec_card {
    text-align: center;
  }

  .nav {
    align-items: center;
  }

  .footer_links h6 {
    height: unset;
    margin-bottom: 30px;
    font-size: 22px;
  }

  .footer_newsletter h6 {
    height: unset;
    margin-bottom: 30px;
    font-size: 20px;
  }

  .footer_logo p {
    margin-top: 30px;
  }

  .footer_links ul {
    gap: 20px;
  }

  form.footer_newsletter_form {
    flex-direction: column;
  }

  .footer_newsletter_form_btn button {
    width: 100%;
  }

  footer {
    padding: 50px 0px 20px;
  }

  footer hr {
    margin: 50px 0px 20px;
  }

  .nav-links {
    gap: 14px;
  }

  .nav-links a {
    font-size: 14px;
  }

  section.banner_bg::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0000008a;
  }

  .banner_content {
    top: 50%;
    left: 50%;
  }

  .banner_content h1 {
    width: unset;
    font-size: 45px;
  }

  .banner_content p {
    margin-bottom: 50px;
  }

  section.main_best_your_choose {
    padding: 50px 0px;
  }

  section.main_welcome_to_eudermic {
    padding: 50px 0px;
  }

  .welcome_to_eudermic_content p {
    width: unset;
  }

  section.main_exclusive_to_eudermic {
    padding: 50px 0px;
  }

  .exclusive_to_eudermic_title h5 {
    font-size: 40px;
  }

  .exclusive_to_eudermic_contant h6 {
    font-size: 30px;
    line-height: unset;
  }

  .exclusive_to_eudermic_contant.snd {
    right: 0px;
  }

  .five_star_reviews_content h5 {
    font-weight: 500;
    font-size: 40px;
    line-height: 40px;
  }

  .five_star_reviews_stars h2 {
    margin: 20px 0px 20px;
  }

  .five_star_reviews_content h6 {
    margin-bottom: 30px;
  }

  .five_star_reviews_content p {
    margin-bottom: 20px;
  }

  section.main_follow_us_on_insta {
    padding: 50px 0px;
  }

  .follow_us_on_insta_title h5 {
    font-size: 36px;
    margin-bottom: 30px;
  }
}

@media (min-width : 768px) and (max-width : 991px) {}

@media (max-width : 992px) {}

@media (max-width : 767px) {
  section.main_owner_new_sec {
    padding: 0px 0px;
    text-align: center;
  }

  .owner_new_sec_content h1 {
    font-size: 30px !important;
    line-height: unset !important;
  }

  .owner_new_sec_content h2 {
    font-size: 17px;
    line-height: unset;
    font-weight: 400;
  }

  section.main_contact_us_new {
    padding-top: 50px;
  }

  .contact_us_new_content {
    width: unset;
  }

  .contact_us_new_content h2 {
    font-size: 40px;
    text-align: center;
    line-height: unset;
  }

  .contact_us_new_content p {
    text-align: center;
  }

  .contact_us_new_content ul {
    align-items: anchor-center;
    margin-bottom: 50px;
  }

  section.main_choose_your_plan_new_inner {
    padding-top: 50px;
  }

  .choose_your_plan_new_inner_card {
    height: unset;
    padding: 30px 10px;
    margin-bottom: 40px;
  }

  .choose_your_plan_new_inner_card p {
    width: unset;
  }

  .choose_your_plan_new_inner_card_btn {
    margin-top: 20px;
  }

  .inner_membership_new_second_sec_content {
    height: unset;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 0px;
    text-align: center;
  }

  .inner_membership_new_second_sec_content p {
    width: unset;
  }

  .main_inner_membership_new_second_sec {
    padding: 50px 0px;
  }

  .medspa_registration_form_radio {
    margin-bottom: 20px;
  }

  .inner_banner_medspa img {
    display: none;
  }

  .inner_banner_medspa {
    height: unset;
    padding: 200px 0px 100px;
  }

  .inner_banner_medspa h1 {
    font-size: 50px;
  }

  section.main_medspa_registration_form {
    padding-top: 50px;
  }

  form.medspa_registration_form {
    box-shadow: unset;
    background: transparent;
    padding: 0px;
  }

  .step_form_step_four textarea {
    height: unset;
  }

  .step_form_step_four ul {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
  }

  .step_form_step_five textarea {
    height: unset;
  }

  .step_form_step_two h2 {
    line-height: 32px;
    text-align: center;
  }

  .step_form_step_three h2 {
    line-height: 32px;
    text-align: center;
  }

  .step_form_step_four h2 {
    line-height: 40px;
    text-align: center;
  }

  .step_form_step_five h2 {
    line-height: 40px;
    text-align: center;
  }

  .step_form_step_six h2 {
    text-align: center;
    line-height: 36px;
  }

  .progress {
    display: none;
  }

  .inner_banner_bg_personalized_skin {
    height: unset;
    padding: 200px 0px 100px;
  }

  .inner_banner_bg_personalized_skin h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .main_personalized_skin_step_form {
    padding: 50px 0px;
  }

  .main_personalized_skin_step_form .top-progress-bar {
    box-shadow: unset;
    background: url();
    padding: 0px;
  }

  .main_personalized_skin_step_form .top-progress-bar .steps {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }

  .main_personalized_skin_step_form .top-progress-bar .progress-line {
    display: none;
  }

  form#stepForm {
    box-shadow: unset;
    background: transparent;
    padding: 0px;
  }

  .main_personalized_skin_step_form h1 {
    font-size: 40px;
    line-height: unset;
  }

  .step_form_checkbox p {
    font-size: 12px;
    line-height: unset;
  }

  .personalized_book_an_oppintment_title h1 {
    font-size: 35px;
    line-height: unset;
  }

  .personalized_book_an_oppintment_title p {
    width: unset;
  }

  .main_personalized_book_an_oppintment .calendar {
    padding: 0px;
    background: transparent;
  }

  .calendar_title hr {
    margin: 10px 0px;
  }

  .calendar_title h1 {
    font-size: 30px;
    margin: 10px 0px;
  }

  .main_personalized_book_an_oppintment .calendar span {
    font-size: 14px;
  }

  .inner_banner_bg {
    height: unset;
    padding: 200px 0px 100px;
  }

  .inner_banner_bg h1 {
    padding: unset;
    font-size: 45px;
    font-weight: 400;
    line-height: unset;
  }

  .about_inner_new_forth_sec_content {
    box-shadow: unset;
    background: transparent;
    padding: 0px;
    text-align: center;
    margin-bottom: 50px;
  }

  .about_inner_new_forth_sec_content.snd {
    background: transparent;
  }

  .about_inner_new_forth_sec_content h2 {
    font-size: 30px;
    line-height: unset;
  }

  section.main_about_inner_new_forth_sec {
    padding: 50px 0px;
  }

  .need_help_accordion {
    padding: 10px 0px;
  }

  section.main_best_your_choose .row {
    background: transparent;
    box-shadow: unset;
    padding: 0px;
  }

  .footer_newsletter_form_btn button {
    padding: 19px 30px;
  }

  section.main_five_star_reviews {
    padding-top: 50px;
  }

  .need_help_title h2 {
    font-size: 30px;
    text-align: center;
    line-height: unset;
  }

  .need_help_title p {
    width: unset;
    text-align: center;
  }

  .need_help_title h6 {
    padding: 0px;
    text-align: center;
  }

  .need_help_accordion__item .need_help_accordion__title .need_help_accordion__arrow {
    font-size: 16px;
  }

  .need_help_accordion__item .need_help_accordion__title {
    font-size: 16px;
    width: 100%;
    padding: 10px;
  }

  .need_help_accordion_img {
    margin-top: 40px;
  }

  section.main_need_help {
    padding: 50px 0px;
  }

  .sec_last_sec_content ul {
    justify-content: center;
    align-items: anchor-center;
  }

  .main_follow_us_on_insta_img img {
    width: unset;
  }

  .main_follow_us_on_insta_img_new {
    flex-wrap: wrap;
    gap: 10px;
  }

  .main_skincare_journey {
    padding-bottom: 0px;
  }

  .skincare_journey_title h2 {
    font-size: 30px;
    line-height: unset;
  }

  .skincare_journey_title p {
    width: unset;
  }

  .skincare_journey_card {
    margin-bottom: 50px;
  }

  .main_welcome_to_eudermic_card {
    padding-top: 50px;
  }

  .welcome_to_eudermic_card {
    margin-bottom: 50px;
  }

  .logo img {
    width: 50%;
  }

  section.main_contact_us_inner {
    padding-top: 50px;
  }

  .contact_us_inner_form_title {
    margin-bottom: 0px;
  }

  .contact_us_inner_form_title h1 {
    font-size: 40px;
    line-height: unset;
    font-weight: 700;
  }

  .contact_us_inner_content h2 {
    text-align: center;
    line-height: unset;
    font-size: 30px;
  }

  .contact_us_inner_content p {
    text-align: center;
    margin: 20px 0px 30px;
  }

  .contact_us_inner_content ul {
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }

  section.main_log_in {
    height: unset;
    padding: 100px 0px 50px;
  }

  .log_in_title h1 {
    font-size: 40px;
    line-height: unset;
    font-weight: 500;
  }

  .log_in_title {
    margin-bottom: 20px;
  }

  form.log_in_form {
    margin-bottom: 30px;
    border-radius: 0px;
    padding: 30px 20px;
    text-align: center;
    height: unset;
  }

  form.log_in_form h5 {
    margin-bottom: 30px;
    font-size: 25px;
    margin: 10px 0px 10px;
  }

  form.log_in_form p {
    text-align: center;
    margin: 20px 0px;
  }

  form.log_in_form.snd h5 {
    margin: 10px 0px 0px;
    font-size: 25px;
  }

  .login_btn {
    margin-top: 0px;
  }

  .login_btn a {
    display: flex;
    justify-content: center;
  }

  section.main_membrship_plans {
    padding: 50px 0px;
  }

  .membrship_plans_content h6 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .membrship_plans_content h5 {
    font-size: 30px;
    line-height: unset;
  }

  .membrship_plans_content p {
    margin: 10px 0px 40px;
  }

  .membrship_plans_content {
    width: unset;
    text-align: center;
  }

  .membrship_plans_content a {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 12px;
  }

  .membrship_plans_content hr {
    margin: 30px 0px;
  }

  .membrship_plans_content ul {
    margin-bottom: 20px;
  }

  section.main_membership_faqs {
    padding: 50px 0px;
  }

  .faqs_title h3 {
    text-align: center;
    font-size: 40px;
    line-height: unset;
  }

  .membership_faqs .faq-item button {
    font-size: 17px;
    padding: 10px 0px;
  }


  section.main_personalized_form_imgs {
    padding: 50px 0px;
  }

  form.personalized_form h1 {
    font-size: 34px;
    text-align: center;
    line-height: unset;
    margin-bottom: 0px;
  }

  form.personalized_form input {
    margin-bottom: 0pc;
  }

  .personalized_form_checkbox1 {
    margin-top: 10px;
  }

  form.personalized_form select {
    margin: 0px;
  }

  .personalized_form_checkbox2 {
    margin-top: 10px;
    align-items: center;
    margin-bottom: 0px;
  }

  form.personalized_form h2 {
    margin: 10px 0px 10px;
  }

  form.personalized_form h3 {
    font-size: 14px;
    line-height: unset;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  form.personalized_form label {
    margin-top: 0px;
  }

  form.personalized_form textarea {
    height: unset;
  }

  form.personalized_form button {
    margin-top: 30px;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 50px;
  }

  .personalized_form_img img {
    height: unset;
    margin-bottom: 20px;
  }

  .book_an_oppointment_form_title h5 {
    margin-bottom: 10px;
    font-size: 33px;
    font-weight: 300;
  }

  .book_an_oppointment_form_title p {
    width: unset;
    margin-bottom: 50px;
  }

  form.book_an_oppointment_form {
    padding: 20px 10px;
  }

  form.book_an_oppointment_form ul {
    align-items: center;
  }

  form.book_an_oppointment_form span {
    font-size: 14px;
    line-height: unset;
  }

  form.book_an_oppointment_form hr {
    margin: 20px 0px;
  }

  form.book_an_oppointment_form a.check_code_balance {
    margin-top: 30px;
  }

  form.book_an_oppointment_form h6 {
    font-size: 14px;
  }

  form.book_an_oppointment_form p {
    font-size: 14px;
  }

  section.main_book_an_oppointment_form {
    padding-bottom: 50px;
  }

  section.main_fresh_from_gallary {
    padding: 50px 0px;
  }

  .fresh_from_gallary_title h2 {
    font-size: 30px;
    line-height: unset;
  }

  .fresh_from_gallary_title {
    margin-bottom: 20px;
  }

  .fresh_from_gallary_img img {
    margin-bottom: 20px;
  }

  section.main_for_professional {
    padding: 50px 0px;
  }

  .for_professional_title h2 {
    font-size: 42px;
    line-height: unset;
  }

  .for_professional_title {
    margin-bottom: 0px;
  }

  .for_professional_content h5 {
    font-size: 30px;
    text-align: center;
  }

  .for_professional_content p {
    width: unset;
    margin: 10px 0px 40px;
  }

  .for_professional_content {
    text-align: center;
  }

  .for_professional_img img {
    margin: 50px 0px 0px;
  }

  .for_professional_content a {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
  }

  section.main_for_individuals {
    padding: 50px 0px;
    text-align: center;
  }

  .for_individuals_img img {
    margin-bottom: 40px;
  }

  .for_individuals_content p {
    width: unset;
  }

  .for_individuals_content h5 {
    font-size: 40px;
    font-weight: 500;
  }

  .for_individuals_content p {
    margin: 10px 0px 50px;
  }

  .for_individuals_content a {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
  }

  section.main_about_inner_third_sec {
    padding: 50px 0px;
    text-align: center;
  }

  .about_inner_third_sec_content h3 {
    font-size: 30px;
    line-height: unset;
    font-weight: 300;
    margin-bottom: 20px;
  }

  .about_inner_third_sec_content ul {
    margin: 0px;
    width: unset;
    gap: 10px;
    list-style: none;
    margin-bottom: 30px;
  }

  section.main_about_inner_forth_sec {
    padding: 0px;
    text-align: center;
  }

  .about_inner_forth_sec_content p {
    width: unset;
  }

  .about_inner_forth_sec_content {
    margin-bottom: 50px;
    margin-top: 50px;
  }

  .about_inner_fifth_sec_title h5 {
    font-size: 30px;
    text-align: center;
    line-height: unset;
    margin-bottom: 20px;
  }

  .about_inner_fifth_sec_img img {
    margin-bottom: 30px;
  }

  .about_inner_fifth_sec_content {
    text-align: center;
    margin-bottom: 40px;
  }

  .about_inner_fifth_sec_content ul::before {
    width: 0px;
  }

  .about_inner_fifth_sec_content ul {
    justify-content: center;
    gap: 20px;
  }

  .about_inner_fifth_sec_content h6 {
    font-size: 25px;
  }

  .about_inner_fifth_sec_content p {
    margin: 10px 0px;
  }

  .header {
    position: fixed;
    background: black;
    top: 0;
  }

  .logo {
    position: relative;
    z-index: 9999999999999999999;
  }

  section.our_product_inner_banner h1 {
    font-size: 37px;
    line-height: unset;
  }

  section.our_product_inner_banner {
    height: unset;
    padding: 150px 0px 100px;
  }

  section.main_our_product_second_sec {
    padding: 50px 0px;
  }

  .our_product_second_sec_card {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
  }

  .our_product_second_sec_card h6 {
    font-size: 22px;
    font-weight: 500;
    line-height: unset;
    margin: 0px;
  }

  .our_product_third_sec_card {
    text-align: center;
  }

  section.banner_bg::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000066;
  }

  section.main_exclusive_to_eudermic {
    padding: 50px 0px;
  }

  .exclusive_to_eudermic_title h5 {
    font-size: 30px;
    line-height: unset;
    margin-bottom: 20px;
  }

  .exclusive_to_eudermic_contant h6 {
    font-size: 23px !important;
    line-height: unset !important;
    width: unset !important;
  }

  .exclusive_to_eudermic_contant {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .exclusive_to_eudermic_contant a {
    padding: 10px 30px;
  }

  .exclusive_to_eudermic_contant.snd {
    right: 0px;
  }

  .five_star_reviews_content h5 {
    font-size: 30px;
    line-height: unset;
    text-align: center;
  }

  .five_star_reviews_content {
    text-align: center;
    padding: 0px;
    background: transparent;
    box-shadow: unset;
  }

  .five_star_reviews_img img {
    margin-top: 40px;
  }

  .follow_us_on_insta_title h5 {
    font-size: 30px;
    line-height: unset;
    margin-bottom: 20px;
  }

  section.main_follow_us_on_insta {
    padding: 50px 0px;
  }

  footer {
    padding: 50px 0px 20px;
  }

  footer hr {
    margin: 20px 0px;
  }

  .footer_logo {
    text-align: center;
  }

  .footer_logo p {
    width: unset;
    font-size: 16px;
    margin-top: 40px;
  }

  .footer_links h6 {
    height: unset;
    margin: 30px 0px 20px;
    text-align: center;
    font-size: 24px;
  }

  .footer_links ul {
    gap: 20px;
    align-items: center;
  }

  .footer_newsletter h6 {
    margin: 20px 0px 20px;
    text-align: center;
    font-size: 24px;
    line-height: unset;
    height: unset;
  }



  .banner_content h1 {
    width: unset;
    font-size: 40px;
    line-height: 50px;
  }


  .banner_content {
    text-align: center;
    width: 100%;
  }

  section.banner_bg {
    height: unset;
    padding: 200px 0px 100px;
  }

  section.main_best_your_choose {
    padding: 50px 0px;
    text-align: center;
  }

  .best_your_choosE_content h2 {
    font-size: 32px;
  }

  .best_your_choosE_content p {
    width: unset;
  }

  .best_your_choosE_img img {
    margin-top: 50px;
  }

  section.main_our_mission {
    padding: 50px 0px;
  }

  .our_mission_1 ul {
    flex-direction: column;
    gap: 10px;
  }

  .our_mission_1 {
    text-align: center;
    background: transparent;
    box-shadow: unset;
    padding: 0px;
  }

  .our_mission_1 a.first {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
  }

  .our_mission_1 a.snd {
    display: flex;
    justify-content: center;
    padding: 15px;
  }

  .our_mission_1 h3 {
    margin-top: 50px;
  }

  .our_mission_title {
    margin-top: 50px;
    box-shadow: unset;
    background: transparent;
    padding: 0px;
  }

  section.main_welcome_to_eudermic {
    padding: 0px 0px 0px;
  }

  .welcome_to_eudermic_content {
    padding: 30px 10px;
    text-align: center;
    width: unset;
  }

  .welcome_to_eudermic_content p {
    width: unset;
    margin: 20px 0px;
  }

  .welcome_to_eudermic_content h4 {
    font-size: 30px;
  }

  .welcome_to_eudermic_img img {
    margin-top: 50px;
  }

  .welcome_to_eudermic_content a {
    padding: 10px 20px;
    display: flex;
    justify-content: center;
  }
}

@media (max-width : 400px) {}

@media (max-width : 320px) {}

/* Responsive End */

.step_form_inner_banner_img {
  text-align: center;
  padding: 20px 0px;
}

.step_form_inner_banner_title ul {
  display: flex;
  justify-content: space-evenly;
  background: white;
}

.step_form_inner_banner_title ul li {
  color: gray;
  font-family: Bitter;
  font-weight: 300;
  font-style: Light;
  font-size: 16px;
  line-height: 34.84px;
  text-align: center;
  vertical-align: middle;
  background: white;
  position: relative;
  padding: 10px 50px;
}

.step_form_inner_banner_title {
  position: relative;
}

.step_form_inner_banner_title::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  background: #AAB7AA;
  content: "";
  height: 100%;
}

.page-template-personalized-skin-care .main-header{ display:none; }


.main_personalized_book_an_oppintment header p span {
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.main_personalized_book_an_oppintment header p span::before {
  margin-right: 5px;
}



.main_personalized_book_an_oppintment .calendar {
  text-align: center;
  margin-top: 10px;
  background: white;
  padding: 50px;
  border-radius: 10px;
}

.main_personalized_book_an_oppintment .calendar button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: black;
  padding: 0 5px;
}

.main_personalized_book_an_oppintment .calendar span {
  margin: 0 10px;
  font-size: 16px;
  color: black;
}

.main_personalized_book_an_oppintment .calendar table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.main_personalized_book_an_oppintment .calendar th,
.main_personalized_book_an_oppintment .calendar td {
  padding: 5px;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.main_personalized_book_an_oppintment .calendar th {
  font-weight: bold;
  color: #2b2b93;
}

.main_personalized_book_an_oppintment .calendar td {
  cursor: pointer;
}

.main_personalized_book_an_oppintment .calendar td:hover {
  background: #e0e0e0;
}

.main_personalized_book_an_oppintment .calendar td.selected {
  background: #00000036;
  color: #fff;
  border-radius: 5px;
}

.personalized_book_an_oppintment_title {
  text-align: center;
}

.personalized_book_an_oppintment_title h2 {
  font-family: Times New Roman;
  font-weight: 400;
  font-style: Regular;
  font-size: 72.04px;
  leading-trim: NONE;
  line-height: 80.19px;
  letter-spacing: -1.44px;
  text-align: center;
  vertical-align: middle;
  color: black;
}

.personalized_book_an_oppintment_title p {
  font-family: Bitter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16.2px;
  leading-trim: NONE;
  line-height: 24.23px;
  letter-spacing: 0%;
  text-align: center;
  vertical-align: middle;
  color: black;
  width: 60%;
  margin: auto;
}

.personalized_book_an_oppintment_title {
  margin-bottom: 50px;
}

.calendar_title h1 {
  font-family: Times New Roman;
  font-weight: 400;
  font-size: 42.04px;
  color: black;
  margin: 0px;
}

.calendar_title h6 {
  margin: 0px;
  color: black;
}

.calendar_title hr {
  margin: 50px 0px 20px;
}

.calendar_title h3 {
  font-size: 20px;
}

.error-message {
    color: #dc3545;
    font-size: 14px;
    margin-top: 5px;
    display: none;
    font-weight: 700;
    margin-bottom: 20px;
}

.success-message {
    background: #d4edda;
    color: #155724;
    padding: 15px;
    border-radius: 6px;
    margin: 20px 0;
    display: none;
}

.calendly-inline-widget iframe{     margin-top: -70px; }

#calenderBook {
    padding: 50px 0;
  }