.elementor-387 .elementor-element.elementor-element-49bf189f{--display:flex;}.elementor-387 .elementor-element.elementor-element-3e6b077{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-387 .elementor-element.elementor-element-20bfb66d{--display:flex;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-387 .elementor-element.elementor-element-73ed8a40 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-387 .elementor-element.elementor-element-51fbde47{--display:flex;}.elementor-387 .elementor-element.elementor-element-2b2a1bdc{--display:flex;}.elementor-387 .elementor-element.elementor-element-68f82dd4{--display:flex;}@media(max-width:767px){.elementor-387 .elementor-element.elementor-element-3e6b077{--width:500px;--min-height:0px;}.elementor-387 .elementor-element.elementor-element-16c469f img{width:100%;max-width:100%;height:128px;object-fit:fill;}.elementor-387 .elementor-element.elementor-element-20bfb66d{--margin-top:-14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-387 .elementor-element.elementor-element-73ed8a40 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-387 .elementor-element.elementor-element-2b2a1bdc{--margin-top:-36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-387 .elementor-element.elementor-element-68f82dd4{--margin-top:-27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-15811b54 */.dsf-sticky-contact {
  position: fixed;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);

  z-index: 99999;

  display: flex;
  align-items: center;
  gap: 7px;

  padding: 7px;

  background: rgba(255, 255, 255, 0.97);

  border: 1px solid #DCE4ED;
  border-radius: 14px;

  box-shadow:
    0 8px 0 rgba(36, 59, 99, 0.08),
    0 15px 35px rgba(36, 59, 99, 0.18);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-sizing: border-box;
}


/* =========================
   ALL BUTTONS
========================= */

.dsf-sticky-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 7px;

  min-width: 125px;
  height: 42px;

  padding: 0 15px;

  border-radius: 9px;

  text-decoration: none !important;

  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2px;

  box-sizing: border-box;

  cursor: pointer;

  -webkit-tap-highlight-color: transparent;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}


/* =========================
   CALL BUTTON
========================= */

.dsf-sticky-call {
  background: #FFFFFF !important;

  color: #243B63 !important;

  border: 1px solid #D5DFEA;

  box-shadow:
    0 3px 0 #CBD5E1,
    0 6px 12px rgba(36, 59, 99, 0.08);
}

.dsf-sticky-call svg {
  width: 17px;
  height: 17px;

  fill: #243B63;

  flex-shrink: 0;
}


/* =========================
   WHATSAPP BUTTON
========================= */

.dsf-sticky-whatsapp {
  background: #243B63 !important;

  color: #FFFFFF !important;

  border: 1px solid #243B63;

  box-shadow:
    0 4px 0 #172B48,
    0 7px 15px rgba(36, 59, 99, 0.20);
}

.dsf-sticky-whatsapp svg {
  width: 18px;
  height: 18px;

  fill: #FFFFFF;

  flex-shrink: 0;
}


/* =========================
   WHATSAPP HOVER
========================= */

.dsf-sticky-whatsapp:hover {
  background: #243B63 !important;

  color: #FFFFFF !important;

  transform: translateY(-3px);

  box-shadow:
    0 6px 0 #172B48,
    0 11px 20px rgba(36, 59, 99, 0.24);
}


/* =========================
   INSTAGRAM BUTTON
========================= */

.dsf-sticky-instagram {
  background: #FFFFFF !important;

  color: #243B63 !important;

  border: 1px solid #D5DFEA;

  box-shadow:
    0 3px 0 #CBD5E1,
    0 6px 12px rgba(36, 59, 99, 0.08);
}

.dsf-sticky-instagram svg {
  width: 18px;
  height: 18px;

  fill: none;

  stroke: #243B63;

  stroke-width: 1.8;

  flex-shrink: 0;
}


/* =========================
   GENERAL HOVER
========================= */

.dsf-sticky-call:hover,
.dsf-sticky-instagram:hover {
  background: #FFFFFF !important;

  color: #243B63 !important;

  transform: translateY(-3px);

  border-color: #243B63;

  box-shadow:
    0 5px 0 #CBD5E1,
    0 10px 18px rgba(36, 59, 99, 0.14);
}


/* =========================
   CLICK EFFECT
========================= */

.dsf-sticky-btn:active {
  transform: translateY(2px);
}


/* =========================
   WHATSAPP ACTIVE
========================= */

.dsf-sticky-whatsapp:active {
  background: #243B63 !important;

  color: #FFFFFF !important;

  transform: translateY(2px);

  box-shadow:
    0 2px 0 #172B48,
    0 5px 10px rgba(36, 59, 99, 0.15);
}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

  .dsf-sticky-contact {
    left: 10px;
    right: 10px;

    bottom: 10px;

    transform: none;

    width: calc(100% - 20px);

    justify-content: center;

    padding: 6px;

    gap: 5px;

    border-radius: 12px;
  }


  .dsf-sticky-btn {
    flex: 1;

    min-width: 0;

    height: 40px;

    padding: 0 7px;

    font-size: 9px;

    gap: 5px;

    border-radius: 8px;
  }


  .dsf-sticky-btn svg {
    width: 16px;
    height: 16px;
  }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 360px) {

  .dsf-sticky-contact {
    left: 7px;
    right: 7px;

    width: calc(100% - 14px);
  }


  .dsf-sticky-btn {
    font-size: 8px;

    padding: 0 5px;

    gap: 4px;
  }


  .dsf-sticky-btn svg {
    width: 15px;
    height: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c59d981 */.dsf-booking-intro {
  width: 100%;
  background: #FFFFFF;
  padding: 20px 15px 10px;
  box-sizing: border-box;
  text-align: center;
}

.dsf-booking-intro-inner {
  max-width: 650px;
  margin: 0 auto;
}

.dsf-booking-label {
  margin-bottom: 6px;
  color: #243B63;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 1.2;
}

.dsf-booking-intro h2 {
  margin: 0 0 8px;
  color: #000000;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.3px;
}

.dsf-booking-intro p {
  max-width: 600px;
  margin: 0 auto;
  color: #000000;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 500;
}

.dsf-booking-arrow {
  margin-top: 10px;
  color: #243B63;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  animation: dsf-booking-arrow 1.5s ease-in-out infinite;
}

@keyframes dsf-booking-arrow {
  0%, 100% {
    transform: translateY(0);
    opacity: .55;
  }

  50% {
    transform: translateY(5px);
    opacity: 1;
  }
}


/* MOBILE */

@media (max-width: 600px) {

  .dsf-booking-intro {
    padding: 16px 12px 8px;
  }

  .dsf-booking-label {
    font-size: 8px;
    letter-spacing: 1.8px;
  }

  .dsf-booking-intro h2 {
    font-size: 22px;
    margin-bottom: 7px;
  }

  .dsf-booking-intro p {
    max-width: 360px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
  }

  .dsf-booking-arrow {
    margin-top: 8px;
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-73ed8a40 *//* =========================================================
   DR. SKINFIX — FLUENT FORM 3D STYLE
   CSS ID: dsf-booking-form
========================================================= */

/* FORM WRAPPER */

#dsf-booking-form {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 32px !important;

  background: linear-gradient(
    145deg,
    #FFFFFF 0%,
    #F8FAFC 100%
  ) !important;

  border: 1px solid #D9E2EC !important;
  border-radius: 18px !important;

  box-sizing: border-box !important;

  box-shadow:
    0 5px 0 #D0D9E4,
    0 14px 28px rgba(36,59,99,.10) !important;
}


/* =========================================================
   LABELS
========================================================= */

#dsf-booking-form label {
  display: block !important;
  margin: 0 0 7px !important;

  color: #172B48 !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  letter-spacing: .1px !important;
}


/* REQUIRED STAR */

#dsf-booking-form .required {
  color: #243B63 !important;
}


/* =========================================================
   INPUTS / SELECT / TEXTAREA
========================================================= */

#dsf-booking-form input,
#dsf-booking-form select,
#dsf-booking-form textarea {
  width: 100% !important;
  max-width: 100% !important;

  padding: 13px 14px !important;

  background: #FFFFFF !important;

  color: #000000 !important;

  border: 1px solid #D5DFEA !important;
  border-radius: 10px !important;

  box-sizing: border-box !important;

  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.4 !important;

  outline: none !important;

  box-shadow:
    inset 0 2px 4px rgba(36,59,99,.04),
    0 3px 0 #E2E8F0,
    0 5px 12px rgba(36,59,99,.06) !important;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}


/* PLACEHOLDER */

#dsf-booking-form input::placeholder,
#dsf-booking-form textarea::placeholder {
  color: #9AA7B7 !important;
  opacity: 1 !important;
}


/* =========================================================
   FOCUS
========================================================= */

#dsf-booking-form input:focus,
#dsf-booking-form select:focus,
#dsf-booking-form textarea:focus {
  border-color: #243B63 !important;

  box-shadow:
    0 0 0 3px rgba(36,59,99,.08),
    inset 0 2px 4px rgba(36,59,99,.04),
    0 3px 0 #C8D3E0,
    0 7px 14px rgba(36,59,99,.10) !important;

  transform: translateY(-1px) !important;
}


/* =========================================================
   SELECT
========================================================= */

#dsf-booking-form select {
  cursor: pointer !important;
  appearance: auto !important;
}


