.elementor-41 .elementor-element.elementor-element-d93aa2a{--display:flex;}.elementor-41 .elementor-element.elementor-element-ceb64ad{--display:flex;}.elementor-41 .elementor-element.elementor-element-162adbb{--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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-41 .elementor-element.elementor-element-0cd4d78{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-41 .elementor-element.elementor-element-0cd4d78 .elementor-divider-separator{width:100%;}.elementor-41 .elementor-element.elementor-element-0cd4d78 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-41 .elementor-element.elementor-element-faf9e45{--display:flex;}.elementor-41 .elementor-element.elementor-element-d20cb86{--display:flex;}.elementor-41 .elementor-element.elementor-element-79352a2{--display:flex;--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-80959c5{--display:flex;}.elementor-41 .elementor-element.elementor-element-051d970{--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-41 .elementor-element.elementor-element-0cbe9a5 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-41 .elementor-element.elementor-element-5a2d4ca{--display:flex;}.elementor-41 .elementor-element.elementor-element-3eb90f9{--display:flex;}.elementor-41 .elementor-element.elementor-element-870ac49{--display:flex;}.elementor-41 .elementor-element.elementor-element-0e301d9{--display:flex;}.elementor-41 .elementor-element.elementor-element-273bf39{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-41 .elementor-element.elementor-element-e969758 .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-weight:600;color:#243B63;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-41 .elementor-element.elementor-element-c80f222{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto Condensed", Sans-serif;font-weight:500;}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-title{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-videos-count{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side i{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side svg{fill:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-title-text{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-title-text button{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-widget-video-playlist .e-tabs-items .e-tab-title .e-tab-duration{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{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-widget-video-playlist .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-duration{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-items-wrapper .e-section-title{color:var( --e-global-color-text );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-wrapper .e-inner-tab-title a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content .e-inner-tab-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button{color:var( --e-global-color-text );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-video-playlist .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button:hover{color:var( --e-global-color-text );}.elementor-41 .elementor-element.elementor-element-09795df .e-inner-tabs-content-wrapper .collapsible .e-inner-tab-text{height:54px;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs-wrapper .e-tabs-header .e-tabs-title{color:#131212;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs-wrapper .e-tabs-header .e-tabs-videos-count{color:#050505;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side i{color:#050505;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs-wrapper .e-tabs-header .e-tabs-header-right-side svg{fill:#050505;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#556068;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:#556068;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs-items-wrapper .e-section-title{color:#000000;border-style:solid;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs-inner-tabs .e-inner-tabs-content-wrapper .e-inner-tab-content button{color:#1E1E1E;}.elementor-41 .elementor-element.elementor-element-1c1dc32{--display:flex;}.elementor-41 .elementor-element.elementor-element-c45795d .elementor-heading-title{font-family:"Roboto Flex", Sans-serif;font-weight:600;color:#243B63;}.elementor-41 .elementor-element.elementor-element-7ff26c1{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Roboto Condensed", Sans-serif;font-weight:500;}.elementor-41 .elementor-element.elementor-element-cf0ae1c .e-inner-tabs-content-wrapper .collapsible .e-inner-tab-text{height:54px;}.elementor-41 .elementor-element.elementor-element-cf0ae1c .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#556068;}.elementor-41 .elementor-element.elementor-element-cf0ae1c .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:#556068;}.elementor-41 .elementor-element.elementor-element-cf0ae1c .e-tabs-items-wrapper .e-section-title{border-style:solid;}.elementor-41 .elementor-element.elementor-element-2b39fc3{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-41 .elementor-element.elementor-element-2b39fc3 .elementor-divider-separator{width:100%;}.elementor-41 .elementor-element.elementor-element-2b39fc3 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-41 .elementor-element.elementor-element-de8a477{--display:flex;}.elementor-41 .elementor-element.elementor-element-743a472{--display:flex;}@media(max-width:1024px){.elementor-41 .elementor-element.elementor-element-0cd4d78{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-41 .elementor-element.elementor-element-0cd4d78 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-162adbb{--margin-top:-18px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-e6124ef img{max-width:100%;}.elementor-41 .elementor-element.elementor-element-0cd4d78{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-41 .elementor-element.elementor-element-0cd4d78 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-41 .elementor-element.elementor-element-d20cb86{--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-79352a2{--margin-top:-9px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-c4e000e{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-41 .elementor-element.elementor-element-051d970{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-0cbe9a5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-41 .elementor-element.elementor-element-5a2d4ca{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-3eb90f9{--margin-top:-27px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-0e301d9{--margin-top:-36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-e969758 .elementor-heading-title{font-size:19px;}.elementor-41 .elementor-element.elementor-element-c80f222{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:12px;}.elementor-41 .elementor-element.elementor-element-09795df .e-inner-tabs-content-wrapper .collapsible .e-inner-tab-text{height:50px;}.elementor-41 .elementor-element.elementor-element-09795df{width:100%;max-width:100%;margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-41 .elementor-element.elementor-element-09795df.elementor-element{--align-self:center;}.elementor-41 .elementor-element.elementor-element-09795df .e-tabs .e-tabs-main-area{height:490px;}.elementor-41 .elementor-element.elementor-element-1c1dc32{--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-41 .elementor-element.elementor-element-c45795d .elementor-heading-title{font-size:19px;}.elementor-41 .elementor-element.elementor-element-7ff26c1{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:12px;}.elementor-41 .elementor-element.elementor-element-cf0ae1c{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-41 .elementor-element.elementor-element-2b39fc3 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-41 .elementor-element.elementor-element-2ed52cb{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-40f3b26 */.dsf-marquee-section {
  width: 100%;
  height: 42px;
  background: #243B63;
  overflow: hidden;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.dsf-marquee-track {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.dsf-marquee-content {
  display: inline-flex;
  align-items: center;
  height: 42px;
  white-space: nowrap;
  animation: dsf-marquee-scroll 25s linear infinite;
}

.dsf-marquee-content span {
  display: inline-flex;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  padding: 0 20px;
}

.dsf-marquee-content .dsf-marquee-highlight {
  background: rgba(255,255,255,0.14);
  border-radius: 20px;
  padding: 5px 12px;
  margin: 0 8px;
  letter-spacing: 1.2px;
}

.dsf-marquee-content .dsf-marquee-dot {
  color: #B9C7DA;
  font-size: 9px;
  padding: 0;
}

@keyframes dsf-marquee-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 600px) {

  .dsf-marquee-section {
    height: 36px;
  }

  .dsf-marquee-content {
    height: 36px;
    animation-duration: 21s;
  }

  .dsf-marquee-content span {
    font-size: 8px;
    letter-spacing: 1.1px;
    padding: 0 14px;
  }

  .dsf-marquee-content .dsf-marquee-highlight {
    padding: 4px 9px;
    margin: 0 5px;
  }

  .dsf-marquee-content .dsf-marquee-dot {
    font-size: 7px;
    padding: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a93a9c3 */.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-64396ef *//* =========================================================
   DR. SKINFIX — CLINICAL 3D TRANSITION
   DESKTOP + MOBILE RESPONSIVE
========================================================= */

.dsf-clinical-transition {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  padding: 42px 20px 45px;
  box-sizing: border-box;
  overflow: hidden;
  text-align: center;
}


/* =========================================================
   HEADING ABOVE VISUAL
========================================================= */

.dsf-clinical-heading {
  position: relative;
  max-width: 900px;
  margin: 0 auto 18px;
  z-index: 20;
}

.dsf-clinical-label {
  margin-bottom: 9px;
  color: #243B63;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 2.6px;
  line-height: 1;
}

.dsf-clinical-heading h2 {
  margin: 0;
  color: #000000;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -.7px;
  text-transform: none;
}

.dsf-clinical-heading h2::first-letter {
  text-transform: uppercase;
}

.dsf-clinical-heading p {
  max-width: 700px;
  margin: 9px auto 0;
  color: #718096;
  font-size: 14px;
  line-height: 1.5;
}


/* =========================================================
   MAIN VISUAL
========================================================= */

.dsf-clinical-visual {
  position: relative;

  /* LARGER DESKTOP VISUAL */
  width: 360px;
  height: 275px;

  margin: 0 auto;

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

  perspective: 1200px;
  transform-style: preserve-3d;
}


/* =========================================================
   GLOW
========================================================= */

.dsf-tech-glow {
  position: absolute;

  width: 220px;
  height: 220px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(36,59,99,.18) 0%,
      rgba(36,59,99,.08) 35%,
      rgba(36,59,99,.025) 58%,
      rgba(36,59,99,0) 75%
    );

  filter: blur(15px);

  animation:
    dsf-tech-glow-pulse 5s ease-in-out infinite;

  z-index: 1;
}


/* =========================================================
   ORBITS
========================================================= */

.dsf-tech-ring {
  position: absolute;

  left: 50%;
  top: 50%;

  border-radius: 50%;

  box-sizing: border-box;

  pointer-events: none;

  transform-style: preserve-3d;
}


/* BACK ORBIT */

.dsf-tech-ring-back {
  width: 285px;
  height: 110px;

  border: 1px solid rgba(36,59,99,.22);

  transform:
    translate(-50%, -50%)
    rotateX(66deg)
    rotateZ(-18deg);

  box-shadow:
    0 0 14px rgba(36,59,99,.07);

  animation:
    dsf-ring-back 12s linear infinite;

  z-index: 2;
}


/* MIDDLE ORBIT */

.dsf-tech-ring-middle {
  width: 305px;
  height: 125px;

  border: 1px solid rgba(36,59,99,.16);

  transform:
    translate(-50%, -50%)
    rotateX(67deg)
    rotateZ(35deg);

  box-shadow:
    0 0 16px rgba(36,59,99,.06);

  animation:
    dsf-ring-middle 10s linear infinite reverse;

  z-index: 4;
}


/* FRONT ORBIT */

.dsf-tech-ring-front {
  width: 270px;
  height: 98px;

  border: 1px solid rgba(36,59,99,.28);

  transform:
    translate(-50%, -50%)
    rotateX(68deg)
    rotateZ(-55deg);

  animation:
    dsf-ring-front 8s linear infinite;

  z-index: 8;
}


/* =========================================================
   ORBIT HIGHLIGHTS
========================================================= */

.dsf-tech-ring-back::before,
.dsf-tech-ring-middle::before,
.dsf-tech-ring-front::before {
  content: "";

  position: absolute;

  width: 9px;
  height: 9px;

  border-radius: 50%;

  background: #FFFFFF;

  border: 1px solid #243B63;

  box-shadow:
    0 0 11px rgba(36,59,99,.35);
}


.dsf-tech-ring-back::before {
  top: 4px;
  left: 35px;
}

.dsf-tech-ring-middle::before {
  right: 32px;
  bottom: 2px;
}

.dsf-tech-ring-front::before {
  top: -5px;
  right: 48px;
}


/* =========================================================
   MAIN CORE
========================================================= */

.dsf-tech-core {
  position: relative;

  /* MUCH LARGER ON DESKTOP */
  width: 160px;
  height: 160px;

  border-radius: 50%;

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

  background:
    radial-gradient(
      circle at 29% 21%,
      #FFFFFF 0%,
      #FFFFFF 9%,
      #F9FBFD 23%,
      #EDF2F7 43%,
      #D8E2EC 67%,
      #C0CEDC 86%,
      #B2C2D3 100%
    );

  border: 1px solid rgba(255,255,255,.95);

  box-shadow:

    inset 10px 10px 22px rgba(255,255,255,.95),

    inset -14px -15px 28px
    rgba(36,59,99,.14),

    inset 3px 3px 5px
    rgba(255,255,255,1),

    0 9px 0 #AEBECE,

    0 20px 40px
    rgba(36,59,99,.20);

  transform-style: preserve-3d;

  animation:
    dsf-core-float 4.5s ease-in-out infinite;

  z-index: 6;
}


/* =========================================================
   CORE DETAILS
========================================================= */

.dsf-core-inner {
  position: absolute;

  width: 108px;
  height: 108px;

  border-radius: 50%;

  border: 1px solid rgba(255,255,255,.62);

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.28),
      rgba(255,255,255,0) 72%
    );

  box-shadow:
    inset 0 0 28px rgba(255,255,255,.45);

  opacity: .8;
}


/* =========================================================
   CORE SHINE
========================================================= */

.dsf-core-shine {
  position: absolute;

  top: 20px;
  left: 31px;

  width: 68px;
  height: 27px;

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.98),
      rgba(255,255,255,.12)
    );

  transform:
    rotate(-23deg)
    translateZ(10px);

  filter: blur(.3px);

  opacity: .9;

  z-index: 3;
}


/* =========================================================
   CORE TEXT
========================================================= */

.dsf-core-content {
  position: relative;

  z-index: 10;

  display: flex;

  flex-direction: column;

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

  transform: translateZ(15px);
}

.dsf-core-content span {
  color: #243B63;

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

  letter-spacing: 1.5px;

  line-height: 1;
}

.dsf-core-content strong {
  margin-top: 7px;

  color: #172B48;

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

  letter-spacing: 2.5px;

  line-height: 1;
}

.dsf-core-content small {
  margin-top: 9px;

  color: #718096;

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

  letter-spacing: 1.2px;

  line-height: 1;
}


/* =========================================================
   PARTICLES
========================================================= */

.dsf-tech-particle {
  position: absolute;

  display: block;

  border-radius: 50%;

  background: #243B63;

  box-shadow:
    0 0 10px rgba(36,59,99,.38);

  z-index: 12;
}


/* PARTICLE 1 */

.dsf-tech-p1 {
  width: 6px;
  height: 6px;

  top: 38px;
  left: 55px;

  animation:
    dsf-particle-one 3.8s ease-in-out infinite;
}


/* PARTICLE 2 */

.dsf-tech-p2 {
  width: 5px;
  height: 5px;

  right: 42px;
  top: 82px;

  opacity: .65;

  animation:
    dsf-particle-two 4.2s ease-in-out infinite;
}


/* PARTICLE 3 */

.dsf-tech-p3 {
  width: 6px;
  height: 6px;

  left: 62px;
  bottom: 40px;

  opacity: .5;

  animation:
    dsf-particle-three 4.5s ease-in-out infinite;
}


/* PARTICLE 4 */

.dsf-tech-p4 {
  width: 4px;
  height: 4px;

  right: 62px;
  bottom: 52px;

  opacity: .55;

  animation:
    dsf-particle-four 3.5s ease-in-out infinite;
}


/* =========================================================
   REFLECTION
========================================================= */

.dsf-tech-reflection {
  position: absolute;

  width: 145px;
  height: 25px;

  bottom: 16px;

  left: 50%;

  transform:
    translateX(-50%)
    rotateX(70deg);

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse,
      rgba(36,59,99,.14),
      rgba(36,59,99,0) 70%
    );

  filter: blur(6px);

  animation:
    dsf-reflection-pulse 4.5s ease-in-out infinite;

  z-index: 1;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes dsf-core-float {

  0%,100% {
    transform:
      translateY(0)
      rotateX(0deg)
      rotateY(0deg);
  }

  50% {
    transform:
      translateY(-9px)
      rotateX(3deg)
      rotateY(-5deg);
  }

}


@keyframes dsf-tech-glow-pulse {

  0%,100% {
    opacity: .45;
    transform: scale(.9);
  }

  50% {
    opacity: .9;
    transform: scale(1.12);
  }

}


@keyframes dsf-ring-back {

  from {
    transform:
      translate(-50%,-50%)
      rotateX(66deg)
      rotateZ(-18deg);
  }

  to {
    transform:
      translate(-50%,-50%)
      rotateX(66deg)
      rotateZ(342deg);
  }

}


@keyframes dsf-ring-middle {

  from {
    transform:
      translate(-50%,-50%)
      rotateX(67deg)
      rotateZ(35deg);
  }

  to {
    transform:
      translate(-50%,-50%)
      rotateX(67deg)
      rotateZ(-325deg);
  }

}


@keyframes dsf-ring-front {

  from {
    transform:
      translate(-50%,-50%)
      rotateX(68deg)
      rotateZ(-55deg);
  }

  to {
    transform:
      translate(-50%,-50%)
      rotateX(68deg)
      rotateZ(305deg);
  }

}


/* =========================================================
   PARTICLE ANIMATIONS
========================================================= */

@keyframes dsf-particle-one {

  0%,100% {
    transform: translate(0,0) scale(1);
    opacity: .45;
  }

  50% {
    transform: translate(-12px,-12px) scale(1.5);
    opacity: 1;
  }

}


@keyframes dsf-particle-two {

  0%,100% {
    transform: translate(0,0);
    opacity: .35;
  }

  50% {
    transform: translate(10px,-9px);
    opacity: .9;
  }

}


@keyframes dsf-particle-three {

  0%,100% {
    transform: translate(0,0);
    opacity: .3;
  }

  50% {
    transform: translate(-9px,9px);
    opacity: .85;
  }

}


@keyframes dsf-particle-four {

  0%,100% {
    transform: translate(0,0);
    opacity: .3;
  }

  50% {
    transform: translate(9px,7px);
    opacity: .85;
  }

}


/* =========================================================
   REFLECTION ANIMATION
========================================================= */

@keyframes dsf-reflection-pulse {

  0%,100% {
    opacity: .35;

    transform:
      translateX(-50%)
      rotateX(70deg)
      scale(.9);
  }

  50% {
    opacity: .7;

    transform:
      translateX(-50%)
      rotateX(70deg)
      scale(1.1);
  }

}


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

@media (max-width: 900px) and (min-width: 601px) {

  .dsf-clinical-transition {
    padding: 36px 18px 40px;
  }

  .dsf-clinical-heading h2 {
    font-size: 34px;
  }

  .dsf-clinical-heading p {
    font-size: 13px;
  }

  .dsf-clinical-visual {
    width: 320px;
    height: 250px;
  }

  .dsf-tech-glow {
    width: 195px;
    height: 195px;
  }

  .dsf-tech-ring-back {
    width: 255px;
    height: 98px;
  }

  .dsf-tech-ring-middle {
    width: 275px;
    height: 110px;
  }

  .dsf-tech-ring-front {
    width: 245px;
    height: 88px;
  }

  .dsf-tech-core {
    width: 145px;
    height: 145px;
  }

  .dsf-core-inner {
    width: 98px;
    height: 98px;
  }

  .dsf-core-content strong {
    font-size: 27px;
  }
}


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

@media (max-width:600px) {

  .dsf-clinical-transition {
    padding: 24px 10px 26px;
  }


  .dsf-clinical-heading {
    margin-bottom: 8px;
  }


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


  .dsf-clinical-heading h2 {
    font-size: 23px;
    line-height: 1.18;
    letter-spacing: -.4px;
  }


  .dsf-clinical-heading p {
    max-width: 340px;
    font-size: 9px;
    line-height: 1.45;
    margin-top: 6px;
  }


  .dsf-clinical-visual {
    width: 205px;
    height: 165px;
  }


  .dsf-tech-glow {
    width: 130px;
    height: 130px;
  }


  .dsf-tech-ring-back {
    width: 168px;
    height: 66px;
  }


  .dsf-tech-ring-middle {
    width: 180px;
    height: 77px;
  }


  .dsf-tech-ring-front {
    width: 158px;
    height: 60px;
  }


  .dsf-tech-core {
    width: 96px;
    height: 96px;

    box-shadow:
      inset 6px 6px 13px rgba(255,255,255,.95),
      inset -9px -10px 17px rgba(36,59,99,.14),
      0 6px 0 #AEBECE,
      0 13px 26px rgba(36,59,99,.19);
  }


  .dsf-core-inner {
    width: 65px;
    height: 65px;
  }


  .dsf-core-shine {
    top: 12px;
    left: 19px;
    width: 41px;
    height: 17px;
  }


  .dsf-core-content span {
    font-size: 6px;
  }


  .dsf-core-content strong {
    font-size: 19px;
    margin-top: 4px;
  }


  .dsf-core-content small {
    font-size: 4.2px;
    margin-top: 6px;
  }


  .dsf-tech-p1 {
    top: 22px;
    left: 32px;
  }


  .dsf-tech-p2 {
    right: 22px;
    top: 52px;
  }


  .dsf-tech-p3 {
    left: 36px;
    bottom: 24px;
  }


  .dsf-tech-p4 {
    right: 35px;
    bottom: 31px;
  }


  .dsf-tech-reflection {
    width: 90px;
    bottom: 12px;
  }

}


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

@media (max-width:360px) {

  .dsf-clinical-transition {
    padding: 21px 8px 23px;
  }


  .dsf-clinical-heading h2 {
    font-size: 21px;
  }


  .dsf-clinical-heading p {
    font-size: 8.5px;
  }


  .dsf-clinical-visual {
    width: 190px;
    height: 155px;

    transform: scale(.94);

    margin-top: -2px;
    margin-bottom: -4px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-285caac */.dsf-contact-section {
  width: 100%;
  background: #F3F6FA;
  padding: 42px 20px 45px;
  box-sizing: border-box;
}

.dsf-contact-inner {
  max-width: 780px;
  margin: 0 auto;
  text-align: center;
}


/* TOP LABEL */

.dsf-contact-label {
  margin-bottom: 9px;
  color: #243B63;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2px;
}


/* HEADING */

.dsf-contact-title {
  margin: 0 0 12px;
  color: #000000;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
}


/* DESCRIPTION */

.dsf-contact-text {
  max-width: 680px;
  margin: 0 auto 20px;
  color: #000000;
  font-size: 14px;
  line-height: 1.65;
}

.dsf-contact-text strong {
  color: #000000;
  font-weight: 700;
}


/* BUTTON */

.dsf-contact-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 290px;

  padding: 13px 25px;

  background: #243B63;
  color: #FFFFFF !important;

  border-radius: 8px;

  text-decoration: none !important;

  font-size: 13px;
  font-weight: 700;
  line-height: 18px;

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

  transition: all 0.2s ease;
}


/* HOVER */

.dsf-contact-button:hover {
  background: #172B48;

  transform: translateY(-2px);

  box-shadow:
    0 6px 0 #0F1D32,
    0 11px 22px rgba(36, 59, 99, 0.20);
}


/* NOTE */

.dsf-contact-note {
  margin-top: 10px;
  color: #718096;
  font-size: 10px;
  line-height: 1.4;
}


/* MOBILE */

@media (max-width: 600px) {

  .dsf-contact-section {
    padding: 30px 16px 32px;
  }

  .dsf-contact-label {
    font-size: 9px;
    letter-spacing: 1.6px;
    margin-bottom: 8px;
  }

  .dsf-contact-title {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 10px;
  }

  .dsf-contact-text {
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 17px;
  }

  .dsf-contact-button {
    width: 100%;
    max-width: 320px;
    min-width: 0;
    padding: 12px 18px;
  }

  .dsf-contact-note {
    font-size: 9px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4e000e *//* =========================================
   DR. SKINFIX — SPECIALITIES SECTION
   ========================================= */

.dsf-specialities-section {
  width: 100%;
  background: #FFFFFF;
  padding: 38px 18px 42px;
  box-sizing: border-box;
}

.dsf-specialities-inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}


/* =========================================
   LABEL
   ========================================= */

.dsf-specialities-label {
  margin-bottom: 7px;
  color: #243B63;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 2.2px;
  line-height: 1.3;
}


/* =========================================
   HEADING
   ========================================= */

.dsf-specialities-title {
  margin: 0 auto 8px;
  max-width: 700px;
  color: #000000;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.5px;
  text-shadow: 0 1px 0 #FFFFFF;
}


/* =========================================
   SUBTITLE
   ========================================= */

.dsf-specialities-subtitle {
  margin: 0 auto 22px;
  max-width: 680px;
  color: #000000;
  font-size: 14px;
  line-height: 1.5;
}


/* IMPORTANT ACTION LINE */

.dsf-subtitle-action {
  display: inline-block;
  margin-top: 5px;
  color: #243B63;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}


/* =========================================
   TABS
   ========================================= */

.dsf-specialities-tabs {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  max-width: 340px;

  margin: 0 auto 22px;
  padding: 4px;

  background: linear-gradient(
    145deg,
    #E8EDF4,
    #F8FAFC
  );

  border: 1px solid #D3DDE9;
  border-radius: 13px;

  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.07),
    0 5px 0 #CBD5E1,
    0 10px 22px rgba(36,59,99,.12);

  box-sizing: border-box;
}


/* TAB BUTTON */

.dsf-speciality-tab {
  position: relative;

  flex: 1;

  border: none !important;
  outline: none !important;

  padding: 11px 18px;

  background: transparent !important;
  color: #243B63 !important;

  border-radius: 9px !important;

  font-family: inherit;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px;

  cursor: pointer;

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


/* ACTIVE TAB */

.dsf-speciality-tab.active {
  background: linear-gradient(
    145deg,
    #355781,
    #243B63
  ) !important;

  color: #FFFFFF !important;

  box-shadow:
    0 4px 0 #172B48,
    0 7px 14px rgba(36,59,99,.28);

  transform: translateY(-1px);
}


/* TOP HIGHLIGHT */

.dsf-speciality-tab.active::before {
  content: "";

  position: absolute;

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

  height: 1px;

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

  border-radius: 50%;
}


/* INACTIVE HOVER */

.dsf-speciality-tab:not(.active):hover {
  background: #FFFFFF !important;
  color: #172B48 !important;
  transform: translateY(-1px);
}


/* =========================================
   TAB CONTENT
   ========================================= */

.dsf-speciality-content {
  display: none;
}

.dsf-speciality-content.active {
  display: block;
}


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

.dsf-concern-grid {
  display: grid;

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

  gap: 10px 11px;

  width: 100%;
}


/* =========================================
   CONCERN BOX
   ========================================= */

.dsf-concern-item {
  position: relative;

  display: flex;
  align-items: center;

  min-height: 50px;
  height: 50px;

  padding: 8px 13px;

  box-sizing: border-box;

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

  border: 1px solid #D9E2EC;
  border-radius: 11px;

  color: #000000;

  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;

  text-align: left;

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

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


/* TOP LIGHT REFLECTION */

.dsf-concern-item::before {
  content: "";

  position: absolute;

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

  height: 1px;

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

  border-radius: 50%;
}


/* CLICKABLE */

.dsf-clickable-concern {
  cursor: pointer;
}


/* HOVER */

.dsf-concern-item:hover {
  transform: translateY(-3px);

  border-color: #C4D1E0;

  box-shadow:
    0 5px 0 #C5CFDB,
    0 11px 20px rgba(36,59,99,.13);
}


/* CLICK */

.dsf-concern-item:active {
  transform: translateY(2px);

  box-shadow:
    0 1px 0 #C5CFDB,
    0 3px 7px rgba(36,59,99,.08);
}


/* =========================================
   NAVY DOT
   ========================================= */

.dsf-concern-dot {
  width: 7px;
  height: 7px;
  min-width: 7px;

  margin-right: 10px;

  background: #243B63;

  border-radius: 50%;

  display: inline-block;

  box-shadow:
    0 1px 2px rgba(36,59,99,.25);
}


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

.dsf-specialities-cta {
  margin-top: 22px;
  text-align: center;
}


.dsf-cta-question {
  margin: 0 0 9px;

  color: #000000;

  font-size: 12px;
  font-weight: 500;
}


.dsf-specialities-button {
  display: inline-flex;

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

  min-width: 270px;

  padding: 12px 22px;

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

  color: #FFFFFF !important;

  border-radius: 8px;

  text-decoration: none !important;

  font-size: 12px;
  font-weight: 700;
  line-height: 18px;

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

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


/* CTA HOVER */

.dsf-specialities-button:hover {
  transform: translateY(-2px);

  box-shadow:
    0 6px 0 #0F1D32,
    0 12px 22px rgba(36,59,99,.24);
}


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

@media (max-width: 767px) {

  .dsf-specialities-section {
    padding: 30px 14px 34px;
  }

  .dsf-specialities-title {
    font-size: 28px;
  }

  .dsf-specialities-subtitle {
    font-size: 13px;
    margin-bottom: 18px;
  }

  .dsf-specialities-tabs {
    margin-bottom: 18px;
  }

}


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

@media (max-width: 600px) {

  .dsf-specialities-section {
    padding: 26px 10px 30px;
  }


  .dsf-specialities-label {
    font-size: 9px;
    letter-spacing: 1.8px;
    margin-bottom: 6px;
  }


  .dsf-specialities-title {
    font-size: 27px;
    line-height: 1.18;
    letter-spacing: -0.3px;
    max-width: 360px;
  }


  .dsf-specialities-subtitle {
    max-width: 350px;
    font-size: 12.5px;
    line-height: 1.5;
    margin-bottom: 17px;
  }


  /* NEW ACTION TEXT */

  .dsf-subtitle-action {
    font-size: 11px;
    line-height: 1.45;
    margin-top: 4px;
  }


  /* TABS */

  .dsf-specialities-tabs {
    max-width: 330px;

    padding: 3px;

    border-radius: 11px;

    margin-bottom: 17px;

    box-shadow:
      inset 0 2px 3px rgba(0,0,0,.06),
      0 4px 0 #CBD5E1,
      0 8px 16px rgba(36,59,99,.10);
  }


  .dsf-speciality-tab {
    padding: 10px 15px;

    font-size: 10px !important;
    letter-spacing: 1.3px;
  }


  .dsf-speciality-tab.active {
    box-shadow:
      0 3px 0 #172B48,
      0 5px 10px rgba(36,59,99,.22);
  }


  /* CONCERNS */

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

    gap: 8px 9px;
  }


  .dsf-concern-item {
    min-height: 48px;
    height: 48px;

    padding: 7px 9px;

    border-radius: 9px;

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

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


  .dsf-concern-item:hover {
    transform: translateY(-2px);

    box-shadow:
      0 4px 0 #C5CFDB,
      0 8px 15px rgba(36,59,99,.11);
  }


  .dsf-concern-dot {
    width: 6px;
    height: 6px;
    min-width: 6px;

    margin-right: 8px;
  }


  /* CTA */

  .dsf-specialities-cta {
    margin-top: 19px;
  }


  .dsf-cta-question {
    font-size: 11px;
    margin-bottom: 8px;
  }


  .dsf-specialities-button {
    width: 100%;
    max-width: 320px;
    min-width: 0;

    padding: 11px 16px;

    font-size: 11px;

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

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-de84c4f */.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 7px;
  color: #000000;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -.3px;
}

.dsf-booking-intro p {
  max-width: 560px;
  margin: 0 auto;
  color: #718096;
  font-size: 12px;
  line-height: 1.5;
}

.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: 6px;
  }

  .dsf-booking-intro p {
    max-width: 340px;
    font-size: 11px;
    line-height: 1.45;
  }

  .dsf-booking-arrow {
    margin-top: 8px;
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-0cbe9a5 *//* =========================================================
   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-7332232 *//* =========================================================
   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-4b66e90 */.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 */
/* Start custom CSS for html, class: .elementor-element-5ee744d *//* =========================================================
   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-57d67cd */.dsf-action-marquee {
  width: 100%;
  background: #FFFFFF;
  padding: 42px 0 50px;
  overflow: hidden;
  box-sizing: border-box;
}


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

.dsf-action-header {
  max-width: 700px;
  margin: 0 auto 30px;
  padding: 0 18px;
  text-align: center;
  box-sizing: border-box;
}

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

.dsf-action-header h2 {
  margin: 0 0 8px;
  color: #000000;
  font-size: 29px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.4px;
}

.dsf-action-header p {
  max-width: 570px;
  margin: 0 auto;
  color: #000000;
  font-size: 12px;
  line-height: 1.55;
}


/* =========================
   MARQUEE WINDOW
========================= */

.dsf-action-window {
  width: 100%;
  overflow: hidden;

  padding: 22px 0 30px;

  box-sizing: border-box;

  cursor: grab;

  user-select: none;
  -webkit-user-select: none;

  touch-action: pan-y;
}

.dsf-action-window.is-dragging {
  cursor: grabbing;
}


/* =========================
   TRACK
========================= */

.dsf-action-track {
  display: flex;
  align-items: center;

  width: max-content;

  will-change: transform;

  transform: translate3d(0,0,0);
}


/* =========================
   CIRCLE
========================= */

.dsf-action-circle {

  position: relative;

  width: 158px;
  height: 158px;

  flex: 0 0 158px;

  margin: 0 11px;

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

  box-sizing: border-box;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 34% 23%,
      #FFFFFF 0%,
      #F8FAFC 38%,
      #EDF2F7 100%
    );

  border: 1px solid #D5DFEA;

  text-decoration: none !important;

  box-shadow:

    inset 0 2px 4px rgba(255,255,255,.95),

    inset 0 -7px 13px rgba(36,59,99,.055),

    0 5px 0 #CBD5E1,

    0 13px 25px rgba(36,59,99,.10);

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

  cursor: pointer;

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


/* =========================
   INNER RING
========================= */

.dsf-action-circle::before {

  content: "";

  position: absolute;

  inset: 8px;

  border-radius: 50%;

  border: 1px solid rgba(36,59,99,.10);

  pointer-events: none;
}


/* =========================
   TOP LIGHT
========================= */

.dsf-action-circle::after {

  content: "";

  position: absolute;

  top: 18px;
  left: 35px;

  width: 55px;
  height: 17px;

  border-radius: 50%;

  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.95),
      rgba(255,255,255,0)
    );

  pointer-events: none;
}


/* =========================
   TEXT
========================= */

.dsf-action-top {

  position: relative;
  z-index: 2;

  color: #243B63;

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

  letter-spacing: 1.5px;

  line-height: 1.1;
}


.dsf-action-circle strong {

  position: relative;
  z-index: 2;

  margin-top: 4px;

  color: #000000;

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

  letter-spacing: .5px;

  text-align: center;

  line-height: 1.2;
}


.dsf-action-circle small {

  position: relative;
  z-index: 2;

  margin-top: 10px;

  color: #718096;

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

  letter-spacing: 1.4px;
}


/* =========================
   FREE CONSULTATION
========================= */

.dsf-action-featured {

  background:
    radial-gradient(
      circle at 35% 23%,
      #FFFFFF 0%,
      #F2F6FA 38%,
      #E2EAF3 100%
    );

  border-color: #243B63;

  box-shadow:

    inset 0 2px 4px rgba(255,255,255,.95),

    inset 0 -7px 13px rgba(36,59,99,.07),

    0 5px 0 #172B48,

    0 15px 28px rgba(36,59,99,.15);
}


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

.dsf-action-circle:hover {

  transform:
    translateY(-7px)
    scale(1.025);

  border-color: #243B63;

  box-shadow:

    inset 0 2px 4px rgba(255,255,255,.95),

    inset 0 -7px 13px rgba(36,59,99,.07),

    0 8px 0 #172B48,

    0 19px 32px rgba(36,59,99,.17);
}


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

.dsf-action-circle:active {

  transform: translateY(2px);

  box-shadow:

    inset 0 2px 4px rgba(255,255,255,.8),

    0 2px 0 #172B48,

    0 5px 10px rgba(36,59,99,.10);
}


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

@media (max-width: 600px) {

  .dsf-action-marquee {
    padding: 30px 0 38px;
  }


  .dsf-action-header {
    margin-bottom: 18px;
    padding: 0 13px;
  }


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


  .dsf-action-header h2 {
    font-size: 22px;
    line-height: 1.2;
  }


  .dsf-action-header p {
    font-size: 10.5px;
    line-height: 1.5;
  }


  .dsf-action-window {

    padding: 20px 0 28px;

    /*
      Allows vertical page scrolling
      while horizontal swipe controls
      the marquee.
    */
    touch-action: pan-y;
  }


  .dsf-action-circle {

    width: 120px;
    height: 120px;

    flex: 0 0 120px;

    margin: 0 7px;
  }


  .dsf-action-circle::before {
    inset: 6px;
  }


  .dsf-action-circle::after {

    top: 14px;
    left: 27px;

    width: 43px;
    height: 13px;
  }


  .dsf-action-top {

    font-size: 9px;

    letter-spacing: 1.1px;
  }


  .dsf-action-circle strong {

    margin-top: 3px;

    font-size: 9px;

    letter-spacing: .3px;
  }


  .dsf-action-circle small {

    margin-top: 7px;

    font-size: 6px;

    letter-spacing: 1px;
  }


  .dsf-action-circle:hover {

    transform:
      translateY(-4px)
      scale(1.015);
  }

}


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

@media (max-width: 380px) {

  .dsf-action-circle {

    width: 110px;
    height: 110px;

    flex: 0 0 110px;

    margin: 0 6px;
  }


  .dsf-action-top {
    font-size: 8px;
  }


  .dsf-action-circle strong {
    font-size: 8px;
  }


  .dsf-action-circle small {
    font-size: 5.5px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-654e142 *//* =====================================================
   DR. SKINFIX — GOOGLE REVIEWS INTRO
===================================================== */

.dsf-google-reviews-heading {
  width: 100%;
  background: #FFFFFF;
  padding: 30px 15px 12px;
  box-sizing: border-box;
  text-align: center;
}

.dsf-google-reviews-inner {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}


/* LABEL */

.dsf-google-reviews-label {
  margin-bottom: 7px;

  color: #243B63;

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

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


/* HEADING */

.dsf-google-reviews-heading h2 {
  margin: 0 0 8px;

  color: #000000;

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

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


/* DESCRIPTION */

.dsf-google-reviews-heading p {
  max-width: 560px;

  margin: 0 auto;

  color: #718096;

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


/* DOWN ARROW */

.dsf-google-reviews-arrow {
  margin-top: 12px;

  color: #243B63;

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

  line-height: 1;

  animation:
    dsf-google-arrow 1.5s ease-in-out infinite;
}


/* =====================================================
   ARROW ANIMATION
===================================================== */

@keyframes dsf-google-arrow {

  0%, 100% {
    transform: translateY(0);
    opacity: .55;
  }

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

}


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

@media (max-width: 600px) {

  .dsf-google-reviews-heading {
    padding: 22px 12px 9px;
  }

  .dsf-google-reviews-label {
    margin-bottom: 6px;

    font-size: 8px;
    letter-spacing: 1.8px;
  }

  .dsf-google-reviews-heading h2 {
    font-size: 25px;
    margin-bottom: 7px;
  }

  .dsf-google-reviews-heading p {
    max-width: 340px;

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

  .dsf-google-reviews-arrow {
    margin-top: 9px;
    font-size: 18px;
  }

}


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

@media (max-width: 360px) {

  .dsf-google-reviews-heading {
    padding: 19px 10px 7px;
  }

  .dsf-google-reviews-heading h2 {
    font-size: 23px;
  }

  .dsf-google-reviews-heading p {
    font-size: 10.5px;
  }

}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-2ed52cb *//* =====================================================
   DR. SKINFIX — ELEMENTOR VIDEO PLAYLIST
   FULL HEIGHT PLAYER
===================================================== */

#dsf-fullheight-video {
    width: 100% !important;
    max-width: 100% !important;
}


/* MAIN VIDEO PLAYER */
#dsf-fullheight-video .e-video-playlist__video-container,
#dsf-fullheight-video .e-video-playlist__player,
#dsf-fullheight-video .e-video-playlist__video {
    width: 100% !important;
    height: 620px !important;
    min-height: 620px !important;
}


/* VIDEO / IFRAME */
#dsf-fullheight-video video,
#dsf-fullheight-video iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 620px !important;
    object-fit: cover !important;
}


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

@media (max-width: 767px) {

    #dsf-fullheight-video {
        width: 100% !important;
    }

    #dsf-fullheight-video .e-video-playlist__video-container,
    #dsf-fullheight-video .e-video-playlist__player,
    #dsf-fullheight-video .e-video-playlist__video {
        width: 100% !important;
        height: 65vh !important;
        min-height: 430px !important;
    }

    #dsf-fullheight-video video,
    #dsf-fullheight-video iframe {
        width: 100% !important;
        height: 100% !important;
        min-height: 430px !important;
        object-fit: cover !important;
    }
}


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

@media (max-width: 480px) {

    #dsf-fullheight-video .e-video-playlist__video-container,
    #dsf-fullheight-video .e-video-playlist__player,
    #dsf-fullheight-video .e-video-playlist__video {
        height: 60vh !important;
        min-height: 360px !important;
    }

    #dsf-fullheight-video video,
    #dsf-fullheight-video iframe {
        min-height: 360px !important;
    }
}/* End custom CSS */