.section-lead {margin: 0 auto;color: #64727c;}
.fullwidthsection {padding: 3rem 5%;}
.fullwidthsection p {font-size: 18px;line-height: 1.8;color: var(--secondary-color);font-weight: 500;}
.fullwidthsection ul{margin: 10px 0px;padding-left: 22px;}
.fullwidthsection ul li {font-size: 18px;line-height: 1.8;color: var(--secondary-color);padding: 3px 0px;}
.fullwidthsection ol{margin: 10px 0px;padding-left: 22px;}
.fullwidthsection ol li {font-size: 18px;line-height: 1.8;color: var(--secondary-color);padding: 3px 0px;}
.greybg{background-color: #f4fbfb;}
.breadcrumbs{margin-bottom: 1rem;}
.breadcrumbs ol{justify-content: flex-start;}
/* Hero */
.laserhero {
  padding: 34px 0;
  background: linear-gradient(90deg, #cfdde6 0%, #cfdde6 53.8%, #c7d7e2 53.8%, #c7d7e2 100%);
}

.laserhero .container-fluid{padding: 3rem 5.5%;}

.laserherogrid {
  display: grid;
  grid-template-columns: 1fr 0.75fr;
  gap: 25px;
}
.laserherocopy {padding-right: 7rem;}
.laserherocopy h1 {
  font-size: 45px;
  line-height: 1.05;
  margin: 0 0 18px;
}
.marker {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #45C0AC;
  background: #fff;
  line-height: 1.4;
  font-size: 17px;
  font-weight: 600;
  color: #3cbba7 !important;
  margin: 10px 0 25px 0px;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.06);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.laserherocopy p:has(.marker) + p, .laserherocopy div:has(.marker) + p {
  max-width: 760px;
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 1.8;
  color: #647884;
  height: 180px;
  overflow: auto;
  padding-right: 10px;
}
.laserherocopy p:has(.marker) + p::-webkit-scrollbar-track,
.laserherocopy div:has(.marker) + p::-webkit-scrollbar-track,
.whygrid p::-webkit-scrollbar-track
{border-radius:5px;background-color:#fff}
.laserherocopy p:has(.marker) + p::-webkit-scrollbar,
.laserherocopy div:has(.marker) + p::-webkit-scrollbar,
.whygrid p::-webkit-scrollbar{width:5px;background-color:#fff}
.laserherocopy p:has(.marker) + p::-webkit-scrollbar-thumb,
.laserherocopy div:has(.marker) + p::-webkit-scrollbar-thumb,
.whygrid p::-webkit-scrollbar-thumb{border-radius:5px;box-shadow:inset 0 0 6px #0000004d;background-color: #5C7987;}

.laser-btn {
  display: inline-block;
  background: #45c0ac;
  color: #fff;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  text-decoration: none;
  box-shadow: 6px 6px 0 #7fd0c3;
}

.laser-hero-media {
  position: relative;
  height: 480px;
}

.face-card {
  position: absolute;
  overflow: hidden;
}

.face-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 10px;
  background: #E7F4FA;
}

.face-card-lg {
  width: 300px;
  height: 340px;
  left: 50px;
  top: 0;
  z-index: 9;
  border: 2px solid #45C0AC;
  border-radius: 0 0 170px 170px;
}

.face-card-sm {
  width: 300px;
  height: 340px;
  right: 10px;
  bottom: 10px;
  border: 2px solid #45C0AC;
   border-radius:170px 170px 0px 0px;
}

.face-label {
  position: absolute;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  background: #fff;
  padding: 5px 15px;
  font-size: 16px;
  font-family: var(--font-montserrat);
  color: var(--default-color);
}

/* Intro */
.laserintro {
  padding:3rem 5%;
}

.laser-intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.laser-intro-image {
  border: 1px solid #d6d6d6;
  background: #fff;
}

.laser-intro-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  filter: brightness(0.8);
}

.laser-intro-content p, .serviceinnerpage p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  margin: 0 0 16px 0px;
  color: var(--secondary-color);
}

.intro-points {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 25px;
}

.intro-points li {
  position: relative;
  padding-left: 20px;
}

.intro-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #45c0ac;
}

.intro-points strong {
  display: block;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 5px;
  color: var(--default-color);
}

.intro-points span {
  display: block;
  font-size: 17px;
  line-height: 1.6;
  color: var(--secondary-color);
}

/* Global List Styles for Dynamic Sections */
.item-content ul, .tab-text ul, .section-content ul, .section-top-content ul, .section-middle-content ul, .section-bottom-content ul,
.top-content ul, .middle-content ul, .bottom-content ul, .infotwoCol ul {
    list-style: none;
    padding: 0;
    margin: 15px 0;
}

.item-content ul li, .tab-text ul li, .section-content ul li, .section-top-content ul li, .section-middle-content ul li, .section-bottom-content ul li,
.top-content ul li, .middle-content ul li, .bottom-content ul li,.infotwoCol ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.6;
    color: var(--secondary-color);
}

.item-content ul li::before, .tab-text ul li::before, .section-content ul li::before, .section-top-content ul li::before, .section-middle-content ul li::before, .section-bottom-content ul li::before,
.top-content ul li::before, .middle-content ul li::before, .bottom-content ul li::before ,
.infotwoCol ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background-color: #45c0ac;
    border-radius: 50%;
}

.item-content ul li strong, .tab-text ul li strong {
    color: #3cbba7;
    font-weight: 700;
}

/* Benefits */
.laserbenefits {
  text-align: center;
  border-top: 1px solid #D0E0E7;
  padding: 3rem 5%;
}

.laserbenefits .section-lead {
  max-width: 980px;
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
}

.benefits-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 25px;}
.benefit-card {
  border: 1px solid #C5D8E0;
  background: #E7F4FA;
  min-height: 130px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 14px;
  /* overflow: hidden; */
  position: relative;
  transition: all 0.3s ease;
}
.benefit-card:hover{
  transform: translateY(-5px);
}

.benefit-icon {
  flex: 0 0 75px;
  height: 70px;
  border-radius: 0 34px 34px 0;
  background: #fff;
  left: -16px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: -5px 20px 30px 0px #0000001A;
}
.benefit-icon img{width: 30px; height: 30px;}
.icon-quick::before,
.icon-maintenance::before,
.icon-cost::before {
  border-radius: 4px;
}

.icon-discomfort::before,
.icon-precise::before {
  border-style: dashed;
}

.benefit-card .subheading {
  margin: 0;
  font-size:22px;
  line-height: 1.4;
  text-align: left;
}

.benefit-card .subheading span {
  display: block;
}

.benefitsgrid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 25px;}
.benefitcard {
  border: 1px solid #C5D8E0;
  background: #E7F4FA;
  min-height: 130px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 14px;
  /* overflow: hidden; */
  position: relative;
  transition: all 0.3s ease;
}
.benefitcard:hover{
  transform: translateY(-5px);
}

.benefiticon {
  flex: 0 0 75px;
  height: 70px;
  border-radius: 0 34px 34px 0;
  background: #fff;
  left: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: -5px 20px 30px 0px #0000001A;
}
.benefiticon img{width: 30px; height: 30px;}


.benefitcard .subheading {
  margin: 0;
  font-size:22px;
  line-height: 1.4;
  text-align: center;
}

.benefitcard .subheading span {
  display: block;
}

/* Highlight */
.laserhighlight {
  background: #f1f4f6;
}

.highlightgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  overflow: hidden;
}

.highlightcopy {
  padding: 4rem 5% 4rem 11%;
  background: #4cbcb1;
  color: #fff;
}

.highlightcopy .serviceheading {
  margin: 0 0 1rem 0px;
  font-size: 40px;
  font-family:var(--font-marcellus);
  line-height: 1.2;
  color: #fff;
}

.highlightcopy p {
  margin: 0 0 22px 0px;
  font-size:17px;
  line-height: 1.8;
  color: #fff;
  font-weight: 500;
}

.highlightcopy ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 34px;
}

.highlightcopy li {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
}

.highlightcopy li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}

.highlightmedia img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Process */
.laser-process,
.laser-cost,
.laser-why,
.laser-tech {
  text-align: center;
  background: #fff;
}

.laser-process {
  padding: 3rem 5%;
}

.process-lead,
.why-lead {
  max-width: 1040px;
  margin: 0 auto 34px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
}

.process-grid article {
  position: relative;
 background: #EBF9FF;
 border: 1px solid #C5D8E0;
  padding: 62px 20px 30px 20px;
  text-align: left;
  min-height: 220px;
  transition: all 0.3s ease;
}
.process-grid article:hover{
  transform: translateY(-5px);
}

.process-step {
  position: absolute;
  left: 20px;
  top: 0;
  background: #46c1ad;
  color: #fff;
  font-family: var(--font-montserrat);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 10px 20px;
  line-height: 1;
  text-transform: uppercase;
}

.process-grid .subheading {
  margin: 0;
  font-size: 22px;
  line-height: 1.45;
}

/* Cost */
.laser-cost {
  padding: 3rem 5%;
  border-top: 1px solid #D0E0E7;
}

.cost-lead {
  max-width: 900px;
  margin: 0 auto 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
}

.table-wrap {
  border: 1px solid #bfd2db;
  overflow-x: auto;
  background: #fff;
}

.laser-cost table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1060px;
}
.laser-cost td ul li{
  color: var(--default-color);
  margin-bottom: 0;
}
.laser-cost th,
.laser-cost td {
  border: 1px solid #bfd2db;
  padding: 14px 10px;
  font-size: 18px;
  line-height: 1.8;
  color: var(--default-color);
  text-align: center;
}

.laser-cost th {
  background: #EBF9FF;
  font-weight: 600;
}

.laser-cost td {
  background: #fff;
  vertical-align: top;
  text-align: left;
}

.laser-cost td:first-child,
.laser-cost th:first-child {
  text-align: left;
  font-weight: 600;
  padding-left: 16px;
  /* white-space: nowrap; */
}

.cost-note-title {
  margin: 30px 0 10px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
}

.cost-note-subtitle {
  margin: 0 0 14px;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
  color: var(--secondary-color);
}

.cost-factors {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  list-style: none; /* Changed from disc to none for custom styling */
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 40px;
  row-gap: 10px;
  text-align: left;
}

.cost-factors li {
  position: relative;
  padding-left: 25px;
  font-size: 18px;
  line-height: 1.45;
  color: var(--secondary-color);
}

.cost-factors li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #45c0ac;
  border-radius: 50%;
}

/* Why */
.laserwhy {
  background: #E7F4FA;
  padding: 3rem 4.5%;
}

.laserwhy h2{text-align: center;}
.laserwhy p{text-align: center;}


/* Carousel grid look */
.whygrid {
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
  padding-top: 40px;
  padding-bottom: 30px;
}

.whygrid-track {
  display: flex;
  gap: 20px;
  justify-content: flex-start;
  transition: transform 0.5s cubic-bezier(.77,0,.18,1);
  will-change: transform;
  padding-left: 6px; /* small offset so first card isn't flush to edge */
}


.whygrid article {
  background: #fff;
  border: 1px solid #C8D9E0;
  padding: 60px 40px 40px 40px;
  /* show 3 full slides + partial 4th -> each slide is 1/3.5 of container (~28.57%) */
  width: calc(100% / 3.5);
  flex: 0 0 calc(100% / 3.5);
  min-height: 128px;
  box-shadow: 0px 20px 30px 0px #C9DBE34D;
  transition: box-shadow 0.3s, transform 0.3s;
  border-radius: 4px;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.whygrid article:hover {
  transform: translateY(-5px);
  box-shadow: 0px 30px 40px 0px #C9DBE366;
}

.lhricon {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #C8D9E0;
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -50%);
  margin: 0px auto 1.5rem auto;
  background: #fff;
  box-shadow: 0px 10px 10px 0px #0000000D;
}

.lhricon img{width: 50px; height: 52px;}

.whygrid .subheading {
  line-height: 1.2;
  text-align: center;
  margin: 0 0 10px 0px;
  color: var(--default-color);
}