/* =========================================================
   TEXTAREA
========================================================= */

#dsf-booking-form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}


/* =========================================================
   FIELD SPACING
========================================================= */

#dsf-booking-form .ff-el-group {
  margin-bottom: 18px !important;
}


/* =========================================================
   HELP / DESCRIPTION TEXT
========================================================= */

#dsf-booking-form .ff-el-help-message,
#dsf-booking-form .ff-el-input--content small {
  margin-top: 6px !important;

  color: #718096 !important;

  font-size: 10px !important;
  line-height: 1.5 !important;
}


/* =========================================================
   CHECKBOX / RADIO
========================================================= */

#dsf-booking-form input[type="checkbox"],
#dsf-booking-form input[type="radio"] {
  width: auto !important;
  box-shadow: none !important;
  transform: none !important;
  accent-color: #243B63 !important;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

#dsf-booking-form button[type="submit"],
#dsf-booking-form .ff-btn-submit {
  width: 100% !important;
  min-height: 48px !important;

  padding: 13px 20px !important;

  border: none !important;
  border-radius: 9px !important;

  background: linear-gradient(
    145deg,
    #355781,
    #243B63
  ) !important;

  color: #FFFFFF !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;

  line-height: 1.2 !important;

  cursor: pointer !important;

  box-shadow:
    0 4px 0 #172B48,
    0 9px 18px rgba(36,59,99,.20) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease !important;
}


/* BUTTON HOVER */

#dsf-booking-form button[type="submit"]:hover,
#dsf-booking-form .ff-btn-submit:hover {
  transform: translateY(-2px) !important;

  box-shadow:
    0 6px 0 #172B48,
    0 13px 22px rgba(36,59,99,.24) !important;
}


/* BUTTON PRESS */

#dsf-booking-form button[type="submit"]:active,
#dsf-booking-form .ff-btn-submit:active {
  transform: translateY(2px) !important;

  box-shadow:
    0 2px 0 #172B48,
    0 5px 10px rgba(36,59,99,.14) !important;
}


/* =========================================================
   ERROR / VALIDATION
========================================================= */

/* Prevent theme red outlines */

#dsf-booking-form input:invalid,
#dsf-booking-form select:invalid,
#dsf-booking-form textarea:invalid {
  outline: none !important;
}


/* Fluent Forms error text */

#dsf-booking-form .ff-el-is-error input,
#dsf-booking-form .ff-el-is-error select,
#dsf-booking-form .ff-el-is-error textarea {
  border-color: #D5DFEA !important;
  box-shadow:
    0 3px 0 #E2E8F0,
    0 5px 12px rgba(36,59,99,.06) !important;
}


/* Error message */

#dsf-booking-form .error,
#dsf-booking-form .ff-el-is-error .error,
#dsf-booking-form .ff-el-is-error .ff-el-help-message {
  color: #243B63 !important;
  font-size: 10px !important;
}


/* =========================================================
   SUCCESS MESSAGE
========================================================= */

#dsf-booking-form .ff-message-success {
  margin-top: 18px !important;
  padding: 14px 16px !important;

  background: #F3F6FA !important;

  border: 1px solid #D9E2EC !important;
  border-radius: 10px !important;

  color: #172B48 !important;

  font-size: 12px !important;
  line-height: 1.5 !important;

  box-shadow:
    0 3px 0 #D0D9E4,
    0 7px 14px rgba(36,59,99,.07) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

  #dsf-booking-form {
    padding: 22px 15px !important;
    border-radius: 14px !important;

    box-shadow:
      0 4px 0 #D0D9E4,
      0 10px 22px rgba(36,59,99,.09) !important;
  }

  #dsf-booking-form label {
    font-size: 11px !important;
  }

  #dsf-booking-form input,
  #dsf-booking-form select,
  #dsf-booking-form textarea {
    padding: 12px 12px !important;
    font-size: 12px !important;
    border-radius: 9px !important;
  }

  #dsf-booking-form .ff-el-group {
    margin-bottom: 15px !important;
  }

  #dsf-booking-form button[type="submit"],
  #dsf-booking-form .ff-btn-submit {
    min-height: 46px !important;
    padding: 12px 16px !important;
    font-size: 12px !important;
  }
}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 380px) {

  #dsf-booking-form {
    padding: 19px 12px !important;
  }

  #dsf-booking-form input,
  #dsf-booking-form select,
  #dsf-booking-form textarea {
    font-size: 11.5px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-385f4b78 *//* =========================================================
   DR. SKINFIX — VISIT / LOCATE SECTION
========================================================= */

.dsf-location-section {
  width: 100%;
  background: #FFFFFF;
  padding: 48px 18px 52px;
  box-sizing: border-box;
}

.dsf-location-inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.dsf-location-header {
  text-align: center;
  margin-bottom: 28px;
}

.dsf-location-label {
  margin-bottom: 8px;

  color: #243B63;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 2.5px;
  line-height: 1.2;
}

.dsf-location-header h2 {
  margin: 0 0 9px;

  color: #000000;

  font-size: 36px;
  line-height: 1.15;

  font-weight: 700;
  letter-spacing: -.7px;
}

.dsf-location-header p {
  max-width: 650px;

  margin: 0 auto;

  color: #718096;

  font-size: 13px;
  line-height: 1.55;
}


/* =========================================================
   LOCATION GRID
========================================================= */

.dsf-location-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 15px;

  width: 100%;
}


/* =========================================================
   LOCATION CARD
========================================================= */

.dsf-location-card {
  position: relative;

  padding: 22px 21px 20px;

  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #F7F9FC 100%
    );

  border: 1px solid #D9E2EC;

  border-radius: 15px;

  box-sizing: border-box;

  box-shadow:
    0 4px 0 #D0D9E4,
    0 12px 25px rgba(36,59,99,.08);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.dsf-location-card:hover {
  transform: translateY(-3px);

  box-shadow:
    0 6px 0 #C5CFDB,
    0 17px 30px rgba(36,59,99,.12);
}


/* =========================================================
   CARD TOP
========================================================= */

.dsf-location-card-top {
  display: flex;
  align-items: center;

  gap: 12px;
}

.dsf-location-number {
  width: 38px;
  height: 38px;

  min-width: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #243B63;

  color: #FFFFFF;

  border-radius: 9px;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1px;

  box-shadow:
    0 3px 0 #172B48,
    0 6px 12px rgba(36,59,99,.15);
}

.dsf-location-type {
  margin-bottom: 3px;

  color: #718096;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: 1.7px;

  line-height: 1.2;
}

.dsf-location-card h3 {
  margin: 0;

  color: #172B48;

  font-size: 18px;
  line-height: 1.2;

  font-weight: 700;
}


/* =========================================================
   DIVIDER
========================================================= */

.dsf-location-line {
  width: 100%;
  height: 1px;

  margin: 18px 0 14px;

  background: #E3EAF2;
}


/* =========================================================
   ADDRESS
========================================================= */

.dsf-location-address {
  margin: 0 0 17px;

  color: #000000;

  font-size: 11px;
  line-height: 1.65;
}


/* =========================================================
   MAP BUTTON
========================================================= */

.dsf-location-map {
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;

  padding: 10px 12px;

  box-sizing: border-box;

  background: #FFFFFF;

  color: #243B63 !important;

  border: 1px solid #D5DFEA;

  border-radius: 8px;

  text-decoration: none !important;

  font-size: 10px;
  font-weight: 700;

  box-shadow:
    0 2px 0 #D0D9E4;

  transition:
    transform .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.dsf-location-map strong {
  font-size: 15px;
  line-height: 1;
}

.dsf-location-map:hover {
  background: #F3F6FA;

  transform: translateY(-1px);

  box-shadow:
    0 3px 0 #C5CFDB;
}


/* =========================================================
   CONTACT AREA
========================================================= */

.dsf-location-contact {
  margin-top: 27px;

  padding: 20px;

  background: #F3F6FA;

  border: 1px solid #E0E7EF;

  border-radius: 13px;

  text-align: center;
}

.dsf-location-contact p {
  margin: 0 0 14px;

  color: #718096;

  font-size: 11px;
  line-height: 1.5;
}

.dsf-location-contact p strong {
  color: #172B48;
  font-weight: 700;
}


/* =========================================================
   CONTACT BUTTONS
========================================================= */

.dsf-location-buttons {
  display: flex;

  justify-content: center;

  gap: 9px;
}

.dsf-location-call,
.dsf-location-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 145px;

  padding: 11px 18px;

  border-radius: 8px;

  box-sizing: border-box;

  text-decoration: none !important;

  font-size: 11px;
  font-weight: 700;

  line-height: 1.2;

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}


/* CALL */

.dsf-location-call {
  background: #FFFFFF;

  color: #243B63 !important;

  border: 1px solid #D2DCE8;

  box-shadow:
    0 3px 0 #D0D9E4;
}


/* WHATSAPP */

.dsf-location-whatsapp {
  background: #243B63;

  color: #FFFFFF !important;

  border: 1px solid #243B63;

  box-shadow:
    0 4px 0 #172B48,
    0 8px 16px rgba(36,59,99,.17);
}

.dsf-location-call:hover,
.dsf-location-whatsapp:hover {
  transform: translateY(-2px);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 767px) {

  .dsf-location-section {
    padding: 38px 14px 42px;
  }

  .dsf-location-header {
    margin-bottom: 23px;
  }

  .dsf-location-header h2 {
    font-size: 31px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

  .dsf-location-section {
    padding: 30px 10px 34px;
  }

  .dsf-location-header {
    margin-bottom: 20px;
  }

  .dsf-location-label {
    font-size: 8px;
    letter-spacing: 2px;
    margin-bottom: 6px;
  }

  .dsf-location-header h2 {
    font-size: 27px;
    letter-spacing: -.4px;
    margin-bottom: 7px;
  }

  .dsf-location-header p {
    max-width: 350px;

    font-size: 11px;
    line-height: 1.5;
  }


  /* TWO CLINICS SIDE BY SIDE */

  .dsf-location-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px;
  }


  .dsf-location-card {
    padding: 15px 11px 14px;

    border-radius: 10px;

    box-shadow:
      0 3px 0 #D0D9E4,
      0 7px 14px rgba(36,59,99,.07);
  }


  .dsf-location-card-top {
    gap: 7px;
    align-items: center;
  }

  .dsf-location-number {
    width: 27px;
    height: 27px;

    min-width: 27px;

    border-radius: 7px;

    font-size: 7px;

    box-shadow:
      0 2px 0 #172B48,
      0 4px 8px rgba(36,59,99,.13);
  }

  .dsf-location-type {
    font-size: 6.5px;
    letter-spacing: 1px;
    margin-bottom: 2px;
  }

  .dsf-location-card h3 {
    font-size: 12px;
  }


  .dsf-location-line {
    margin: 12px 0 10px;
  }


  .dsf-location-address {
    margin-bottom: 12px;

    font-size: 8.5px;

    line-height: 1.5;
  }


  .dsf-location-map {
    padding: 8px 8px;

    font-size: 8px;

    border-radius: 6px;
  }

  .dsf-location-map strong {
    font-size: 12px;
  }


  /* CONTACT */

  .dsf-location-contact {
    margin-top: 20px;

    padding: 16px 12px;

    border-radius: 10px;
  }

  .dsf-location-contact p {
    margin-bottom: 11px;

    font-size: 9px;
  }

  .dsf-location-buttons {
    gap: 7px;
  }

  .dsf-location-call,
  .dsf-location-whatsapp {
    flex: 1;

    min-width: 0;

    padding: 10px 8px;

    font-size: 9px;

    border-radius: 7px;
  }

}


/* =========================================================
   SMALL PHONES
========================================================= */

@media (max-width: 360px) {

  .dsf-location-section {
    padding: 27px 8px 30px;
  }

  .dsf-location-header h2 {
    font-size: 24px;
  }

  .dsf-location-card {
    padding: 13px 9px 12px;
  }

  .dsf-location-card h3 {
    font-size: 11px;
  }

  .dsf-location-address {
    font-size: 8px;
  }

  .dsf-location-map {
    font-size: 7.5px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6613b447 *//* =========================================================
   DR. SKINFIX AI ANALYSIS
   THEME-SAFE / ELEMENTOR-SAFE CSS
========================================================= */


/* =========================================================
   1. HARD RESET ONLY INSIDE THIS SECTION
========================================================= */

#dsf-ai-analysis,
#dsf-ai-analysis *,
#dsf-ai-analysis *::before,
#dsf-ai-analysis *::after {
  box-sizing: border-box !important;
}

#dsf-ai-analysis {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;

  padding: 50px 18px 60px !important;

  background: #FFFFFF !important;

  overflow: hidden !important;

  color: #000000 !important;

  font-family: inherit;
}


/* Prevent theme containers from pushing content outside */

#dsf-ai-analysis .dsf-ai-inner,
#dsf-ai-analysis .dsf-ai-panel,
#dsf-ai-analysis .dsf-ai-result,
#dsf-ai-analysis .dsf-ai-result-content,
#dsf-ai-analysis .dsf-ai-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* =========================================================
   2. PREVENT TEXT FROM ESCAPING BOXES
========================================================= */

#dsf-ai-analysis h1,
#dsf-ai-analysis h2,
#dsf-ai-analysis h3,
#dsf-ai-analysis h4,
#dsf-ai-analysis p,
#dsf-ai-analysis span,
#dsf-ai-analysis strong,
#dsf-ai-analysis small,
#dsf-ai-analysis label {
  max-width: 100% !important;

  overflow-wrap: break-word !important;
  word-wrap: break-word !important;

  white-space: normal !important;
}


/* =========================================================
   3. MAIN INNER
========================================================= */

#dsf-ai-analysis .dsf-ai-inner {
  max-width: 850px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding: 0 !important;
}