.whygrid p {
  font-size: 18px;
  line-height: 1.8;
  margin: 0;font-weight: 500;
  max-height: 300px;
  overflow-y: scroll;
  padding-right: 5px;
  color: var(--secondary-color);
}
.whygrid-dots{text-align: center; margin-top: 0px;}

/* Tech with slider */
.laser-tech {
  padding: 3rem 4.5%;
}

.tech-carousel {
  overflow: hidden;padding: 2px;
}

.tech-track {
  display: flex;
  transition: transform 0.55s ease;
}

.tech-slide {
  min-width: 100%;
}

.tech-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px; margin-top: 1rem;
  align-items: stretch;
}

.tech-card {
  background: #E7F4FA80;
  border: 1px solid #C8D9E0;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  min-height: 300px;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.tech-card::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -72px;
  width: 330px;
  height: 360px;
  border-radius: 240px 0px 0px 0px;
  background: linear-gradient(140.67deg, rgba(69, 192, 172, 0.5) 27.74%, #EFF8FC 62.33%);
  z-index: 0;
}

.tech-copy,
.tech-card img {
  position: relative;
  z-index: 1;
}

.tech-copy {
  width: 55%;
}

.tech-card .subheading {
  margin: 0;
  font-size: 30px;
  line-height: 1.35;
  color: var(--default-color);
}

.tech-copy p {
  margin: 7px 0 0;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
  color: var(--secondary-color);
}

.tech-card img {
  width: 237px;
  height: 300px;
  object-fit: contain;
  display: block;
}

.tech-indicators {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-top: 1.5rem;
}

.tech-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #c3ccd1;
  border: 0;
  padding: 0;
  cursor: pointer;
}

.tech-dot.is-active {
  background: #45c0ac;
}
.bg-sky{
  background-color: #f4fbfb !important;
}
.servicefaq{
  padding: 3rem 0;
  background-color: #f4fbfb;
}
.serviceinnerpage a:not(.viewdetailsbtn){
  color: #4ac1ae;
}
.serviceinnerpage a:not(.viewdetailsbtn):hover{
  color: #47e3cb;
}
.border-top{
  border-top: 1px solid #ddd;
}
.costfactors-card .subheading{
  text-align: left;
}
.laser-cost table{
  margin-bottom: 2rem;
}
.laser-cost ul {
  text-align: left;
  column-count: 2;
}
.laser-cost td ul {
  column-count: unset;
  margin: 0;
}
h3.serviceheading{
  font-size: 28px;
}
.faqitem h3.faqquestion{
  font-size: 24px;
}
.infotwoCol.bg-fifty{
  background: linear-gradient(
    to right, #45C0AC 50%, #2d2d2d 50%
  );
}
.infotwoCol.bg-fifty .serviceheading, .infotwoCol.bg-fifty .content p, .infotwoCol.bg-fifty .content li{
  color: #fff;
}
.infotwoCol.bg-fifty .col-lg-6.col-12:nth-of-type(1){
  padding-right: 5%;
}
.infotwoCol.bg-fifty .col-lg-6.col-12:nth-of-type(1) ul li::before{
  background-color: #fff;
}
.infotwoCol.bg-fifty .col-lg-6.col-12:nth-of-type(2){
  padding-left: 5%;
}
.step-none .process-step{
  display: none;
}
.step-none .process-grid article{
  min-height: auto;
  padding: 20px 20px 15px 20px;
}
.bg-sky .vampirecomparecard{
  background-color: #fff;
}
.padding-bottom-none{
  padding-bottom: 0;
}
.infotwoCol.padding-top-none{
padding-top: 0;
}
.right_img_hero img{
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .tech-slide { min-width: 100%; }

}

/* Skin Concerns Section */
.skinconcerns {
  padding: 3rem 5%;
  background: #fff;
  text-align: center;
}

.skinconcerns .serviceheading {
  margin: 0 0 12px;
}

.skinconcerns-lead {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
  max-width: 600px;
  margin: 0 auto 30px;
}

.skinconcerns-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}

/* All cards — base style, no border by default */
.skinconcerns-card {
  background: #e8f4f8;
  padding: 20px 16px;
  text-align: left;
  border: 1px solid #d0e4ea;
  position: relative;
}

/* Odd cards (1st, 3rd, 5th) — teal border on TOP only */
.skinconcerns-card:nth-child(odd) {
  border-top: 3px solid #45c0ac;
  border-bottom: 1px solid #d0e4ea;
}

/* Even cards (2nd, 4th, 6th) — teal border on BOTTOM only */
.skinconcerns-card:nth-child(even) {
  border-bottom: 3px solid #45c0ac;
  border-top: 1px solid #d0e4ea;
}

.skinconcerns-card p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--default-color);
}

.skinconcerns-footnote {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
  margin: 20px auto 0;
  max-width: 560px;
}

/* FAQ */
.laserfaq {
  background: #f4fbfb;
  padding: 3rem 0px;
}

.laserfaq .container-fluid {
  max-width: 1060px;
}

.laserfaq .serviceheading {margin: 0 0 22px 0px;text-align: center;line-height: 1.14;}

.faqlist {
  display: grid;
  gap: 11px;
}

.faqitem {
  border: 1px solid #C5D8E0;
  background: #fff;
  transition: border-color 0.28s ease, background-color 0.28s ease;
}

.faqtrigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 20px 25px;
  cursor: pointer;
  font-family: var(--font-montserrat);
  font-size: 19px;
  margin-bottom: 0px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--default-color);
}

.faqicon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  background: #e8f4f8;
  color: #45c0ac;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.isopen .faqicon {
  background: #45c0ac;
  color: #fff;
  transform: rotate(180deg);
}

.faqpanel {
  padding: 0 25px 20px 25px;
  background: #fff;
}

.faqanswer {
  font-family: var(--font-montserrat);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
  border-top: 1px solid #eee;
  padding-top: 15px;
}

.faqitem.isopen {
  border: 1px solid #45C0AC;
  background: #fff;
}

/* Info Two Column Section */
.infotwoCol {
background: #E7F4FA;
  padding: 3rem 5%;
}

.infotwoColgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 60px;
}

.infotwoColitem .serviceheading {
  font-size: 40px;
  line-height: 1.2;
  margin: 0 0 16px;
}

.infotwoColitem p {
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
  color: var(--secondary-color);
  margin: 0 0 14px;
}

.infotwoColitem p:last-child {
  margin-bottom: 0;
}

.videosection{padding: 3rem 5%; background: #fff;}
.videosection .serviceheading{text-align: center;margin-bottom: 12px;}
.maincontainer {display: flex;gap:2rem;justify-content: center;}
.hvideocolumn{padding: 0;position: relative;width: 100%;}
.hvideocolumn p{margin-top: 10px;text-align: center;font-size: 18px;font-weight: 500;color: var(--secondary-color);}
.hvideoimg{margin-top: 0px;position: relative;width: 100%;}
.hvideoimg img {border: #ddd 1px solid;padding: 5px;object-fit: cover;}
.hvideocolumn .whitebutton{position: absolute;left: 50%;top:45%;transform: translate(-50%, -50%);cursor: pointer;}
.hvideocolumn .whitebutton img{width: 90%;height: 100%;}
.videotop{text-align: center; margin-top: 1rem;}
.viewallbutton {
  background-color: transparent;
  color: var(--secondary-color); font-size: 16px;
  padding: 9px 1.5rem;
  border: #a9a9a9 1px solid;
  display: inline-block;width: auto;
  align-items: center;
  gap: 0rem;cursor: pointer;
  transition: 0.3s;text-decoration: none;
}
.viewallbutton:hover {
  background-color:var(--cyan-color);
  color: #fff;
  border: var(--cyan-color) 1px solid;
}


/* Ideal Candidate Section */
.idealcandidate {
  padding: 3rem 5%;
  background: #fff;
  border-top: 1px solid #ddd;
}

.idealcandidate-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: flex-start;
}

.idealcandidate-left .serviceheading {
  font-size: 40px;
  line-height: 1.2;
  margin: 0 0 12px;
}

.idealcandidate-lead {
  font-size: 18px;
  font-weight: 500;
  color: var(--secondary-color);
  margin: 0 0 16px;
  line-height: 1.6;
}

.idealcandidate-list {
  list-style: none;
  padding: 0;
  margin: 30px 0 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.idealcandidate-list li {
  background: #eef8fb;
  border-left: 4px solid #45C0AC;
  padding: 16px 18px;
  font-size: 18px;
  font-weight: 500;
  color: var(--default-color);
  line-height: 1.8;
}

.idealcandidate-note {
  font-size: 18px;
  font-weight: 500;
  color: var(--secondary-color);
  line-height: 1.8;
  margin: 0;
}

.idealcandidate-right{
  height: 100%;
}
.idealcandidate-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* Vampire Facelift - Comparison Section */
.vampirecompare {
  padding: 3rem 5%;
  border-top: 1px solid #ddd;
  text-align: center;
  background: #fff;
}

.vampirecompare .serviceheading {
  margin-bottom: 10px;
}

.vampirecomparelead {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
  max-width: 65%;
  margin: 0 auto 30px;
}

.vampirecomparegrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-bottom: 30px;
}

.vampirecomparecard {
  background: #eef8fb;
  padding: 30px 20px;
  min-height: 150px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  transition: box-shadow 0.22s ease, transform 0.22s ease;
  cursor: pointer;
  border: none;
}

/* Odd cards (1st, 3rd, 5th) — teal border on TOP */
.vampirecomparecard:nth-child(odd) {
  border-top: 3px solid #45C0AC;
  border-bottom: 1px solid #d6eef0;
}

/* Even cards (2nd, 4th, 6th) — teal border on BOTTOM */
.vampirecomparecard:nth-child(even) {
  border-bottom: 3px solid #45C0AC;
  border-top: 1px solid #d6eef0;
}

.vampirecomparecard:hover { transform: translateY(-4px); box-shadow: 0 20px 30px rgba(0,0,0,0.08); }

.vampirecomparecard p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: #1e1e1e;
}

.vampirecomparenote {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
  max-width: 65%;
  margin: 0 auto;
}

/* Vampire Facelift - concerns cards */
.vampireconcerns {
  padding: 3rem 5%;
  text-align: center;
  background: #fff;
}
.vampireconcerns .container-fluid {margin: 0 auto; }
.vampireconcerns .serviceheading {margin-bottom: 8px;}
.section-lead {margin: 0 auto 20px;color: var(--secondary-color);font-weight:500;max-width: 62%;
  font-size: 18px;}
.concernsgrid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 15px;
  margin: 2.5rem 0px;
  align-items: stretch;
}
.concerncard {
  background: #eef8fb;
  border: 1px solid #d6eef0;
  padding: 30px 20px;
  min-height: 160px;
  display: flex;
  font-size: 18px;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  color: #1e1e1e;
  position: relative;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

/* Odd cards (1st, 3rd, 5th) — teal border on TOP */
.concerncard:nth-child(odd) {
  border-top: 3px solid #45C0AC;
  border-bottom: 1px solid #d6eef0;
}

/* Even cards (2nd, 4th, 6th) — teal border on BOTTOM */
.concerncard:nth-child(even) {
  border-bottom: 3px solid #45C0AC;
  border-top: 1px solid #d6eef0;
}

.concerncard:hover { transform: translateY(-4px); box-shadow: 0 20px 30px rgba(0,0,0,0.08); }
.concernsnote { margin-top: 18px; color: var(--secondary-color); font-weight:500; font-size: 18px; }


/* Vampire Facelift Cost Section */
.vampirecost {
  padding: 3rem 5%;
  background: #e8f4f8;
}

.vampirecost-box {
  background: #fff;
  padding: 40px 50px;
  text-align: center;
  max-width: 88%;
  margin: 0 auto;
}

.vampirecost-box .serviceheading {
  margin: 0 0 14px;
}

.vampirecost-lead {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
  max-width: 100%;
  margin: 0 auto 20px;
}

.vampirecost-overview {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: var(--default-color);
  margin: 0 0 12px;
  text-transform: uppercase;
}

.vampirecost-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1px solid #c5dde6;
  margin-bottom: 16px;
}