/* =========================================================
   4. HEADER
========================================================= */

#dsf-ai-analysis .dsf-ai-label {
  display: block !important;

  width: 100% !important;

  margin: 0 0 8px !important;
  padding: 0 !important;

  text-align: center !important;

  color: #21375E !important;

  font-size: 10px !important;
  line-height: 1.3 !important;

  font-weight: 800 !important;

  letter-spacing: 2.2px !important;

  text-transform: uppercase !important;
}


#dsf-ai-analysis .dsf-ai-title {
  display: block !important;

  width: 100% !important;
  max-width: 700px !important;

  margin: 0 auto 10px !important;
  padding: 0 !important;

  text-align: center !important;

  color: #000000 !important;

  font-family: inherit !important;

  font-size: 36px !important;
  line-height: 1.15 !important;

  font-weight: 700 !important;

  letter-spacing: -.6px !important;

  text-transform: none !important;
}


#dsf-ai-analysis .dsf-ai-subtitle {
  display: block !important;

  width: 100% !important;
  max-width: 670px !important;

  margin: 0 auto 30px !important;
  padding: 0 !important;

  text-align: center !important;

  color: #000000 !important;

  font-family: inherit !important;

  font-size: 14px !important;
  line-height: 1.6 !important;

  font-weight: 400 !important;
}


#dsf-ai-analysis .dsf-ai-subtitle strong {
  color: #21375E !important;
  font-weight: 700 !important;
}


/* =========================================================
   5. PROGRESS
========================================================= */

#dsf-ai-analysis .dsf-ai-progress {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 560px !important;
  min-width: 0 !important;

  margin: 0 auto 30px !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-step {
  display: flex !important;

  flex: 0 0 auto !important;

  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  width: auto !important;

  min-width: 55px !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;
}


#dsf-ai-analysis .dsf-ai-step span {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  max-width: 31px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid #D7E0EA !important;
  border-radius: 50% !important;

  background: #F1F4F8 !important;

  color: #718096 !important;

  font-size: 11px !important;
  line-height: 1 !important;

  font-weight: 700 !important;
}


#dsf-ai-analysis .dsf-ai-step small {
  display: block !important;

  margin: 5px 0 0 !important;
  padding: 0 !important;

  color: #718096 !important;

  font-size: 9px !important;
  line-height: 1.2 !important;

  font-weight: 600 !important;

  white-space: nowrap !important;
}


#dsf-ai-analysis .dsf-ai-step.active span {
  background: #21375E !important;
  color: #FFFFFF !important;

  border-color: #21375E !important;

  box-shadow:
    0 3px 0 #172B48,
    0 6px 12px rgba(33,55,94,.20) !important;
}


#dsf-ai-analysis .dsf-ai-step.active small {
  color: #21375E !important;
}


#dsf-ai-analysis .dsf-ai-line {
  display: block !important;

  flex: 1 1 auto !important;

  width: auto !important;

  min-width: 15px !important;
  max-width: 75px !important;

  height: 1px !important;
  min-height: 1px !important;

  margin: 0 5px 17px !important;
  padding: 0 !important;

  background: #D9E2EC !important;

  border: 0 !important;
}


/* =========================================================
   6. PANELS
========================================================= */

#dsf-ai-analysis .dsf-ai-panel {
  display: none !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;

  padding: 28px !important;

  border: 1px solid #DCE4ED !important;
  border-radius: 16px !important;

  background: #FFFFFF !important;

  box-shadow:
    0 4px 0 #E1E7EE,
    0 14px 30px rgba(33,55,94,.08) !important;
}


#dsf-ai-analysis .dsf-ai-panel.dsf-ai-panel-active {
  display: block !important;
}


/* =========================================================
   7. PANEL HEADING
========================================================= */

#dsf-ai-analysis .dsf-ai-panel-head {
  display: flex !important;

  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;

  gap: 13px !important;

  margin: 0 0 22px !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-panel-head > div {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-number {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 38px !important;

  width: 38px !important;
  height: 38px !important;

  min-width: 38px !important;
  max-width: 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 10px !important;

  background: #F1F4F8 !important;

  color: #21375E !important;

  font-size: 11px !important;
  line-height: 1 !important;

  font-weight: 800 !important;

  box-shadow:
    inset 0 2px 3px rgba(0,0,0,.04),
    0 3px 0 #D9E1EA !important;
}


#dsf-ai-analysis .dsf-ai-panel-head h3 {
  display: block !important;

  width: 100% !important;

  margin: 0 0 3px !important;
  padding: 0 !important;

  color: #000000 !important;

  font-family: inherit !important;

  font-size: 18px !important;
  line-height: 1.25 !important;

  font-weight: 700 !important;

  text-transform: none !important;
}


#dsf-ai-analysis .dsf-ai-panel-head p {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #718096 !important;

  font-family: inherit !important;

  font-size: 12px !important;
  line-height: 1.5 !important;
}


/* =========================================================
   8. IMPORTANT THEME BUTTON RESET
========================================================= */

#dsf-ai-analysis button {
  appearance: none !important;
  -webkit-appearance: none !important;

  font-family: inherit !important;

  text-transform: none !important;

  letter-spacing: normal;

  cursor: pointer !important;

  outline: none !important;

  -webkit-tap-highlight-color: transparent !important;
}


#dsf-ai-analysis button::before,
#dsf-ai-analysis button::after {
  box-sizing: border-box !important;
}


/* =========================================================
   9. SKIN / HAIR BUTTONS
========================================================= */

#dsf-ai-analysis .dsf-ai-concern-type {
  display: grid !important;

  width: 100% !important;
  max-width: 100% !important;

  min-width: 0 !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 10px !important;

  margin: 0 0 14px !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-type {
  display: flex !important;

  align-items: flex-start !important;
  justify-content: center !important;

  flex-direction: column !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  min-height: 62px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 10px 14px !important;

  border: 1px solid #D7E0EA !important;
  border-radius: 11px !important;

  background: linear-gradient(
    145deg,
    #FFFFFF,
    #F5F8FB
  ) !important;

  color: #000000 !important;

  text-align: left !important;

  box-shadow:
    0 3px 0 #D2DCE7,
    0 6px 13px rgba(33,55,94,.07) !important;
}


#dsf-ai-analysis .dsf-ai-type strong {
  display: block !important;

  width: 100% !important;

  margin: 0 0 3px !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 13px !important;
  line-height: 1.2 !important;

  font-weight: 800 !important;

  text-align: left !important;
}


#dsf-ai-analysis .dsf-ai-type small {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #718096 !important;

  font-size: 10px !important;
  line-height: 1.3 !important;

  text-align: left !important;
}


#dsf-ai-analysis .dsf-ai-type.active {
  background: #EAF0F7 !important;

  border-color: #21375E !important;

  box-shadow:
    0 4px 0 #172B48,
    0 8px 17px rgba(33,55,94,.15) !important;
}


/* =========================================================
   10. CONCERNS
========================================================= */

#dsf-ai-analysis .dsf-ai-concerns {
  display: none !important;

  width: 100% !important;
  max-width: 100% !important;

  min-width: 0 !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 8px 9px !important;

  margin: 0 !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-concerns.active {
  display: grid !important;
}


#dsf-ai-analysis .dsf-ai-concern {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  height: 45px !important;
  min-height: 45px !important;

  margin: 0 !important;

  padding: 7px 10px !important;

  border: 1px solid #D8E1EB !important;
  border-radius: 9px !important;

  background: #FFFFFF !important;

  color: #000000 !important;

  font-family: inherit !important;

  font-size: 11px !important;
  line-height: 1.2 !important;

  font-weight: 600 !important;

  text-align: left !important;

  white-space: normal !important;

  overflow-wrap: break-word !important;

  box-shadow:
    0 3px 0 #D0D9E4,
    0 5px 10px rgba(33,55,94,.06) !important;
}


#dsf-ai-analysis .dsf-ai-concern.selected {
  background: #21375E !important;

  border-color: #21375E !important;

  color: #FFFFFF !important;

  box-shadow:
    0 3px 0 #172B48,
    0 7px 13px rgba(33,55,94,.20) !important;
}


/* =========================================================
   11. MAIN NEXT BUTTON
========================================================= */

#dsf-ai-analysis .dsf-ai-next {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;

  min-width: 0 !important;

  min-height: 45px !important;

  margin: 17px 0 0 !important;

  padding: 11px 16px !important;

  border: 0 !important;
  border-radius: 8px !important;

  background: #21375E !important;

  color: #FFFFFF !important;

  font-family: inherit !important;

  font-size: 11px !important;
  line-height: 1.2 !important;

  font-weight: 700 !important;

  text-align: center !important;

  white-space: normal !important;

  box-shadow:
    0 4px 0 #172B48,
    0 8px 16px rgba(33,55,94,.18) !important;
}


/* =========================================================
   12. UPLOAD OPTIONS
========================================================= */

#dsf-ai-analysis .dsf-ai-upload-options {
  display: grid !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 12px !important;

  margin: 0 0 14px !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-upload-choice {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex-direction: column !important;

  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;

  min-height: 105px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 16px 10px !important;

  border: 1px solid #D6E0EA !important;
  border-radius: 12px !important;

  background: #FFFFFF !important;

  color: #000000 !important;

  text-align: center !important;

  white-space: normal !important;

  box-shadow:
    0 3px 0 #D2DCE7,
    0 7px 15px rgba(33,55,94,.07) !important;
}


#dsf-ai-analysis .dsf-ai-choice-icon {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 34px !important;
  height: 34px !important;

  min-width: 34px !important;

  margin: 0 0 8px !important;
  padding: 0 !important;

  border-radius: 9px !important;

  background: #21375E !important;

  color: #FFFFFF !important;

  font-size: 19px !important;
  line-height: 1 !important;
}


#dsf-ai-analysis .dsf-ai-upload-choice strong {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 12px !important;
  line-height: 1.25 !important;

  font-weight: 700 !important;
}


#dsf-ai-analysis .dsf-ai-upload-choice small {
  display: block !important;

  width: 100% !important;

  margin: 4px 0 0 !important;
  padding: 0 !important;

  color: #718096 !important;

  font-size: 9px !important;
  line-height: 1.3 !important;
}


/* =========================================================
   13. HIDDEN INPUTS
========================================================= */

#dsf-ai-analysis input[type="file"][hidden] {
  display: none !important;
}


/* =========================================================
   14. UPLOAD NOTE
========================================================= */

#dsf-ai-analysis .dsf-ai-upload-note {
  display: flex !important;

  align-items: center !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  gap: 9px !important;

  margin: 0 0 15px !important;
  padding: 10px 12px !important;

  border: 1px solid #E0E7EF !important;
  border-radius: 8px !important;

  background: #F5F8FB !important;
}


#dsf-ai-analysis .dsf-ai-upload-note strong {
  flex: 0 0 auto !important;

  color: #21375E !important;

  font-size: 10px !important;
  line-height: 1.3 !important;

  font-weight: 800 !important;
}


#dsf-ai-analysis .dsf-ai-upload-note span {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  color: #718096 !important;

  font-size: 9px !important;
  line-height: 1.4 !important;
}


/* =========================================================
   15. PREVIEW
========================================================= */

#dsf-ai-analysis .dsf-ai-preview {
  display: none;

  width: 100% !important;
  max-width: 100% !important;

  margin: 15px 0 0 !important;
  padding: 15px !important;

  text-align: center !important;

  border: 1px solid #DCE4ED !important;
  border-radius: 12px !important;

  background: #F6F8FB !important;
}


#dsf-ai-analysis .dsf-ai-preview.show {
  display: block !important;
}


#dsf-ai-analysis .dsf-ai-preview-label {
  margin: 0 0 9px !important;

  color: #21375E !important;

  font-size: 8px !important;
  line-height: 1.2 !important;

  font-weight: 800 !important;

  letter-spacing: 1.3px !important;
}


#dsf-ai-analysis .dsf-ai-preview img {
  display: block !important;

  width: auto !important;
  max-width: 220px !important;
  max-height: 220px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  border: 1px solid #D9E2EC !important;
  border-radius: 10px !important;

  object-fit: contain !important;
}


/* =========================================================
   16. ACTION BUTTONS
========================================================= */

#dsf-ai-analysis .dsf-ai-actions {
  display: flex !important;

  align-items: stretch !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  gap: 10px !important;

  margin: 20px 0 0 !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-actions .dsf-ai-next {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  margin: 0 !important;
}


#dsf-ai-analysis .dsf-ai-back {
  flex: 0 0 auto !important;

  min-width: 90px !important;

  margin: 0 !important;
  padding: 11px 14px !important;

  border: 1px solid #D5DEE8 !important;
  border-radius: 8px !important;

  background: #FFFFFF !important;

  color: #21375E !important;

  font-family: inherit !important;

  font-size: 11px !important;
  line-height: 1.2 !important;

  font-weight: 700 !important;

  outline: none !important;
}


/* =========================================================
   17. LOADING
========================================================= */

#dsf-ai-analysis .dsf-ai-analysis-loading {
  display: flex;

  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;

  min-height: 340px !important;

  margin: 0 !important;
  padding: 20px !important;

  text-align: center !important;
}


#dsf-ai-analysis .dsf-ai-loader {
  width: 44px !important;
  height: 44px !important;

  min-width: 44px !important;

  margin: 0 0 18px !important;
  padding: 0 !important;

  border: 3px solid #E1E7EE !important;
  border-top-color: #21375E !important;

  border-radius: 50% !important;

  animation: dsf-ai-spin .9s linear infinite !important;
}


@keyframes dsf-ai-spin {
  to {
    transform: rotate(360deg);
  }
}


#dsf-ai-analysis .dsf-ai-loading-label {
  margin: 0 0 7px !important;

  color: #21375E !important;

  font-size: 9px !important;
  line-height: 1.2 !important;

  font-weight: 800 !important;

  letter-spacing: 1.5px !important;
}


#dsf-ai-analysis .dsf-ai-analysis-loading h3 {
  margin: 0 0 6px !important;

  color: #000000 !important;

  font-size: 18px !important;
  line-height: 1.3 !important;

  font-weight: 700 !important;
}


#dsf-ai-analysis .dsf-ai-analysis-loading p {
  width: 100% !important;
  max-width: 400px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #718096 !important;

  font-size: 11px !important;
  line-height: 1.5 !important;
}


/* =========================================================
   18. RESULT TOP
========================================================= */

#dsf-ai-analysis .dsf-ai-result-top {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  min-width: 0 !important;

  gap: 12px !important;

  margin: 0 !important;
  padding: 0 0 17px !important;

  border-bottom: 1px solid #E2E8F0 !important;
}


#dsf-ai-analysis .dsf-ai-result-top > div:first-child {
  flex: 1 1 auto !important;

  min-width: 0 !important;
}


#dsf-ai-analysis .dsf-ai-result-top span {
  display: block !important;

  width: 100% !important;

  color: #21375E !important;

  font-size: 9px !important;
  line-height: 1.3 !important;

  font-weight: 800 !important;

  letter-spacing: 1.5px !important;
}


#dsf-ai-analysis .dsf-ai-result-top h3 {
  margin: 5px 0 0 !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 21px !important;
  line-height: 1.25 !important;

  font-weight: 700 !important;
}