.vampirecost-item {
  padding: 16px 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--default-color);
  text-align: left;
}

.vampirecost-item strong {
  color: #45C0AC;
  font-weight: 600;
}

.vampirecost-item--light {
  background: #E7F4FA;
  border-right: 1px solid #C8D9E0;
}

.vampirecost-item--dark {
  background: #E7F4FA;
}

.vampirecost-note {
  font-size: 18px;
  font-weight: 500;
  color: var(--secondary-color);
  margin: 0;
  font-style: italic;
}

/* Why Expensive Section */
.vampireexpensive {
  padding: 3rem 5%;
  background: #fff;
  text-align: center;
}

.vampireexpensive .serviceheading {
  margin: 0 0 18px;
}

.vampireexpensive-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
  max-width: 65%;
  margin: 0 auto 20px;
}

.vampireexpensive-text:last-child {
  margin-bottom: 0;
}

.vampireexpensive-link {
  color: #45C0AC;
  text-decoration: none;
  font-weight: 500;
}

.vampireexpensive-link:hover {
  text-decoration: underline;
}

/* Split Banner Section */
.vampiresplitbanner {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.vampiresplitbanner-left {
  background: #45C0AC;
  padding: 4rem 10%;
}

.vampiresplitbanner-right {
  background: #2d2d2d;
  padding: 4rem 10%;
}

.vampiresplitbanner-left h2,
.vampiresplitbanner-right h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #fff;
  margin: 0 0 24px;
  font-family: var(--font-marcellus);
}

.vampiresplitbanner-left p,
.vampiresplitbanner-right p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  color: #fff;
  margin: 0;
}

/* Why Choose Dr. Section */
.whychoosedr {
  background: #fff;
  padding: 3rem 5%;
}

.whychoosedr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.whychoosedr-image {
  overflow: hidden;
}

.whychoosedr-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.whychoosedr-content {
  padding: 3rem 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.whychoosedr-content .serviceheading {
  font-size: 40px;
  line-height: 1.2;
  margin: 0 0 22px;
}

.whychoosedr-list {
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.whychoosedr-list li {
  position: relative;
  padding-left: 22px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--default-color);
}

.whychoosedr-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #45C0AC;
}

.whychoosedr-note {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: var(--secondary-color);
  margin: 0;
}

/* Cost Factors Section */
.costfactors {
  padding: 3rem 5%;
  background: #fff;
  border-top: 1px solid #ddd;
}

.costfactors-grid {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 50px;
  align-items: center;
}

.costfactors-left .serviceheading {
  font-size: 40px;
  line-height: 1.2;
  margin: 0;
}

.costfactors-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.costfactors-card {
  background: #eef8fb;
  border: 1px solid #d6eef0;
  padding: 18px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 80px;
}

.costfactors-icon {
  flex: 0 0 32px;
  height: 32px;
  background: #45C0AC;
  color: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.costfactors-card p {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--default-color);
}
.crvideobtns {position: absolute;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%);}
.crvideobtns {position: absolute;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%);}
.crvideobtns .circle {
color: #fff;
position: relative;
z-index: 2;
height: 54px;
line-height: 20px;
width: 54px;cursor: pointer;
font-size: 24px;
border-radius: 100%;
background: var(--cyan-color);
display: flex;outline: 0;
align-items: center;justify-content: center;
padding: 0px;
transition: all 0.4s ease-in-out 0s;
}
.crvideobtns .circle img{text-align: center;outline: 0;border: 0px;width: auto;}
.crvideobtns::before,
.crvideobtns::after {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 100%;
background: rgba(69, 192, 172, 0.6);
z-index: -1;outline: 0;
animation: crZoomInOutInvisible 1s ease-in-out infinite backwards;
}
@-webkit-keyframes crZoomInOutInvisible {
0% {
transform: scale(1);
opacity: 1;
}

100% {
transform: scale(1.6);
opacity: 0;
}
}

@keyframes crZoomInOutInvisible {
0% {
transform: scale(1);
opacity: 1;
}

100% {
transform: scale(1.6);
opacity: 0;
}
}