#dsf-ai-analysis .dsf-ai-result-badge {
  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 6px 9px !important;

  border-radius: 6px !important;

  background: #F0F4F8 !important;

  color: #21375E !important;

  font-size: 8px !important;
  line-height: 1 !important;

  font-weight: 800 !important;

  letter-spacing: 1px !important;
}


/* =========================================================
   19. RESULT ROW
========================================================= */

#dsf-ai-analysis .dsf-ai-result-row {
  display: flex !important;

  align-items: flex-start !important;
  justify-content: space-between !important;

  width: 100% !important;
  min-width: 0 !important;

  gap: 15px !important;

  margin: 18px 0 !important;
  padding: 12px 14px !important;

  border: 0 !important;
  border-radius: 8px !important;

  background: #F6F8FB !important;
}


#dsf-ai-analysis .dsf-ai-result-row span {
  flex: 0 1 auto !important;

  color: #718096 !important;

  font-size: 11px !important;
  line-height: 1.4 !important;
}


#dsf-ai-analysis .dsf-ai-result-row strong {
  flex: 0 1 auto !important;

  min-width: 0 !important;

  color: #21375E !important;

  font-size: 11px !important;
  line-height: 1.4 !important;

  text-align: right !important;
}


/* =========================================================
   20. REPORT BLOCK
========================================================= */

#dsf-ai-analysis .dsf-ai-report-block {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 0 19px !important;
  padding: 0 0 17px !important;

  border-bottom: 1px solid #E7ECF2 !important;
}


#dsf-ai-analysis .dsf-ai-report-heading {
  display: flex !important;

  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;

  gap: 9px !important;

  margin: 0 0 7px !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-report-number {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 23px !important;

  width: 23px !important;
  height: 23px !important;

  min-width: 23px !important;

  border-radius: 6px !important;

  background: #EEF3F8 !important;

  color: #21375E !important;

  font-size: 8px !important;
  line-height: 1 !important;

  font-weight: 800 !important;
}


#dsf-ai-analysis .dsf-ai-report-heading h4 {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 12px !important;
  line-height: 1.3 !important;

  font-weight: 700 !important;
}


#dsf-ai-analysis .dsf-ai-report-block p {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 12px !important;
  line-height: 1.75 !important;

  font-weight: 400 !important;
}


/* =========================================================
   21. REPORT HIGHLIGHT
========================================================= */

#dsf-ai-analysis .dsf-ai-report-highlight {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 15px 16px !important;

  border: 0 !important;
  border-left: 3px solid #21375E !important;
  border-radius: 0 9px 9px 0 !important;

  background: #F1F5F9 !important;
}


#dsf-ai-analysis .dsf-ai-report-highlight strong {
  display: block !important;

  margin: 0 0 5px !important;

  color: #21375E !important;

  font-size: 11px !important;
  line-height: 1.3 !important;

  font-weight: 800 !important;
}


#dsf-ai-analysis .dsf-ai-report-highlight p {
  margin: 0 !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 11px !important;
  line-height: 1.6 !important;
}


/* =========================================================
   22. DISCLAIMER
========================================================= */

#dsf-ai-analysis .dsf-ai-disclaimer {
  width: 100% !important;
  max-width: 100% !important;

  margin: 19px 0 0 !important;
  padding: 11px 13px !important;

  border: 0 !important;
  border-left: 3px solid #21375E !important;

  background: #F6F8FB !important;

  color: #718096 !important;

  font-size: 9px !important;
  line-height: 1.55 !important;
}


/* =========================================================
   23. CONSULTATION BOX
========================================================= */

#dsf-ai-analysis .dsf-ai-consult-box {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 20px 0 0 !important;
  padding: 23px !important;

  border: 1px solid #D4DFEA !important;
  border-radius: 12px !important;

  background: #F1F5F9 !important;

  text-align: center !important;

  box-shadow:
    0 4px 0 #D1DBE6,
    0 9px 18px rgba(33,55,94,.08) !important;
}


#dsf-ai-analysis .dsf-ai-consult-box > span {
  display: block !important;

  color: #21375E !important;

  font-size: 9px !important;
  line-height: 1.2 !important;

  font-weight: 800 !important;

  letter-spacing: 1.4px !important;
}


#dsf-ai-analysis .dsf-ai-consult-box h3 {
  width: 100% !important;

  margin: 7px 0 5px !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 18px !important;
  line-height: 1.25 !important;

  font-weight: 700 !important;
}


#dsf-ai-analysis .dsf-ai-consult-box p {
  width: 100% !important;
  max-width: 500px !important;

  margin: 0 auto 15px !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 11px !important;
  line-height: 1.5 !important;
}


/* =========================================================
   24. CONSULT BUTTON
========================================================= */

#dsf-ai-analysis .dsf-ai-consult-button {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 330px !important;
  min-width: 0 !important;

  min-height: 44px !important;

  margin: 0 auto !important;
  padding: 12px 18px !important;

  border: 0 !important;
  border-radius: 8px !important;

  background: #21375E !important;

  color: #FFFFFF !important;

  font-family: inherit !important;

  font-size: 11px !important;
  line-height: 1.2 !important;

  font-weight: 700 !important;

  text-align: center !important;

  white-space: normal !important;

  outline: none !important;
}


/* =========================================================
   25. FORM
========================================================= */

#dsf-ai-analysis .dsf-ai-form {
  display: grid !important;

  grid-template-columns: 1fr !important;

  gap: 15px !important;

  margin: 0 !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-field {
  display: flex !important;

  flex-direction: column !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  gap: 6px !important;

  margin: 0 !important;
  padding: 0 !important;
}


#dsf-ai-analysis .dsf-ai-field label {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 11px !important;
  line-height: 1.3 !important;

  font-weight: 700 !important;
}


/* =========================================================
   26. INPUTS
========================================================= */

#dsf-ai-analysis .dsf-ai-field input,
#dsf-ai-analysis .dsf-ai-field select {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: 44px !important;
  min-height: 44px !important;

  margin: 0 !important;

  padding: 0 13px !important;

  border: 1px solid #D5DEE8 !important;
  border-radius: 8px !important;

  background: #FFFFFF !important;

  color: #000000 !important;

  font-family: inherit !important;

  font-size: 12px !important;
  line-height: normal !important;

  font-weight: 400 !important;

  outline: none !important;

  box-shadow: none !important;

  appearance: auto;
}


#dsf-ai-analysis .dsf-ai-field input::placeholder {
  color: #9AA6B2 !important;

  opacity: 1 !important;
}


#dsf-ai-analysis .dsf-ai-field input:focus,
#dsf-ai-analysis .dsf-ai-field select:focus {
  border-color: #21375E !important;

  outline: none !important;

  box-shadow:
    0 0 0 3px rgba(33,55,94,.08) !important;
}


/* =========================================================
   27. CLINIC ADDRESS
========================================================= */

#dsf-ai-analysis .dsf-ai-clinic-address {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 13px 14px !important;

  border: 1px solid #DCE4ED !important;
  border-radius: 9px !important;

  background: #F5F8FB !important;
}


#dsf-ai-analysis .dsf-ai-clinic-address span {
  display: block !important;

  width: 100% !important;

  margin: 0 0 5px !important;

  color: #21375E !important;

  font-size: 8px !important;
  line-height: 1.2 !important;

  font-weight: 800 !important;

  letter-spacing: 1.3px !important;
}


#dsf-ai-analysis .dsf-ai-clinic-address p {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #000000 !important;

  font-size: 10px !important;
  line-height: 1.55 !important;
}


/* =========================================================
   28. SUBMIT
========================================================= */

#dsf-ai-analysis .dsf-ai-submit {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 100% !important;

  min-height: 45px !important;

  margin: 4px 0 0 !important;
  padding: 12px 18px !important;

  border: 0 !important;
  border-radius: 8px !important;

  background: #21375E !important;

  color: #FFFFFF !important;

  font-family: inherit !important;

  font-size: 11px !important;
  line-height: 1.2 !important;

  font-weight: 700 !important;

  text-align: center !important;

  white-space: normal !important;

  outline: none !important;
}


#dsf-ai-analysis .dsf-ai-form-note {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center !important;

  color: #718096 !important;

  font-size: 9px !important;
  line-height: 1.5 !important;
}


/* =========================================================
   29. REMOVE THEME LINK EFFECTS
========================================================= */

#dsf-ai-analysis a,
#dsf-ai-analysis a:hover,
#dsf-ai-analysis a:focus {
  text-decoration: none !important;
}


/* =========================================================
   30. MOBILE
========================================================= */

@media (max-width: 600px) {

  #dsf-ai-analysis {
    padding: 32px 10px 40px !important;
  }


  #dsf-ai-analysis .dsf-ai-title {
    max-width: 360px !important;

    font-size: 27px !important;
    line-height: 1.18 !important;
  }


  #dsf-ai-analysis .dsf-ai-subtitle {
    max-width: 350px !important;

    font-size: 12px !important;
    line-height: 1.55 !important;

    margin-bottom: 23px !important;
  }


  /* Progress */

  #dsf-ai-analysis .dsf-ai-progress {
    max-width: 100% !important;

    margin-bottom: 22px !important;
  }


  #dsf-ai-analysis .dsf-ai-step {
    min-width: 44px !important;
  }


  #dsf-ai-analysis .dsf-ai-step span {
    width: 27px !important;
    height: 27px !important;

    min-width: 27px !important;
    max-width: 27px !important;

    font-size: 9px !important;
  }


  #dsf-ai-analysis .dsf-ai-step small {
    font-size: 8px !important;
  }


  #dsf-ai-analysis .dsf-ai-line {
    min-width: 8px !important;
    max-width: 45px !important;

    margin-left: 3px !important;
    margin-right: 3px !important;

    margin-bottom: 15px !important;
  }


  /* Panel */

  #dsf-ai-analysis .dsf-ai-panel {
    padding: 18px 13px 20px !important;

    border-radius: 13px !important;
  }


  #dsf-ai-analysis .dsf-ai-panel-head {
    gap: 10px !important;

    margin-bottom: 17px !important;
  }


  #dsf-ai-analysis .dsf-ai-number {
    flex-basis: 33px !important;

    width: 33px !important;
    height: 33px !important;

    min-width: 33px !important;
    max-width: 33px !important;
  }


  #dsf-ai-analysis .dsf-ai-panel-head h3 {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }


  #dsf-ai-analysis .dsf-ai-panel-head p {
    font-size: 10px !important;
  }


  /* Skin / Hair */

  #dsf-ai-analysis .dsf-ai-concern-type {
    gap: 8px !important;
  }


  #dsf-ai-analysis .dsf-ai-type {
    min-height: 56px !important;

    padding: 9px 11px !important;
  }


  #dsf-ai-analysis .dsf-ai-type strong {
    font-size: 11px !important;
  }


  #dsf-ai-analysis .dsf-ai-type small {
    font-size: 8.5px !important;
  }


  /* Concerns */

  #dsf-ai-analysis .dsf-ai-concerns {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 6px 7px !important;
  }


  #dsf-ai-analysis .dsf-ai-concern {
    height: 40px !important;
    min-height: 40px !important;

    padding: 5px 7px !important;

    font-size: 9.5px !important;
    line-height: 1.15 !important;
  }


  /* Upload */

  #dsf-ai-analysis .dsf-ai-upload-options {
    gap: 8px !important;
  }


  #dsf-ai-analysis .dsf-ai-upload-choice {
    min-height: 95px !important;

    padding: 12px 7px !important;
  }


  #dsf-ai-analysis .dsf-ai-choice-icon {
    width: 31px !important;
    height: 31px !important;

    min-width: 31px !important;

    margin-bottom: 7px !important;
  }


  #dsf-ai-analysis .dsf-ai-upload-choice strong {
    font-size: 10px !important;
  }


  #dsf-ai-analysis .dsf-ai-upload-choice small {
    font-size: 8px !important;
  }


  /* Upload note */

  #dsf-ai-analysis .dsf-ai-upload-note {
    align-items: flex-start !important;

    flex-direction: column !important;

    gap: 3px !important;

    padding: 9px 10px !important;
  }


  #dsf-ai-analysis .dsf-ai-upload-note strong {
    font-size: 9px !important;
  }


  #dsf-ai-analysis .dsf-ai-upload-note span {
    font-size: 8.5px !important;
  }


  /* Action buttons */

  #dsf-ai-analysis .dsf-ai-actions {
    gap: 7px !important;
  }


  #dsf-ai-analysis .dsf-ai-back {
    min-width: 75px !important;

    padding: 11px 8px !important;

    font-size: 10px !important;
  }


  /* Result */

  #dsf-ai-analysis .dsf-ai-result-top {
    align-items: flex-start !important;
  }


  #dsf-ai-analysis .dsf-ai-result-top span {
    font-size: 7.5px !important;
  }


  #dsf-ai-analysis .dsf-ai-result-top h3 {
    font-size: 18px !important;
  }


  #dsf-ai-analysis .dsf-ai-result-badge {
    font-size: 7px !important;

    padding: 5px 7px !important;
  }


  #dsf-ai-analysis .dsf-ai-result-row {
    flex-direction: column !important;

    gap: 5px !important;
  }


  #dsf-ai-analysis .dsf-ai-result-row strong {
    text-align: left !important;
  }


  #dsf-ai-analysis .dsf-ai-report-block p {
    font-size: 11px !important;
    line-height: 1.7 !important;
  }


  #dsf-ai-analysis .dsf-ai-report-highlight {
    padding: 13px !important;
  }


  #dsf-ai-analysis .dsf-ai-report-highlight p {
    font-size: 10px !important;
  }


  /* Consultation */

  #dsf-ai-analysis .dsf-ai-consult-box {
    padding: 18px 13px !important;
  }


  #dsf-ai-analysis .dsf-ai-consult-box h3 {
    font-size: 16px !important;
  }


  #dsf-ai-analysis .dsf-ai-consult-box p {
    font-size: 10px !important;
  }


  #dsf-ai-analysis .dsf-ai-consult-button {
    width: 100% !important;
    max-width: 100% !important;

    font-size: 10px !important;
  }


  /* Form */

  #dsf-ai-analysis .dsf-ai-field input,
  #dsf-ai-analysis .dsf-ai-field select {
    height: 43px !important;
    min-height: 43px !important;

    padding: 0 11px !important;

    font-size: 11px !important;
  }


  #dsf-ai-analysis .dsf-ai-clinic-address p {
    font-size: 9px !important;
  }


  #dsf-ai-analysis .dsf-ai-submit {
    font-size: 10px !important;
  }


  #dsf-ai-analysis .dsf-ai-form-note {
    font-size: 8px !important;
  }

}


/* =========================================================
   31. VERY SMALL PHONES
========================================================= */

@media (max-width: 360px) {

  #dsf-ai-analysis {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }


  #dsf-ai-analysis .dsf-ai-panel {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }


  #dsf-ai-analysis .dsf-ai-title {
    font-size: 25px !important;
  }


  #dsf-ai-analysis .dsf-ai-subtitle {
    font-size: 11.5px !important;
  }


  #dsf-ai-analysis .dsf-ai-concerns {
    gap: 5px 6px !important;
  }


  #dsf-ai-analysis .dsf-ai-concern {
    padding-left: 6px !important;
    padding-right: 6px !important;

    font-size: 9px !important;
  }


  #dsf-ai-analysis .dsf-ai-upload-options {
    gap: 6px !important;
  }


  #dsf-ai-analysis .dsf-ai-upload-choice {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a06fd4a */.dsf-why-section {
  width: 100%;
  background: #F3F6FA;
  padding: 55px 18px 60px;
  box-sizing: border-box;
}