/* Responsive */
/* Start of Mini Desktop Screen */
@media screen and (max-width: 1400.98px) and (min-width:1301px) {
  h3.serviceheading{
  font-size: 24px;
}
.laserhero {padding:3rem 0;}
.laserhero .container-fluid {padding: 0rem 5%;}
.laserherocopy{padding-right: 0rem;}
.laserherogrid {grid-template-columns: 1fr 1fr;gap: 15px;}
.laser-hero-media {height: 380px; margin: 0 auto;width: 78%;}
.laser-hero {padding: 18px 0;}
.marker {padding: 12px 12px;line-height: 1.4;font-size: 16px;margin: 5px 0 10px 0px;}
.laserherocopy h1 {font-size: 35px;margin: 0 0 15px 0px;}
.viewdetailsbtn {padding: 10px 20px;font-size: 15px;letter-spacing: 3%;}
.hero-subtitle {
font-size: 20px;
border-width: 2px;
}
.face-card {
padding: 0px;
border-width: 2px;
}

.face-card-lg {
width: 235px;
height: 265px;
left: 50px;
}

.face-card-sm {
width: 235px;
height: 265px;
right: -20px;
}
.face-card img {
width: 100%;
height: auto;
padding: 5px;
}
.face-label {
font-size: 12px;
padding: 2px 6px;
bottom: 20px;
}
.laserherocopy div:has(.marker) + p, .laserherocopy p:has(.marker) + p{max-width: 100%;margin: 0 0 10px 0px;font-size: 16px;line-height: 1.6;height: 140px;padding-right: 5px;}
.laser-intro-grid,
.highlight-grid,
.process-grid,
.why-grid {grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:20px;}
.serviceheading {font-size:35px;margin-bottom: 10px;}
.laserintro{padding: 3rem 4%;}
.laser-intro-content p, .serviceinnerpage p {font-size: 16px;line-height: 1.6;margin: 0 0 15px 0px;}
.laser-intro-grid{grid-template-columns:1fr 1fr}
.intro-points,
.benefits-grid,
.highlight-copy ul,
.tech-grid {grid-template-columns:1fr 1fr;gap: 10px 0px;}
.intro-points span {font-size: 16px;line-height: 1.6;}
.intro-points li::before {top: 5px;width: 8px;height: 8px;}
.intro-points strong {font-size: 16px;margin-bottom: 3px;}
.laser-benefits .section-lead,
.process-lead,
.why-lead,
.cost-lead {font-size: 11px;}
.infotwoCol {padding: 3rem 5%;}
.infotwoColgrid {grid-template-columns:1fr 1fr;gap: 30px;}
.infotwoColitem .serviceheading {font-size: 35px;margin: 0 0 12px 0px;}
.infotwoColitem p {font-size: 16px;line-height: 1.6;margin: 0 0 12px 0px;}
.concernsgrid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;margin: 2rem 0px;}
.concerncard {padding: 12px 12px;min-height: 120px;font-size: 16px;justify-content: center;}
.concernsnote {margin-top: 15px;font-size: 16px;}
.vampireconcerns{padding: 3rem 5%;}
.vampirecompare {padding: 3rem 5%;}
.vampirecomparelead {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 22px auto;}
.vampirecomparegrid {grid-template-columns: repeat(4, 1fr);gap: 20px;margin-bottom: 22px;}
.vampirecomparecard {padding: 20px;min-height: 90px;}
.vampirecomparenote {font-size: 16px;line-height: 1.6;max-width: 100%;}
.vampirecost {padding: 3rem 1%;}
.vampirecost-box {padding:30px 30px;max-width: 84%;}
.vampirecost-box .serviceheading {margin: 0 0 10px 0px;}
.vampirecost-lead {font-size: 16px;line-height: 1.6;margin: 0 auto 15px auto;}
.vampirecost-grid {grid-template-columns:1fr 1fr; margin-bottom: 20px;}
.vampirecost-item {padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.vampirecost-note {font-size: 16px;line-height: 1.6;}
.vampireexpensive {padding: 3rem 5%;}
.vampireexpensive .serviceheading {margin: 0 0 10px 0px;}
.vampireexpensive-text {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampiresplitbanner {display: grid;grid-template-columns:1fr 1fr;}
.vampiresplitbanner-left h2, .vampiresplitbanner-right h2 {font-size: 35px;margin: 0 0 12px;}
.vampiresplitbanner-left {padding: 3rem 9%;}
.vampiresplitbanner-left p, .vampiresplitbanner-right p {font-size: 16px;line-height: 1.6;}
.vampiresplitbanner-right {padding: 3rem 9%;}
.whychoosedr {padding: 3rem 5%;}
.whychoosedr-grid {grid-template-columns:1fr 1fr;gap: 30px;}
.whychoosedr-content {padding: 2rem 0% 0rem 0%;}
.whychoosedr-content .serviceheading {font-size: 35px;line-height: 1.3;margin: 0 0 15px;}
.whychoosedr-list {margin: 0 0 15px;gap: 10px;}
.whychoosedr-list li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.whychoosedr-note {font-size: 16px;line-height: 1.6;}
.section-lead {margin: 0 auto 25px 0px;max-width: 100%;font-size: 16px;}
.benefit-card {
min-height: 96px;
gap: 12px;
}
.skinconcerns-grid {
grid-template-columns: repeat(2, 1fr);
}
.laserbenefits {padding: 3rem 5%;}
.laserbenefits .section-lead {max-width: 100%;margin-bottom: 25px;font-size: 16px;line-height: 1.6;}
.benefit-icon {
flex-basis: 45px;
height: 45px;
left: -13px;
}
.benefit-icon img {width: 20px;height: 20px;}

.benefit-card h3 {
font-size: 16px;
}

.highlightcopy {padding: 3rem 3rem 3rem 3rem;}
.highlight-copy {
padding: 20px;
}
.highlightcopy .serviceheading {margin: 0 0 10px 0px;font-size: 35px;}
.highlight-copy h2 {font-size: 35px;}
.highlightcopy p {margin: 0 0 22px 0px;font-size: 16px;line-height: 1.6;}
.highlight-copy p,
.highlight-copy li {
font-size: 15px;
}
.highlight-copy ul {
gap: 10px 18px;
}

.highlight-copy li::before {
top: 6px;
width: 5px;
height: 5px;
}
.laser-process h2,
.laser-cost h2,
.laser-why h2,
.laser-tech h2 {font-size: 35px;}
.process-grid article {min-height: 110px;padding: 38px 20px 20px;}
.process-grid .subheading {font-size: 18px;}
.process-grid h3 {font-size: 13px; }
ul.cost-factors{margin-left: 18px;}
.process-step {font-size: 12px;padding: 8px 16px;left: 20px;}
.fullwidthsection {padding: 3rem 5%;}
.fullwidthsection p {font-size: 16px;line-height: 1.6;}
.fullwidthsection ul {margin: 10px 0px;padding-left: 18px;}
.fullwidthsection ul li {font-size: 16px;line-height: 1.6;padding: 2px 0 2px 15px;}
.laser-cost {padding: 3rem 5%;}
.laser-cost table {min-width: 100%;}
.laser-cost th,
.laser-cost td {font-size: 16px;padding: 8px 10px;}
.costfactors{padding:3rem 5%;}
.costfactors-left .serviceheading{font-size: 35px;}
.costfactors-grid {grid-template-columns:1fr 1fr;gap: 20px;}
.costfactors-cards {grid-template-columns:1fr 1fr;gap: 15px;}
.costfactors-card {padding: 12px 12px;gap: 5px;min-height: 80px;}
.costfactors-card p {font-size: 16px;}
.highlightcopy ul {grid-template-columns: 1fr 1fr;gap: 15px 0px;}
.highlightcopy li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.highlightcopy li::before {top: 8px;}
.cost-note-title {font-size: 16px; margin-top: 25px;}
.cost-note-subtitle {font-size: 16px;}
.cost-factors li {font-size: 16px;}
.laser-process {padding: 3rem 5%;}
.idealcandidate {padding: 3rem 5%;}
.idealcandidate-grid {gap: 40px;}
.idealcandidate-left .serviceheading {font-size: 35px;}
.idealcandidate-lead {font-size: 16px;}
.idealcandidate-list {margin: 10px 0 10px 0px;gap: 10px;}
.idealcandidate-list li {border-left: 2px solid #45C0AC;padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.idealcandidate-note {font-size: 16px;line-height: 1.6;}
.why-grid article {min-height: 116px;}
.benefitsgrid {grid-template-columns: repeat(4, minmax(0, 1fr));gap: 25px;}
.benefitcard {min-height: 80px;gap: 10px;padding-right: 8px;}
.benefiticon {flex: 0 0 45px;height: 45px;}
.benefiticon img {width: 20px;height: 20px;}
.benefitcard .subheading {font-size: 18px;line-height: 1.6;}
.benefitcard .subheading span{ display: inline-block;}
.laserwhy {padding: 3rem 5%;}
.vampirecomparecard p {font-size: 16px;}
.whygrid article {
padding: 50px 15px 15px 15px;
width: calc(33% / 1.1) !important;
flex: 0 0 calc(33% / 1.1) !important;
min-height: 140px ;
}
.whygrid-track {gap: 20px; padding-left: 2px;}
.whygrid p {font-size: 16px;line-height: 1.6;}
.whygrid .subheading{font-size: 20px;line-height: 1.6; margin-bottom: 5px;}
.laser-tech {padding: 3rem 5%;}
.tech-card {padding: 32px;gap: 20px;align-items: flex-start;min-height: 100%;}
.tech-card::after {right: -80px;bottom: -10px;width: 260px;height: 220px;}
.tech-card .subheading {font-size: 30px;line-height: 1.35;}
.tech-carousel { padding: 15px 32px; }
.tech-track { display: flex; gap: 20px !important; will-change: transform; touch-action: pan-y; }
.tech-track.is-dragging { cursor: grabbing; }
.tech-slide { flex: 0 0 48%; min-width: 50%; box-sizing: border-box; }
.tech-copy { width: 68%; }
.tech-indicators { margin-top: 1.4rem; }
.tech-card img {width: 180px;height: 180px;}
.tech-copy p {display: block;font-size: 16px;line-height: 1.6;}
.laserfaq {padding: 2rem 0px;}
.laserfaq h2 {font-size:35px;margin-bottom: 12px;}
.faqtrigger {padding: 12px 12px 12px 12px;font-size: 16px;}
.faqpanel {padding: 0 11px 11px;}
.faqpanel p {font-size: 16px;line-height: 1.6;}
.videosection {padding: 3rem 5%;}
.hvideocolumn p {margin-top: 10px;font-size: 16px;line-height: 1.6;}
.videotop {margin-top: 10px;}
.maincontainer {gap: 15px;}
}

/* Start of Mini Desktop Screen */
@media screen and (max-width: 1300.98px) and (min-width:1201px) {
  h3.serviceheading{
  font-size: 22px;
}
.laserhero {padding:3rem 0;}
.laserhero .container-fluid {padding: 0rem 5%;}
.laserherocopy{padding-right: 0rem;}
.laserherogrid {grid-template-columns: 1fr 1fr;gap: 15px;}
.laser-hero-media {height: 380px; margin: 0 auto;width: 78%;}
.laser-hero {padding: 18px 0;}
.marker {padding: 12px 12px;line-height: 1.4;font-size: 16px;margin: 5px 0 10px 0px;}
.laserherocopy h1 {font-size: 35px;margin: 0 0 15px 0px;}
.viewdetailsbtn {padding: 10px 20px;font-size: 15px;letter-spacing: 3%;}
.hero-subtitle {
font-size: 20px;
border-width: 2px;
}
.face-card {
padding: 0px;
border-width: 2px;
}

.face-card-lg {
width: 235px;
height: 265px;
left: 50px;
}

.face-card-sm {
width: 235px;
height: 265px;
right: -20px;
}
.face-card img {
width: 100%;
height: auto;
padding: 5px;
}
.face-label {
font-size: 12px;
padding: 2px 6px;
bottom: 20px;
}
.laserherocopy div:has(.marker) + p, .laserherocopy p:has(.marker) + p {max-width: 100%;margin: 0 0 10px 0px;font-size: 16px;line-height: 1.6;height: 140px;padding-right: 5px;}
.laser-intro-grid,
.highlight-grid,
.process-grid,
.why-grid {grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:20px;}
.serviceheading {font-size:35px;margin-bottom: 10px;}
.laserintro{padding: 3rem 4%;}
.laser-intro-content p, .serviceinnerpage p  {font-size: 16px;line-height: 1.6;margin: 0 0 15px 0px;}
.laser-intro-grid{grid-template-columns:1fr 1fr}
.intro-points,
.benefits-grid,
.highlight-copy ul,
.tech-grid {grid-template-columns:1fr 1fr;gap: 10px 0px;}
.intro-points span {font-size: 16px;line-height: 1.6;}
.intro-points li::before {top: 5px;width: 8px;height: 8px;}
.intro-points strong {font-size: 16px;margin-bottom: 3px;}
.laser-benefits .section-lead,
.process-lead,
.why-lead,
.cost-lead {font-size: 11px;}
.infotwoCol {padding: 3rem 5%;}
.infotwoColgrid {grid-template-columns:1fr 1fr;gap: 20px;}
.infotwoColitem .serviceheading {font-size: 35px;margin: 0 0 12px 0px;}
.infotwoColitem p {font-size: 16px;line-height: 1.6;margin: 0 0 12px 0px;}
.concernsgrid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;margin: 2rem 0px;}
.concerncard {padding: 12px 12px;min-height: 80px;font-size: 16px;justify-content: center;}
.concernsnote {margin-top: 15px;font-size: 16px;}
.vampireconcerns{padding: 3rem 5%;}
.vampirecompare {padding: 3rem 5%;}
.vampirecomparelead {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 22px auto;}
.vampirecomparegrid {grid-template-columns: repeat(4, 1fr);gap: 10px;margin-bottom: 22px;}
.vampirecomparecard {padding: 12px 12px;min-height: 90px;}
.vampirecomparenote {font-size: 16px;line-height: 1.6;max-width: 100%;}
.vampirecost {padding: 3rem 1%;}
.vampirecost-box {padding:30px 30px;max-width: 84%;}
.vampirecost-box .serviceheading {margin: 0 0 10px 0px;}
.vampirecost-lead {font-size: 16px;line-height: 1.6;margin: 0 auto 15px auto;}
.vampirecost-grid {grid-template-columns:1fr 1fr; margin-bottom: 20px;}
.vampirecost-item {padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.vampirecost-note {font-size: 16px;line-height: 1.6;}
.vampireexpensive {padding: 3rem 5%;}
.vampireexpensive .serviceheading {margin: 0 0 10px 0px;}
.vampireexpensive-text {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampiresplitbanner {display: grid;grid-template-columns:1fr 1fr;}
.vampiresplitbanner-left h2, .vampiresplitbanner-right h2 {font-size: 35px;margin: 0 0 12px;}
.vampiresplitbanner-left {padding: 3rem 9%;}
.vampiresplitbanner-left p, .vampiresplitbanner-right p {font-size: 16px;line-height: 1.6;}
.vampiresplitbanner-right {padding: 3rem 9%;}
.whychoosedr {padding: 3rem 5%;}
.whychoosedr-grid {grid-template-columns:1fr 1fr;gap: 30px;}
.whychoosedr-content {padding: 2rem 0% 0rem 0%;}
.whychoosedr-content .serviceheading {font-size: 35px;line-height: 1.3;margin: 0 0 15px;}
.whychoosedr-list {margin: 0 0 15px;gap: 10px;}
.whychoosedr-list li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.whychoosedr-note {font-size: 16px;line-height: 1.6;}
.section-lead {margin: 0 auto 25px 0px;max-width: 100%;font-size: 16px;}
.benefit-card {
min-height: 96px;
gap: 12px;
}
.skinconcerns-grid {
grid-template-columns: repeat(2, 1fr);
}
.laserbenefits {padding: 3rem 5%;}
.laserbenefits .section-lead {max-width: 100%;margin-bottom: 25px;font-size: 16px;line-height: 1.6;}
.benefit-icon {
flex-basis: 45px;
height: 45px;
left: -13px;
}
.benefit-icon img {width: 20px;height: 20px;}

.benefit-card h3 {
font-size: 16px;
}

.highlightcopy {padding: 3rem 3rem 3rem 3rem;}
.highlight-copy {
padding: 20px;
}
.highlightcopy .serviceheading {margin: 0 0 10px 0px;font-size: 35px;}
.highlight-copy h2 {font-size: 35px;}
.highlightcopy p {margin: 0 0 22px 0px;font-size: 16px;line-height: 1.6;}
.highlight-copy p,
.highlight-copy li {
font-size: 15px;
}
.highlight-copy ul {
gap: 10px 18px;
}

.highlight-copy li::before {
top: 6px;
width: 5px;
height: 5px;
}
.laser-process h2,
.laser-cost h2,
.laser-why h2,
.laser-tech h2 {font-size: 35px;}
.process-grid article {min-height: 110px;padding: 38px 20px 20px;}
.process-grid .subheading {font-size: 18px;}
.process-grid h3 {font-size: 13px; }
ul.cost-factors{margin-left: 18px;}
.process-step {font-size: 12px;padding: 8px 16px;left: 20px;}
.fullwidthsection {padding: 3rem 5%;}
.fullwidthsection p {font-size: 16px;line-height: 1.6;}
.fullwidthsection ul {margin: 10px 0px;padding-left: 18px;}
.fullwidthsection ul li {font-size: 16px;line-height: 1.6;padding: 2px 0 2px 15px;}
.laser-cost {padding: 3rem 5%;}
.laser-cost table {min-width: 100%;}
.laser-cost th,
.laser-cost td {font-size: 16px;padding: 8px 10px;}
.costfactors{padding:3rem 5%;}
.costfactors-left .serviceheading{font-size: 35px;}
.costfactors-grid {grid-template-columns:1fr 1fr;gap: 20px;}
.costfactors-cards {grid-template-columns:1fr 1fr;gap: 15px;}
.costfactors-card {padding: 12px 12px;gap: 5px;min-height: 80px;}
.costfactors-card p {font-size: 16px;}
.highlightcopy ul {grid-template-columns: 1fr 1fr;gap: 15px 0px;}
.highlightcopy li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.highlightcopy li::before {top: 8px;}
.cost-note-title {font-size: 16px; margin-top: 25px;}
.cost-note-subtitle {font-size: 16px;}
.cost-factors li {font-size: 16px;}
.laser-process {padding: 3rem 5%;}
.idealcandidate {padding: 3rem 5%;}
.idealcandidate-grid {gap: 25px;}
.idealcandidate-left .serviceheading {font-size: 35px;}
.idealcandidate-lead {font-size: 16px;}
.idealcandidate-list {margin: 10px 0 10px 0px;gap: 10px;}
.idealcandidate-list li {border-left: 2px solid #45C0AC;padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.idealcandidate-note {font-size: 16px;line-height: 1.6;}
.why-grid article {min-height: 116px;}
.benefitsgrid {grid-template-columns: repeat(4, minmax(0, 1fr));gap: 25px;}
.benefitcard {min-height: 80px;gap: 10px;padding-right: 8px;}
.benefiticon {flex: 0 0 45px;height: 45px;}
.benefiticon img {width: 20px;height: 20px;}
.benefitcard .subheading {font-size: 18px;line-height: 1.6;}
.benefitcard .subheading span{ display: inline-block;}
.laserwhy {padding: 3rem 5%;}
.vampirecomparecard p {font-size: 16px;}
.whygrid article {
padding: 50px 15px 15px 15px;
width: calc(33% / 1.1) !important;
flex: 0 0 calc(33% / 1.1) !important;
min-height: 128px ;
}
.whygrid-track {gap: 10px; padding-left: 2px;}
.whygrid p {font-size: 16px;line-height: 1.6;}
.whygrid .subheading{font-size: 18px;line-height: 1.6; margin-bottom: 5px;}
.laser-tech {padding: 3rem 5%;}
.tech-card {padding: 32px;gap: 20px;align-items: flex-start;min-height: 100%;}
.tech-card::after {right: -80px;bottom: -10px;width: 260px;height: 220px;}
.tech-card .subheading {font-size: 30px;line-height: 1.35;}
.tech-carousel { padding: 15px 32px; }
.tech-track { display: flex; gap: 20px !important; will-change: transform; touch-action: pan-y; }
.tech-track.is-dragging { cursor: grabbing; }
.tech-slide { flex: 0 0 48%; min-width: 50%; box-sizing: border-box; }
.tech-copy { width: 68%; }
.tech-indicators { margin-top: 1.4rem; }
.tech-card img {width: 180px;height: 180px;}
.tech-copy p {display: block;font-size: 16px;line-height: 1.6;}
.laserfaq {padding: 2rem 0px;}
.laserfaq h2 {font-size:35px;margin-bottom: 12px;}
.faqtrigger {padding: 12px 12px 12px 12px;font-size: 16px;}
.faqpanel {padding: 0 11px 11px;}
.faqpanel p {font-size: 16px;line-height: 1.6;}
.videosection {padding: 3rem 5%;}
.hvideocolumn p {margin-top: 10px;font-size: 16px;line-height: 1.6;}
.videotop {margin-top: 10px;}
.maincontainer {gap: 15px;}
}

/* Start of Mini Desktop Screen */
@media screen and (max-width: 1200.98px) and (min-width:1101px) {
  h3.serviceheading{
  font-size: 24px;
}
.laserhero {padding:3rem 0;}
.laserhero .container-fluid {padding: 0rem 3%;}
.laserherocopy{padding-right: 0rem;}
.laserherogrid {grid-template-columns: 1fr 1fr;gap: 15px;}
.laser-hero-media {height: 380px; margin: 0 auto;width: 90%;}
.laser-hero {padding: 18px 0;}
.marker {padding: 12px 12px;line-height: 1.4;font-size: 16px;margin: 5px 0 10px 0px;}
.laserherocopy h1 {font-size: 35px;margin: 0 0 15px 0px;}
.viewdetailsbtn {padding: 10px 20px;font-size: 15px;letter-spacing: 3%;}
.hero-subtitle {
font-size: 20px;
border-width: 2px;
}
.face-card {
padding: 0px;
border-width: 2px;
}

.face-card-lg {
width: 235px;
height: 265px;
left: 50px;
}

.face-card-sm {
width: 235px;
height: 265px;
right: -20px;
}
.face-card img {
width: 100%;
height: auto;
padding: 5px;
}
.face-label {
font-size: 12px;
padding: 2px 6px;
bottom: 20px;
}
.laserherocopy div:has(.marker) + p, .laserherocopy p:has(.marker) + p {max-width: 100%;margin: 0 0 10px 0px;font-size: 16px;line-height: 1.6;height: 200px;padding-right: 5px;}
.laser-intro-grid,
.highlight-grid,
.process-grid,
.why-grid {grid-template-columns:1fr 1fr 1fr;gap:20px;}
.serviceheading {font-size:35px;margin-bottom: 10px;}
.laserintro{padding: 3rem 2%;}
.laser-intro-content p , .serviceinnerpage p {font-size: 16px;line-height: 1.6;margin: 0 0 15px 0px;}
.laser-intro-grid{grid-template-columns:1fr 1fr}
.intro-points,
.benefits-grid,
.highlight-copy ul,
.tech-grid {grid-template-columns:1fr 1fr;gap: 10px 0px;}
.intro-points span {font-size: 16px;line-height: 1.6;}
.intro-points li::before {top: 5px;width: 8px;height: 8px;}
.intro-points strong {font-size: 16px;margin-bottom: 3px;}
.laser-benefits .section-lead,
.process-lead,
.why-lead,
.cost-lead {font-size: 11px;}
.infotwoCol {padding: 3rem 2%;}
.infotwoColgrid {grid-template-columns:1fr 1fr;gap: 20px;}
.infotwoColitem .serviceheading {font-size: 35px;margin: 0 0 12px 0px;}
.infotwoColitem p {font-size: 16px;line-height: 1.6;margin: 0 0 12px 0px;}
.concernsgrid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;margin: 2rem 0px;}
.concerncard {padding: 12px 12px;min-height: 80px;font-size: 16px;justify-content: center;}
.concernsnote {margin-top: 15px;font-size: 16px;}
.vampireconcerns{padding: 3rem 2%;}
.vampirecompare {padding: 3rem 2%;}
.vampirecomparelead {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampirecomparegrid {grid-template-columns: repeat(2, 1fr);gap: 10px;margin-bottom: 15px;}
.vampirecomparecard {padding: 12px 12px;min-height: 90px;}
.vampirecomparenote {font-size: 16px;line-height: 1.6;max-width: 100%;}
.vampirecost {padding: 3rem 1%;}
.vampirecost-box {padding:30px 30px;max-width: 95%;}
.vampirecost-box .serviceheading {margin: 0 0 10px 0px;}
.vampirecost-lead {font-size: 16px;line-height: 1.6;margin: 0 auto 15px auto;}
.vampirecost-grid {grid-template-columns:1fr 1fr; margin-bottom: 20px;}
.vampirecost-item {padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.vampirecost-note {font-size: 16px;line-height: 1.6;}
.vampireexpensive {padding: 3rem 2%;}
.vampireexpensive .serviceheading {margin: 0 0 10px 0px;}
.vampireexpensive-text {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampiresplitbanner {display: grid;grid-template-columns:1fr 1fr;}
.vampiresplitbanner-left h2, .vampiresplitbanner-right h2 {font-size: 35px;margin: 0 0 12px;}
.vampiresplitbanner-left {padding: 3rem 7%;}
.vampiresplitbanner-left p, .vampiresplitbanner-right p {font-size: 16px;line-height: 1.6;}
.vampiresplitbanner-right {padding: 3rem 7%;}
.whychoosedr {padding: 3rem 2%;}
.whychoosedr-grid {grid-template-columns:1fr 1fr;gap: 25px;}
.whychoosedr-content {padding: 2rem 0% 0rem 0%;}
.whychoosedr-content .serviceheading {font-size: 35px;line-height: 1.3;margin: 0 0 15px;}
.whychoosedr-list {margin: 0 0 15px;gap: 10px;}
.whychoosedr-list li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.whychoosedr-note {font-size: 16px;line-height: 1.6;}
.section-lead {margin: 0 auto 25px 0px;max-width: 100%;font-size: 16px;}
.benefit-card {
min-height: 96px;
gap: 12px;
}
.skinconcerns-grid {
grid-template-columns: repeat(2, 1fr);
}
.laserbenefits {padding: 3rem 2%;}
.laserbenefits .section-lead {max-width: 100%;margin-bottom: 15px;font-size: 16px;line-height: 1.6;}
.benefit-icon {
flex-basis: 45px;
height: 45px;
left: -13px;
}
.benefit-icon img {width: 20px;height: 20px;}

.benefit-card h3 {
font-size: 16px;
}

.highlightcopy {padding: 3rem 2rem 2rem 2rem;}
.highlight-copy {
padding: 14px;
}
.highlightcopy .serviceheading {margin: 0 0 10px 0px;font-size: 35px;}
.highlight-copy h2 {font-size: 35px;}
.highlightcopy p {margin: 0 0 15px 0px;font-size: 16px;line-height: 1.6;}
.highlight-copy p,
.highlight-copy li {
font-size: 14px;
}
.highlight-copy ul {
gap: 10px 18px;
}

.highlight-copy li::before {
top: 6px;
width: 5px;
height: 5px;
}
.laser-process h2,
.laser-cost h2,
.laser-why h2,
.laser-tech h2 {font-size: 35px;}
.process-grid article {min-height: 110px;padding: 38px 20px 20px;}
.process-grid .subheading {font-size: 18px;}
.process-grid h3 {font-size: 13px; }
ul.cost-factors{margin-left: 18px;}
.process-step {font-size: 12px;padding: 8px 16px;left: 20px;}
.fullwidthsection {padding: 3rem 2%;}
.fullwidthsection p {font-size: 16px;line-height: 1.6;}
.fullwidthsection ul {margin: 10px 0px;padding-left: 18px;}
.fullwidthsection ul li {font-size: 16px;line-height: 1.6;padding: 2px 0 2px 15px;}
.laser-cost {padding: 3rem 2%;}
.laser-cost table {min-width: 100%;}
.laser-cost th,
.laser-cost td {font-size: 16px;padding: 8px 10px;}
.costfactors{padding:3rem 2%;}
.costfactors-left .serviceheading{font-size: 35px;}
.costfactors-grid {grid-template-columns:1fr 1fr;gap: 20px;}
.costfactors-cards {grid-template-columns:1fr 1fr;gap: 10px;}
.costfactors-card {padding: 12px 12px;gap: 5px;min-height: 80px;}
.costfactors-card p {font-size: 16px;}
.highlightcopy ul {grid-template-columns: 1fr 1fr;gap: 15px 0px;}
.highlightcopy li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.highlightcopy li::before {top: 8px;}
.cost-note-title {font-size: 16px; margin-top: 15px;}
.cost-note-subtitle {font-size: 16px;}
.cost-factors li {font-size: 16px;}
.laser-process {padding: 3rem 2%;}
.idealcandidate {padding: 3rem 2%;}
.idealcandidate-grid {gap: 25px;}
.idealcandidate-left .serviceheading {font-size: 35px;}
.idealcandidate-lead {font-size: 16px;}
.idealcandidate-list {margin: 10px 0 10px 0px;gap: 10px;}
.idealcandidate-list li {border-left: 2px solid #45C0AC;padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.idealcandidate-note {font-size: 16px;line-height: 1.6;}
.why-grid article {min-height: 116px;}
.benefitsgrid {grid-template-columns: repeat(4, minmax(0, 1fr));gap: 15px;}
.benefitcard {min-height: 80px;gap: 10px;padding-right: 8px;}
.benefiticon {flex: 0 0 45px;height: 45px;}
.benefiticon img {width: 20px;height: 20px;}
.benefitcard .subheading {font-size: 18px;line-height: 1.6;}
.benefitcard .subheading span{ display: inline-block;}
.laserwhy {padding: 3rem 2%;}
.vampirecomparecard p {font-size: 16px;}
.whygrid article {
padding: 50px 15px 15px 15px;
width: calc(33% / 1.1) !important;
flex: 0 0 calc(33% / 1.1) !important;
min-height: 128px ;
}
.whygrid-track {gap: 10px; padding-left: 2px;}
.whygrid p {font-size: 16px;line-height: 1.6;}
.whygrid .subheading{font-size: 18px;line-height: 1.6; margin-bottom: 5px;}
.laser-tech {padding: 3rem 2%;}
.tech-card {padding: 25px;gap: 12px;align-items: flex-start;min-height: 100%;}
.tech-card::after {right: -80px;bottom: -10px;width: 260px;height: 220px;}
.tech-card .subheading {font-size: 26px;line-height: 1.35;}
.tech-carousel { padding: 10px 10px; }
.tech-track { display: flex; gap: 12px !important; will-change: transform; touch-action: pan-y; }
.tech-track.is-dragging { cursor: grabbing; }
.tech-slide { flex: 0 0 49%; min-width: 50%; box-sizing: border-box; }
.tech-copy { width: 68%; }
.tech-indicators { margin-top: 1.4rem; }
.tech-card img {width: 180px;height: 180px;}
.tech-copy p {display: block;font-size: 15px;line-height: 1.40;}
.laserfaq {padding: 2rem 0px;}
.laserfaq h2 {font-size:35px;margin-bottom: 12px;}
.faqtrigger {padding: 11px 12px 11px 12px;font-size: 16px;}
.faqpanel {padding: 0 11px 11px;}
.laserfaq .container-fluid {max-width: 1050px;}
.faqpanel p {font-size: 16px;line-height: 1.6;}
.videosection {padding: 3rem 3%;}
.hvideocolumn p {margin-top: 10px;font-size: 15px;line-height: 1.4;}
/* Mobile: make video columns horizontally scrollable */
.videotop {margin-top: 10px;}
.maincontainer {gap: 15px;}

}

/* Start of Ipad Pro Screen */
@media screen and (max-width: 1100.98px) and (min-width:992px) {
  h3.serviceheading{
  font-size: 20px;
}
.laserhero {padding:2rem 0;}
.laserhero .container-fluid{padding: 0rem 3%;}
.laserherocopy{padding-right: 0rem;}
.laserherogrid {grid-template-columns: 1fr 1fr;gap: 15px;}
.laser-hero-media {height: 380px; margin: 0 auto;width: 90%;}
.laser-hero {padding: 18px 0;}
.marker {padding: 12px 12px;line-height: 1.4;font-size: 16px;margin: 5px 0 10px 0px;}
.laserherocopy h1 {font-size: 30px;margin: 0 0 15px 0px;}
.viewdetailsbtn {padding: 10px 20px;font-size: 15px;letter-spacing: 3%;}
.hero-subtitle {
font-size: 20px;
border-width: 2px;
}
.face-card {
padding: 0px;
border-width: 2px;
}

.face-card-lg {
width: 235px;
height: 265px;
left: 50px;
border-radius: 0 0 130px 130px;
}

.face-card-sm {
width: 235px;
height: 265px;
right: -20px;
}
.face-card img {
width: 100%;
height: auto;
padding: 5px;
}
.face-label {
font-size: 12px;
padding: 2px 6px;
bottom: 20px;
}
.laserherocopy div:has(.marker) + p, .laserherocopy p:has(.marker) + p {max-width: 100%;margin: 0 0 10px 0px;font-size: 16px;line-height: 1.6;height: 200px;padding-right: 5px;}
.laser-intro-grid,
.highlight-grid,
.process-grid,
.why-grid {grid-template-columns:1fr 1fr;gap:10px;}
.serviceheading {font-size:30px;margin-bottom: 10px;}
.laserintro{padding: 2rem 2%;}
.laser-intro-content p {font-size: 16px;line-height: 1.6;margin: 0 0 10px 0px;}
.intro-points,
.benefits-grid,
.highlight-copy ul,
.tech-grid {grid-template-columns:1fr 1fr;gap: 8px 0px;}
.intro-points span {font-size: 16px;line-height: 1.6;}
.intro-points li::before {top: 5px;width: 8px;height: 8px;}
.intro-points strong {font-size: 16px;margin-bottom: 3px;}
.laser-benefits .section-lead,
.process-lead,
.why-lead,
.cost-lead {font-size: 11px;}
.infotwoCol {padding: 2rem 2%;}
.infotwoColgrid {grid-template-columns: 1fr;gap: 35px;}
.infotwoColitem .serviceheading {font-size: 26px;margin: 0 0 12px 0px;}
.infotwoColitem p {font-size: 16px;line-height: 1.6;margin: 0 0 12px 0px;}
.concernsgrid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;margin: 1rem 0px;}
.concerncard {padding: 12px 12px;min-height: 50px;font-size: 16px;justify-content: center;}
.concernsnote {margin-top: 15px;font-size: 16px;}
.vampireconcerns{padding: 2rem 2%;}
.vampirecompare {padding: 2rem 2%;}
.vampirecomparelead {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampirecomparegrid {grid-template-columns: repeat(2, 1fr);gap: 10px;margin-bottom: 15px;}
.vampirecomparecard {padding: 12px 12px;min-height: 90px;}
.vampirecomparenote {font-size: 16px;line-height: 1.6;max-width: 100%;}
.vampirecost {padding: 2rem 1%;}
.vampirecost-box {padding:30px 30px;max-width: 98%;}
.vampirecost-box .serviceheading {margin: 0 0 10px 0px;}
.vampirecost-lead {font-size: 16px;line-height: 1.6;margin: 0 auto 15px auto;}
.vampirecost-grid {grid-template-columns:1fr 1fr; margin-bottom: 20px;}
.vampirecost-item {padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.vampirecost-note {font-size: 16px;line-height: 1.6;}
.vampireexpensive {padding: 2rem 2%;}
.vampireexpensive .serviceheading {margin: 0 0 10px 0px;}
.vampireexpensive-text {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampiresplitbanner {display: grid;grid-template-columns:1fr 1fr;}
.vampiresplitbanner-left h2, .vampiresplitbanner-right h2 {font-size: 30px;margin: 0 0 12px;}
.vampiresplitbanner-left {padding: 3rem 6%;}
.vampiresplitbanner-left p, .vampiresplitbanner-right p {font-size: 16px;line-height: 1.6;}
.vampiresplitbanner-right {padding: 3rem 6%;}
.whychoosedr {padding: 2rem 2%;}
.whychoosedr-grid {grid-template-columns:1fr 1fr;gap: 25px;}
.whychoosedr-content {padding: 2rem 0% 0rem 0%;}
.whychoosedr-content .serviceheading {font-size: 30px;line-height: 1.3;margin: 0 0 15px;}
.whychoosedr-list {margin: 0 0 15px;gap: 10px;}
.whychoosedr-list li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.whychoosedr-note {font-size: 16px;line-height: 1.6;}
.section-lead {margin: 0 auto 12px 0px;max-width: 100%;font-size: 16px;}
.benefit-card {
min-height: 96px;
gap: 12px;
}
.skinconcerns-grid {
grid-template-columns: repeat(2, 1fr);
}
.laserbenefits {padding: 2rem 2%;}
.laserbenefits .section-lead {max-width: 100%;margin-bottom: 15px;font-size: 16px;line-height: 1.6;}
.benefit-icon {
flex-basis: 45px;
height: 45px;
left: -13px;
}
.benefit-icon img {width: 20px;height: 20px;}

.benefit-card h3 {
font-size: 16px;
}

.highlightcopy {padding: 3rem 2rem 2rem 2rem;}
.highlight-copy {
padding: 14px;
}
.highlightcopy .serviceheading {margin: 0 0 10px 0px;font-size: 30px;}
.highlight-copy h2 {font-size: 30px;}
.highlightcopy p {margin: 0 0 15px 0px;font-size: 16px;line-height: 1.6;}
.highlight-copy p,
.highlight-copy li {
font-size: 14px;
}
.highlight-copy ul {
gap: 10px 18px;
}

.highlight-copy li::before {
top: 6px;
width: 5px;
height: 5px;
}
.laser-process h2,
.laser-cost h2,
.laser-why h2,
.laser-tech h2 {font-size: 30px;}
.process-grid article {min-height: 90px;padding: 35px 10px 10px;}
.process-grid .subheading {font-size: 18px;}
.process-grid h3 {font-size: 13px; }
ul.cost-factors{margin-left: 18px;}
.process-step {font-size: 11px;padding: 6px 12px;left: 12px;}
.fullwidthsection {padding: 1.5rem 2%;}
.fullwidthsection p {font-size: 16px;line-height: 1.6;}
.fullwidthsection ul {margin: 10px 0px;padding-left: 18px;}
.fullwidthsection ul li {font-size: 16px;line-height: 1.6;padding: 2px 0 2px 15px;}
.laser-cost {padding: 2rem 2%;}
.laser-cost table {min-width: 100%;}
.laser-cost th,
.laser-cost td {font-size: 16px;padding: 8px 10px;}
.costfactors{padding:2rem 2%;}
.costfactors-left .serviceheading{font-size: 30px;}
.costfactors-grid {grid-template-columns: 1fr;gap: 20px;}
.costfactors-cards {grid-template-columns: 1fr 1fr;gap: 20px;}
.costfactors-card {padding: 10px 12px;gap: 5px;min-height: 80px;}
.costfactors-card p {font-size: 16px;}
.highlightcopy ul {grid-template-columns: 1fr 1fr;gap: 15px 0px;}
.highlightcopy li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.highlightcopy li::before {top: 8px;}
.cost-note-title {font-size: 16px; margin-top: 15px;}
.cost-note-subtitle {font-size: 16px;}
.cost-factors li {font-size: 16px;}
.laser-process {padding: 2rem 2%;}
.idealcandidate {padding: 2rem 2%;}
.idealcandidate-grid {gap: 25px;}
.idealcandidate-left .serviceheading {font-size: 30px;}
.idealcandidate-lead {font-size: 16px;}
.idealcandidate-list {margin: 10px 0 10px 0px;gap: 10px;}
.idealcandidate-list li {border-left: 2px solid #45C0AC;padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.idealcandidate-note {font-size: 16px;line-height: 1.6;}
.why-grid article {min-height: 116px;}
.benefitsgrid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.benefitcard {min-height: 80px;gap: 10px;padding-right: 8px;}
.benefiticon {flex: 0 0 45px;height: 45px;}
.benefiticon img {width: 20px;height: 20px;}
.benefitcard .subheading {font-size: 18px;line-height: 1.6;}
.benefitcard .subheading span{ display: inline-block;}
.laserwhy {padding: 2rem 2%;}
.vampirecomparecard p {font-size: 16px;}
.whygrid article {
padding: 50px 15px 15px 15px;
width: calc(33% / 1.1) !important;
flex: 0 0 calc(33% / 1.1) !important;
min-height: 128px ;
}
.whygrid-track {gap: 10px; padding-left: 2px;}
.whygrid p {font-size: 16px;line-height: 1.6;}
.whygrid .subheading{font-size: 18px;line-height: 1.6; margin-bottom: 5px;}
.laser-tech {padding: 2rem 2%;}
.tech-card {padding: 25px;gap: 12px;align-items: flex-start;min-height: 100%;}
.tech-card::after {right: -80px;bottom: -10px;width: 260px;height: 220px;}
.tech-card .subheading {font-size: 26px;line-height: 1.35;}
.tech-carousel { padding: 10px 0px; }
.tech-track { display: flex; gap: 12px !important; will-change: transform; touch-action: pan-y; }
.tech-track.is-dragging { cursor: grabbing; }
.tech-slide { flex: 0 0 49%; min-width: 50%; box-sizing: border-box; }
.tech-copy { width: 68%; }
.tech-indicators { margin-top: 1.4rem; }
.tech-card img {width: 180px;height: 180px;}
.tech-copy p {display: block;font-size: 15px;line-height: 1.40;}
.laserfaq {padding: 2rem 0px;}
.laserfaq h2 {font-size:30px;margin-bottom: 12px;}
.faqtrigger {padding: 11px 12px 11px 12px;font-size: 16px;}
.faqpanel {padding: 0 11px 11px;}
.laserfaq .container-fluid {max-width: 880px;}
.faqpanel p {font-size: 16px;line-height: 1.6;}
.videosection {padding: 2rem 3%;}
.hvideocolumn p {margin-top: 10px;font-size: 15px;line-height: 1.4;}
/* Mobile: make video columns horizontally scrollable */
.videotop {margin-top: 10px;}
.maincontainer {gap: 15px;}
}

/* Start of Ipad Screen */
@media screen and (max-width: 991.98px) and (min-width:768px) {
  .faqitem h3.faqquestion{font-size: 17px;}
  h3.serviceheading{
  font-size: 20px;
}
.laserhero {
padding:2rem 0;
background-color: #c7d7e2 !important;
background-image: linear-gradient(to bottom, #c7d7e2 0%, #c7d7e2 50%, #cfdde6 50%, #cfdde6 100%) !important;
background-image: -webkit-linear-gradient(top, #c7d7e2 0%, #c7d7e2 50%, #cfdde6 50%, #cfdde6 100%) !important;
background-repeat: no-repeat !important;
background-size: auto !important;
}
.laserherogrid{display: flex;flex-direction: column-reverse;}
.laserhero .container-fluid{padding: 0rem 4%;}
.laserherocopy{padding-right: 0rem;}
.laser-hero-media {height: 320px;width: 52%; margin: 0 auto;}
.laser-hero {padding: 18px 0;}
.marker {padding: 12px 12px;line-height: 1.4;font-size: 16px;margin: 5px 0 10px 0px;}
.laserherocopy h1 {
font-size: 30px;
margin: 0 0 15px 0px;
}
.viewdetailsbtn {padding: 10px 20px;font-size: 15px;letter-spacing: 3%;}
.hero-subtitle {
font-size: 20px;
border-width: 2px;
}
.face-card {
padding: 0px;
border-width: 2px;
}

.face-card-lg {
width: 200px;
height: 230px;
left: 0px;
border-radius: 0 0 130px 130px;
}

.face-card-sm {
width: 200px;
height: 230px;
right: 0px;
}
.face-card img {
width: 100%;
height: auto;
padding: 5px;
}
.face-label {
font-size: 12px;
padding: 2px 6px;
bottom: 20px;
}
.laserherocopy div:has(.marker) + p, .laserherocopy p:has(.marker) + p {max-width: 100%;margin: 0 0 10px 0px;font-size: 16px;line-height: 1.6;height: 140px;padding-right: 5px;}
.laser-intro-grid,
.highlight-grid,
.process-grid,
.why-grid {grid-template-columns:1fr 1fr;gap: 10px;}
.serviceheading {font-size:30px;margin-bottom: 10px;}
.laserintro{padding: 2rem 2%;}
.laser-intro-content p , .serviceinnerpage p  {font-size: 16px;line-height: 1.6;margin: 0 0 10px 0px;}
.intro-points,
.benefits-grid,
.highlight-copy ul,
.tech-grid {grid-template-columns: 1fr;gap: 8px 0px;}
.intro-points span {font-size: 16px;line-height: 1.6;}
.intro-points li::before {top: 5px;width: 8px;height: 8px;}
.intro-points strong {font-size: 16px;margin-bottom: 3px;}
.laser-benefits .section-lead,
.process-lead,
.why-lead,
.cost-lead {font-size: 11px;}
.infotwoCol {padding: 2rem 2%;}
.infotwoColgrid {grid-template-columns: 1fr;gap: 20px;}
.infotwoColitem .serviceheading {font-size: 26px;margin: 0 0 12px 0px;}
.infotwoColitem p {font-size: 16px;line-height: 1.6;margin: 0 0 12px 0px;}
.concernsgrid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;margin: 1rem 0px;}
.concerncard {padding: 12px 12px;min-height: 50px;font-size: 16px;justify-content: center;}
.concernsnote {margin-top: 15px;font-size: 16px;}
.vampireconcerns{padding: 2rem 2%;}
.vampirecompare {padding: 2rem 2%;}
.vampirecomparelead {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampirecomparegrid {grid-template-columns: repeat(2, 1fr);gap: 10px;margin-bottom: 15px;}
.vampirecomparecard {padding: 12px 12px;min-height: 90px;}
.vampirecomparenote {font-size: 16px;line-height: 1.6;max-width: 100%;}
.vampirecost {padding: 2rem 1%;}
.vampirecost-box {padding:30px 30px;max-width: 98%;}
.vampirecost-box .serviceheading {margin: 0 0 10px 0px;}
.vampirecost-lead {font-size: 16px;line-height: 1.6;margin: 0 auto 15px auto;}
.vampirecost-grid {grid-template-columns: 1fr; border: 1px solid #c5dde6; margin-bottom: 12px;}
.vampirecost-item {padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.vampirecost-item--light {border-bottom: 1px solid #c5dde6;border-right: 0px;}
.vampirecost-note {font-size: 16px;line-height: 1.6;}
.vampireexpensive {padding: 2rem 2%;}
.vampireexpensive .serviceheading {margin: 0 0 10px 0px;}
.vampireexpensive-text {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampiresplitbanner {display: grid;grid-template-columns: 1fr;}
.vampiresplitbanner-left h2, .vampiresplitbanner-right h2 {font-size: 26px;margin: 0 0 12px;}
.vampiresplitbanner-left {padding: 2rem 4%;}
.vampiresplitbanner-left p, .vampiresplitbanner-right p {font-size: 16px;line-height: 1.6;}
.vampiresplitbanner-right {padding: 2rem 4%;}
.whychoosedr {padding: 2rem 2%;}
.whychoosedr-grid {grid-template-columns: 1fr;}
.whychoosedr-content {padding: 2rem 0% 0rem 0%;}
.whychoosedr-content .serviceheading {font-size: 30px;line-height: 1.3;margin: 0 0 15px;}
.whychoosedr-list {margin: 0 0 10px;gap: 5px;}
.whychoosedr-list li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.whychoosedr-note {font-size: 16px;line-height: 1.6;}
.section-lead {margin: 0 auto 12px 0px;max-width: 100%;font-size: 16px;}
.benefit-card {
min-height: 96px;
gap: 12px;
}
.skinconcerns-grid {
grid-template-columns: repeat(2, 1fr);
}
.laserbenefits {padding: 2rem 2%;}
.laserbenefits .section-lead {max-width: 100%;margin-bottom: 15px;font-size: 16px;line-height: 1.6;}
.benefit-icon {
flex-basis: 45px;
height: 45px;
left: -13px;
}
.benefit-icon img {width: 20px;height: 20px;}

.benefit-card h3 {
font-size: 16px;
}
.highlightgrid {
display: flex;
flex-direction: column-reverse;
}
.highlightcopy {padding: 1rem 1rem 1rem 1rem;}
.highlight-copy {
padding: 14px;
}
.highlightcopy .serviceheading {margin: 0 0 10px 0px;font-size: 30px;}
.highlight-copy h2 {font-size: 30px;}
.highlightcopy p {margin: 0 0 15px 0px;font-size: 16px;line-height: 1.6;}
.highlight-copy p,
.highlight-copy li {
font-size: 14px;
}
.highlight-copy ul {
gap: 10px 18px;
}

.highlight-copy li::before {
top: 6px;
width: 5px;
height: 5px;
}
.laser-process h2,
.laser-cost h2,
.laser-why h2,
.laser-tech h2 {font-size: 30px;}
.process-grid article {min-height: 90px;padding: 35px 10px 10px;}
.process-grid .subheading {font-size: 18px;}
.process-grid h3 {font-size: 13px; }
ul.cost-factors{margin-left: 18px;}
.process-step {font-size: 11px;padding: 6px 12px;left: 12px;}
.fullwidthsection {padding: 1.5rem 2%;}
.fullwidthsection p {font-size: 16px;line-height: 1.6;}
.fullwidthsection ul {margin: 10px 0px;padding-left: 18px;}
.fullwidthsection ul li {font-size: 16px;line-height: 1.6;padding: 2px 0 2px 15px;}
.laser-cost {padding: 2rem 2%;}
.laser-cost table {min-width: 100%;}
.laser-cost th,
.laser-cost td {font-size: 16px;padding: 8px 10px;}
.costfactors{padding:2rem 2%;}
.costfactors-left .serviceheading{font-size: 30px;}
.costfactors-grid {grid-template-columns: 1fr;gap: 10px;}
.costfactors-cards {grid-template-columns: 1fr 1fr;gap: 10px;}
.costfactors-card {padding: 10px 12px;gap: 5px;min-height: 80px;}
.costfactors-card p {font-size: 16px;}
.highlightcopy ul {grid-template-columns: 1fr 1fr;gap: 10px 0px;}
.highlightcopy li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.highlightcopy li::before {top: 8px;}
.cost-note-title {font-size: 16px; margin-top: 15px;}
.cost-note-subtitle {font-size: 16px;}
.cost-factors li {font-size: 16px;}
.laser-process {padding: 2rem 2%;}
.idealcandidate {padding: 2rem 2%;}
.idealcandidate-grid {display: flex;flex-direction: column-reverse;gap: 10px;}
.idealcandidate-left .serviceheading {font-size: 30px;}
.idealcandidate-lead {font-size: 16px;}
.idealcandidate-list {margin: 10px 0 10px 0px;gap: 10px;}
.idealcandidate-list li {border-left: 2px solid #45C0AC;padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.idealcandidate-note {font-size: 16px;line-height: 1.6;}
.why-grid article {min-height: 116px;}
.benefitsgrid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.benefitcard {min-height: 80px;gap: 10px;padding-right: 8px;}
.benefiticon {flex: 0 0 45px;height: 45px;}
.benefiticon img {width: 20px;height: 20px;}
.benefitcard .subheading {font-size: 18px;line-height: 1.6;}
.benefitcard .subheading span{ display: inline-block;}
.laserwhy {padding: 2rem 2%;}
.vampirecomparecard p {font-size: 16px;}
.whygrid article {
padding: 50px 15px 15px 15px;
width: calc(50% / 1.1) !important;
flex: 0 0 calc(50% / 1.1) !important;
min-height: 128px ;
}
.whygrid-track {gap: 10px; padding-left: 2px;}
.whygrid p {font-size: 16px;line-height: 1.6;}
.whygrid .subheading{font-size: 18px;line-height: 1.6; margin-bottom: 5px;}
.laser-tech {padding: 2rem 2%;}
.tech-card {padding: 12px;gap: 8px;align-items: flex-start;min-height: 100%;}
.tech-card::after {right: -80px;bottom: -10px;width: 240px;height: 200px;}
.tech-card .subheading {font-size: 18px;line-height: 1.35;}
.tech-carousel { padding: 10px 0px; }
.tech-track { display: flex; gap: 8px !important; will-change: transform; touch-action: pan-y; }
.tech-track.is-dragging { cursor: grabbing; }
.tech-slide { flex: 0 0 47%; min-width: 47%; box-sizing: border-box; }
.tech-copy { width: 68%; }
.tech-indicators { margin-top: 12px; }
.tech-card img {width: 180px;height: 160px;}
.tech-copy p {display: block;font-size: 14px;line-height: 1.40;}
.laserfaq {padding: 2rem 0px;}
.laserfaq h2 {font-size:30px;margin-bottom: 12px;}
.faqtrigger {padding: 8px 7px 8px 12px;font-size: 16px;}
.faqpanel {padding: 0 11px 11px;}
.laserfaq .container-fluid {max-width: 735px;}
.faqpanel p {font-size: 16px;line-height: 1.6;}
.videosection {padding: 2rem 4%;}
.hvideocolumn p {margin-top: 10px;font-size: 15px;line-height: 1.4;}
/* Mobile: make video columns horizontally scrollable */
.videotop {margin-top: 0rem;}
.maincontainer {overflow-x: auto;gap:10px;justify-content: flex-start;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;padding-bottom: 8px; }
.maincontainer::-webkit-scrollbar { display: none; }
.hvideocolumn {flex: 0 0 46%;min-width: 280px;scroll-snap-align: start;}
.viewallbutton {font-size: 15px;padding: 7px 1rem;}
}

/* Start of Mobile screen */
@media screen and (max-width: 767.98px) and (min-width:320px) {
  .faqitem h3.faqquestion{font-size: 17px;}
 .infotwoCol.bg-fifty .col-lg-6.col-12:nth-of-type(1){
  background-color: #45C0AC;
  padding: 2rem 20px;
}
 .infotwoCol.bg-fifty .col-lg-6.col-12:nth-of-type(2){
  background-color: #2d2d2d;
  padding: 2rem 20px;
}
.infotwoCol.bg-fifty{
  background: none;
  padding: 0;
}
.infotwoCol.bg-fifty .container-fluid{
  padding-left: 10px;
  padding-right: 10px;
}
  h3.serviceheading{
  font-size: 18px;
}
  .laser-cost ul {
  column-count: 1;
}
.laserhero {
padding:1.5rem 0;
background-color: #c7d7e2 !important;
background-image: linear-gradient(to bottom, #c7d7e2 0%, #c7d7e2 50%, #cfdde6 50%, #cfdde6 100%) !important;
background-image: -webkit-linear-gradient(top, #c7d7e2 0%, #c7d7e2 50%, #cfdde6 50%, #cfdde6 100%) !important;
background-repeat: no-repeat !important;
background-size: auto !important;
}
.laserherogrid{display: flex;flex-direction: column-reverse;}
.laserhero .container-fluid{padding: 0rem 4%;}
.laserherocopy{padding-right: 0rem;}
.laser-hero-media {height: 320px;}
.laser-hero {
padding: 18px 0;
}
.marker {padding: 12px 12px;line-height: 1.4;font-size: 16px;margin: 5px 0 10px 0px;}
.laserherocopy h1 {
font-size: 26px;
margin: 0 0 15px 0px;
}
.viewdetailsbtn {padding: 10px 20px;font-size: 15px;letter-spacing: 3%;}
.hero-subtitle {
font-size: 20px;
border-width: 2px;
}
.face-card {
padding: 0px;
border-width: 2px;
}

.face-card-lg {
width: 200px;
height: 230px;
left: 0px;
border-radius: 0 0 130px 130px;
}

.face-card-sm {
width: 200px;
height: 230px;
right: 0px;
}
.face-card img {
width: 100%;
height: auto;
padding: 5px;
}
.face-label {
font-size: 12px;
padding: 2px 6px;
bottom: 20px;
}
.laserherocopy p:has(.marker) + p, .laserherocopy div:has(.marker) + p {max-width: 100%;margin: 0 0 10px 0px;font-size: 16px;line-height: 1.6;height: 240px;padding-right: 5px;}
.laser-intro-grid,
.highlight-grid,
.process-grid,
.why-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.serviceheading {font-size: 26px;margin-bottom: 10px;}
.laserintro{padding: 1.5rem 2%;}
.laser-intro-content p , .serviceinnerpage p {font-size: 16px;line-height: 1.6;margin: 0 0 10px 0px;}
.intro-points,
.benefits-grid,
.highlight-copy ul,
.tech-grid {
grid-template-columns: 1fr;
gap: 8px 0px;
}
.intro-points span {font-size: 16px;line-height: 1.6;}
.intro-points li::before {top: 5px;width: 8px;height: 8px;}
.intro-points strong {font-size: 16px;margin-bottom: 3px;}
.laser-benefits .section-lead,
.process-lead,
.why-lead,
.cost-lead {
font-size: 11px;
}
.infotwoCol {padding: 1.5rem 2%;}
.infotwoColgrid {grid-template-columns: 1fr;gap: 20px;}
.infotwoColitem .serviceheading {font-size: 26px;margin: 0 0 12px 0px;}
.infotwoColitem p {font-size: 16px;line-height: 1.6;margin: 0 0 12px 0px;}

.concernsgrid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 10px;margin: 1rem 0px;}
.concerncard {padding: 12px 12px;min-height: 50px;font-size: 16px;justify-content: center;}
.concernsnote {margin-top: 15px;font-size: 16px;}
.vampireconcerns{padding: 1.5rem 2%;}
.vampirecompare {padding: 1.5rem 2%;}
.vampirecomparelead {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}
.vampirecomparegrid {grid-template-columns: repeat(1, 1fr);gap: 10px;margin-bottom: 15px;}
.vampirecomparecard {padding: 12px 12px;min-height: 90px;}
.vampirecomparenote {font-size: 16px;line-height: 1.6;max-width: 100%;}
.vampirecost {padding: 1.5rem 1%;}
.vampirecost-box {padding: 20px 10px;max-width: 100%;}
.vampirecost-box .serviceheading {margin: 0 0 10px 0px;}
.vampirecost-lead {font-size: 16px;line-height: 1.6;margin: 0 auto 15px auto;}
.vampirecost-grid {grid-template-columns: 1fr; border: 1px solid #c5dde6; margin-bottom: 12px;}
.vampirecost-item {padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.vampirecost-item--light {border-bottom: 1px solid #c5dde6;border-right: 0px;}
.vampirecost-note {font-size: 16px;line-height: 1.6;}

.vampireexpensive {padding: 1.5rem 2%;}
.vampireexpensive .serviceheading {margin: 0 0 10px 0px;}
.vampireexpensive-text {font-size: 16px;line-height: 1.6;max-width: 100%;margin: 0 auto 15px auto;}

.vampiresplitbanner {display: grid;grid-template-columns: 1fr;}
.vampiresplitbanner-left h2, .vampiresplitbanner-right h2 {font-size: 26px;margin: 0 0 12px;}
.vampiresplitbanner-left {padding: 1.5rem 4%;}
.vampiresplitbanner-left p, .vampiresplitbanner-right p {font-size: 16px;line-height: 1.6;}
.vampiresplitbanner-right {padding: 1.5rem 4%;}

.whychoosedr {padding: 1.5rem 2%;}
.whychoosedr-grid {grid-template-columns: 1fr;}
.whychoosedr-content {padding: 1.5rem 0% 0rem 0%;}
.whychoosedr-content .serviceheading {font-size: 26px;line-height: 1.3;margin: 0 0 15px;}
.whychoosedr-list {margin: 0 0 10px;gap: 5px;}
.whychoosedr-list li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.whychoosedr-note {font-size: 16px;line-height: 1.6;}

.section-lead {margin: 0 auto 12px 0px;max-width: 100%;font-size: 16px;}
.benefit-card {
min-height: 96px;
gap: 12px;
}
.skinconcerns-grid {
grid-template-columns: repeat(2, 1fr);
}
.laserbenefits {padding: 1.5rem 2%;}
.laserbenefits .section-lead {max-width: 100%;margin-bottom: 15px;font-size: 16px;line-height: 1.6;}
.benefit-icon {
flex-basis: 45px;
height: 45px;
left: -13px;
}
.benefit-icon img {width: 20px;height: 20px;}

.benefit-card h3 {
font-size: 16px;
}
.highlightgrid {
display: flex;
flex-direction: column-reverse;
}
.highlightcopy {padding: 1rem 1rem 1rem 1rem;}
.highlight-copy {
padding: 14px;
}
.highlightcopy .serviceheading {margin: 0 0 10px 0px;font-size: 26px;}
.highlight-copy h2 {font-size: 26px;}
.highlightcopy p {margin: 0 0 15px 0px;font-size: 16px;line-height: 1.6;}
.highlight-copy p,
.highlight-copy li {
font-size: 14px;
}
.highlight-copy ul {
gap: 10px 18px;
}

.highlight-copy li::before {
top: 6px;
width: 5px;
height: 5px;
}
.laser-process h2,
.laser-cost h2,
.laser-why h2,
.laser-tech h2 {font-size: 26px;}
.process-grid article {min-height: 90px;padding: 35px 10px 10px;}
.process-grid .subheading {font-size: 16px;}
.process-grid h3 {font-size: 13px; }
ul.cost-factors{margin-left: 18px;}
.process-step {font-size: 11px;padding: 6px 12px;left: 12px;}
.fullwidthsection {padding: 1.5rem 2%;}
.fullwidthsection p {font-size: 16px;line-height: 1.6;}
.fullwidthsection ul {margin: 10px 0px;padding-left: 18px;}
.fullwidthsection ul li {font-size: 16px;line-height: 1.6;padding: 2px 0 2px 15px;}
.laser-cost {padding: 1.5rem 2%;}
.laser-cost table {min-width: 100%;}
.laser-cost th,
.laser-cost td {font-size: 16px;padding: 8px 10px;}
.costfactors{padding:1.5rem 2%;}
.costfactors-left .serviceheading{font-size: 26px;}
.costfactors-grid {grid-template-columns: 1fr;gap: 10px;}
.costfactors-cards {grid-template-columns: 1fr;gap: 10px;}
.costfactors-card {padding: 10px 12px;gap: 5px;min-height: 80px;}
.costfactors-card p {font-size: 16px;}
.highlightcopy ul {grid-template-columns: 1fr;gap: 10px 0px;}
.highlightcopy li {padding-left: 18px;font-size: 16px;line-height: 1.6;}
.highlightcopy li::before {top: 8px;}
.cost-note-title {font-size: 16px; margin-top: 15px;}
.cost-note-subtitle {font-size: 16px;}
.cost-factors li {font-size: 16px;}
.laser-process {padding: 1.5rem 2%;}
.idealcandidate {padding: 1.5rem 2%;}
.idealcandidate-grid {display: flex;flex-direction: column-reverse;gap: 10px;}
.idealcandidate-left .serviceheading {font-size: 26px;}
.idealcandidate-lead {font-size: 16px;}
.idealcandidate-list {margin: 10px 0 10px 0px;gap: 10px;}
.idealcandidate-list li {border-left: 2px solid #45C0AC;padding: 10px 12px;font-size: 16px;line-height: 1.6;}
.idealcandidate-note {font-size: 16px;line-height: 1.6;}
.why-grid article {min-height: 116px;}
.benefitsgrid {grid-template-columns: repeat(1, minmax(0, 1fr));gap: 10px;}
.benefitcard {min-height: 80px;gap: 10px;padding-right: 8px;}
.benefiticon {flex: 0 0 45px;height: 45px;}
.benefiticon img {width: 20px;height: 20px;}
.benefitcard .subheading {font-size: 16px;line-height: 1.6;}
.benefitcard .subheading span{ display: inline-block;}
.laserwhy {padding: 1.5rem 2%;}
.vampirecomparecard p {font-size: 16px;}
element.style {
width: 25%;
flex: 0 0 25%;
margin: 0px;
}
.whygrid article {
padding: 50px 15px 15px 15px;
width: calc(100% / 1.1) !important;
flex: 0 0 calc(100% / 1.1) !important;
min-height: 128px ;
}
.whygrid-track {gap: 10px; padding-left: 2px;}
.whygrid p {font-size: 16px;line-height: 1.6;}
.whygrid .subheading{font-size: 18px;line-height: 1.6; margin-bottom: 5px;}
.laser-tech {padding: 1.5rem 2%;}
.tech-card {padding: 12px;gap: 8px;align-items: flex-start;min-height: 100%;}
.tech-card::after {right: -80px;bottom: -10px;width: 240px;height: 200px;}
.tech-card .subheading {font-size: 18px;line-height: 1.35;}
.tech-carousel { padding: 0px; }
.tech-track { display: flex; gap: 8px !important; will-change: transform; touch-action: pan-y; }
.tech-track.is-dragging { cursor: grabbing; }
.tech-slide { flex: 0 0 88%; min-width: 88%; box-sizing: border-box; }
.tech-copy { width: 75%; }
.tech-indicators { margin-top: 12px; }
.tech-card img {width: 180px;height: 160px;}
.tech-copy p {display: block;font-size: 14px;line-height: 1.40;}
.laserfaq {padding: 1.5rem 0px;}
.laserfaq h2 {font-size: 26px;margin-bottom: 12px;}
.faqtrigger {padding: 8px 7px 8px 12px;font-size: 16px;}
.faqpanel {padding: 0 11px 11px;}
.faqpanel p {font-size: 16px;line-height: 1.6;}
.videosection {padding: 1.5rem 4%;}
.hvideocolumn p {margin-top: 10px;font-size: 15px;line-height: 1.4;}
/* Mobile: make video columns horizontally scrollable */
.videotop {margin-top: 0rem;}
.maincontainer {overflow-x: auto;gap:10px;justify-content: flex-start;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;padding-bottom: 8px; }
.maincontainer::-webkit-scrollbar { display: none; }
.hvideocolumn {flex: 0 0 80%;min-width: 280px;scroll-snap-align: start;}
.viewallbutton {font-size: 15px;padding: 7px 1rem;}
}