.dsf-why-inner {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}


/* =========================
   HEADER
========================= */

.dsf-why-header {
  max-width: 680px;
  margin: 0 auto 32px;
  text-align: center;
}

.dsf-why-label {
  margin-bottom: 8px;

  color: #243B63;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: 2.2px;
  line-height: 1.3;
}

.dsf-why-header h2 {
  margin: 0 0 10px;

  color: #000000;

  font-size: 34px;
  line-height: 1.15;

  font-weight: 700;

  letter-spacing: -0.5px;
}

.dsf-why-header h2 span {
  color: #243B63;
}

.dsf-why-header p {
  max-width: 610px;
  margin: 0 auto;

  color: #000000;

  font-size: 13px;
  line-height: 1.6;
}


/* =========================
   GRID
========================= */

.dsf-why-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 13px;

  width: 100%;
}


/* =========================
   CARDS
========================= */

.dsf-why-card {

  position: relative;

  display: flex;
  align-items: flex-start;

  min-height: 142px;

  padding: 21px 20px;

  box-sizing: border-box;

  background:
    linear-gradient(
      145deg,
      #FFFFFF 0%,
      #F9FBFD 100%
    );

  border: 1px solid #D9E2EC;

  border-radius: 14px;

  box-shadow:
    0 4px 0 #D2DBE5,
    0 9px 20px rgba(36,59,99,.07);

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}


/* TOP LIGHT */

.dsf-why-card::before {

  content: "";

  position: absolute;

  top: 1px;
  left: 12%;
  right: 12%;

  height: 1px;

  background: rgba(255,255,255,.95);

  border-radius: 50%;
}


/* HOVER */

.dsf-why-card:hover {

  transform: translateY(-4px);

  border-color: #C3D0DF;

  box-shadow:
    0 7px 0 #C6D0DB,
    0 15px 27px rgba(36,59,99,.12);
}


/* =========================
   NUMBER
========================= */

.dsf-why-number {

  width: 31px;
  height: 31px;

  min-width: 31px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-right: 14px;

  border-radius: 9px;

  background: #243B63;

  color: #FFFFFF;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .5px;

  box-shadow:
    0 3px 0 #172B48,
    0 5px 10px rgba(36,59,99,.16);
}


/* =========================
   CARD CONTENT
========================= */

.dsf-why-card-content {
  padding-top: 1px;
}

.dsf-why-card h3 {

  margin: 0 0 7px;

  color: #000000;

  font-size: 15px;

  line-height: 1.3;

  font-weight: 700;
}

.dsf-why-card p {

  margin: 0;

  color: #4A5568;

  font-size: 11.5px;

  line-height: 1.55;
}


/* =========================
   BOTTOM CTA
========================= */

.dsf-why-bottom {

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 25px;

  margin-top: 25px;

  padding: 22px 24px;

  background: #FFFFFF;

  border: 1px solid #D7E0EA;

  border-radius: 14px;

  box-shadow:
    0 4px 0 #CBD5E1,
    0 10px 22px rgba(36,59,99,.08);

  box-sizing: border-box;
}


.dsf-why-bottom-text {
  min-width: 0;
}

.dsf-why-bottom-text span {

  display: block;

  margin-bottom: 4px;

  color: #243B63;

  font-size: 8px;

  font-weight: 800;

  letter-spacing: 1.7px;
}


.dsf-why-bottom-text strong {

  display: block;

  margin-bottom: 4px;

  color: #000000;

  font-size: 18px;

  line-height: 1.25;

  font-weight: 700;
}


.dsf-why-bottom-text p {

  margin: 0;

  color: #4A5568;

  font-size: 11px;

  line-height: 1.5;
}


/* =========================
   CTA BUTTON
========================= */

.dsf-why-button {

  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-width: 195px;

  padding: 13px 20px;

  background: #243B63;

  color: #FFFFFF !important;

  border-radius: 9px;

  text-decoration: none !important;

  font-size: 11px;

  font-weight: 700;

  line-height: 1.2;

  box-shadow:
    0 4px 0 #172B48,
    0 8px 16px rgba(36,59,99,.18);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}


.dsf-why-button:hover {

  color: #FFFFFF !important;

  transform: translateY(-3px);

  box-shadow:
    0 7px 0 #172B48,
    0 13px 22px rgba(36,59,99,.22);
}


.dsf-why-button:active {

  transform: translateY(2px);

  box-shadow:
    0 2px 0 #172B48,
    0 5px 10px rgba(36,59,99,.12);
}


/* =========================
   TABLET
========================= */

@media (max-width: 767px) {

  .dsf-why-section {
    padding: 42px 14px 48px;
  }

  .dsf-why-header {
    margin-bottom: 25px;
  }

  .dsf-why-header h2 {
    font-size: 29px;
  }

  .dsf-why-header p {
    font-size: 12px;
  }

  .dsf-why-grid {
    gap: 10px;
  }

  .dsf-why-card {
    min-height: 135px;
    padding: 17px;
  }

  .dsf-why-card h3 {
    font-size: 14px;
  }

  .dsf-why-card p {
    font-size: 10.5px;
  }

  .dsf-why-bottom {
    padding: 20px;
  }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

  .dsf-why-section {
    padding: 34px 10px 40px;
  }


  .dsf-why-header {
    padding: 0 8px;
    margin-bottom: 21px;
  }


  .dsf-why-label {
    font-size: 8px;
    letter-spacing: 1.8px;
  }


  .dsf-why-header h2 {
    font-size: 27px;
    line-height: 1.18;
  }


  .dsf-why-header p {
    font-size: 11.5px;
    line-height: 1.5;
  }


  /* TWO COLUMNS ON MOBILE */

  .dsf-why-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 8px;
  }


  .dsf-why-card {

    min-height: 158px;

    padding: 14px 11px;

    border-radius: 11px;

    display: block;

    box-shadow:
      0 3px 0 #D2DBE5,
      0 6px 13px rgba(36,59,99,.06);
  }


  .dsf-why-number {

    width: 27px;
    height: 27px;

    min-width: 27px;

    margin: 0 0 11px;

    border-radius: 7px;

    font-size: 8px;
  }


  .dsf-why-card h3 {

    font-size: 12px;

    line-height: 1.3;

    margin-bottom: 6px;
  }


  .dsf-why-card p {

    font-size: 10px;

    line-height: 1.5;
  }


  /* CTA */

  .dsf-why-bottom {

    display: block;

    margin-top: 18px;

    padding: 18px 16px;

    border-radius: 11px;

    text-align: center;
  }


  .dsf-why-bottom-text span {
    font-size: 7px;
  }


  .dsf-why-bottom-text strong {

    font-size: 17px;

    margin-bottom: 5px;
  }


  .dsf-why-bottom-text p {

    font-size: 10px;

    margin-bottom: 15px;
  }


  .dsf-why-button {

    width: 100%;

    min-width: 0;

    padding: 12px 16px;

    font-size: 10.5px;
  }

}


/* =========================
   VERY SMALL PHONES
========================= */

@media (max-width: 360px) {

  .dsf-why-section {
    padding-left: 8px;
    padding-right: 8px;
  }


  .dsf-why-grid {
    gap: 7px;
  }


  .dsf-why-card {

    min-height: 155px;

    padding: 12px 9px;
  }


  .dsf-why-card h3 {
    font-size: 11.5px;
  }


  .dsf-why-card p {
    font-size: 9.5px;
  }

}/* End custom CSS */