.den-section-btn-cta {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  display: inline;

  padding: 12px 16px;
  gap: 10px;
  transition: all 0.3s;
  border-radius: 72px;
  background: #141B5D;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 6px 0 rgba(74, 58, 255, 0.10);
  color: #FFF;
  border:  1px solid #141B5D;

}

.vid-con-hero-section {
  position: relative;
  background: url(../img/24-hours-emergency-dentist/banner.png) no-repeat center;
  background-size: cover;
  padding-bottom: 0px;
  overflow: hidden;
}


.den-section-btn-cta:hover {
background: #141B5D;
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 6px 0 rgba(74, 58, 255, 0.10);
color: #FFF;
border:  1px solid #141B5D;
}

.den-section-btn-cta-a {
  color: #141B5D;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
  display: inline;

  padding: 12px 16px;
  gap: 10px;
  text-decoration: none !important;
  transition: all 0.3s;
  border-radius: 72px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset, 0 2px 6px 0 rgba(74, 58, 255, 0.10);
}
.den-section-btn-cta-a:hover {
  background-color: #fff;
  color: #141B5D !important;
  border: none;
  border: 1px solid #ddd;
}
.den-section-title {
  color: #454545;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}

.den-section-title span {
  color: #141B5D;
}

.den-section-subtext {
  color: #58595B;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
   line-height: 200%;

  max-width: 60vw;
  font-style: normal;
  margin: auto;
}
.den-section-subtext span {
  color: #141B5D;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  max-width: 50vw;
  font-style: normal;
  margin: auto;
  line-height: 200%;
}


.vid-con-hero-section  .badge {
  border-radius: 8px;
  background: #F6F6F6;
  padding: 8px 20px;
  color: #727272;
  text-align: center;
  font-size: 14px;
  white-space: unset;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}




.online-How-It-Works  .step-card {
  border-radius: 16px;
  border: 1px solid #DCDCDC;
  background: #fff;
  padding: 24px;
  height: 100%;
}


.online-How-It-Works  .step-head{
  color: #58595B;
  font-size: 20px;
  font-style: normal;
  text-align: left;
  font-weight: 700;
  line-height: 150%; /* 30px */
}

.online-How-It-Works .step-para{
  color: #58595B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 32px */
  margin-bottom: 0.6rem;
  text-align: left;
  margin-bottom: 0;
}


 .who-needs-this .affiliate-card
{
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0 3.493px 10.48px 0 rgba(149, 157, 165, 0.20);
  padding: 20px;
  height: 100%;
}
 .who-needs-this .affiliate-card h5
{
  color: #58595B;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 40px */
}
.who-needs-this .affiliate-card h6
{
  color: #58595B;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%; /* 32px */
}
 .who-needs-this .affiliate-card img
{
width: 100%;
margin-bottom: 1rem;
}
 .who-needs-this .affiliate-card p
{
  color: #58595B;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 32px */
}

.dental-records .feature-box
{
border-radius: 12px;
background: #FEFEFE;
box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
padding: 20px;
height: 100%;
text-align: center;
}
.dental-records .feature-box h5
{
color: #58595B;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 40px */
}
.dental-records .feature-box p
{
color: #58595B;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
}
.dental-records .badge
{
border-radius: 8px;
background: #F6F6F6;
padding: 8px 20px;
color:  #727272;
text-align: center;
font-size: 14px;
white-space: unset;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 285.714% */
}
.timeline-section .timeline {
  position: relative;
  }
  .timeline-section  .timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background-color: #ccc;
  }
  .timeline-section .timeline-box
  {
  border-radius: 16px;
  border: 1px solid #DCDCDC;
  padding: 1rem;
  }
  .timeline-section .timeline-box h5
  {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 32px */
  }
  .timeline-section  .timeline-item {
  position: relative;
  margin-bottom: 1rem;
  }
  .timeline-section .timeline-item-right .timeline-title
  {
    text-align: left;
  }
  .timeline-section .badge
  {
  border-radius: 8px;
  background: #F6F6F6;
  padding: 8px 20px;
  color:  #727272;
  text-align: center;
  font-size: 14px;
  white-space: unset;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 285.714% */
  }
  .timeline-section .timeline-content {
  padding: 1.5rem;
  }
  .timeline-section  .timeline-number {
  width: 48px;
  height: 48px;
  background-color: #141B5D;
  color: white;
  border-radius: 50%;
  display: flex;
  font-size: 32px;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  }
  .timeline-section  .timeline-icon {
  max-width: 100%;
  height: auto;
  }
  .timeline-section  .timeline-title {
  color: #58595B;
  text-align: right;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
  }
  .timeline-section .timeline-title-a {
  color: #58595B;
  text-align:left;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
  }
  .timeline-section .timeline-week {
  color: #141B5D;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  }
  .timeline-section .timeline-item:last-child {
  margin-bottom: 0rem;
  }
  .timeline-section .timeline-box ul li
  {
  color: #58595B;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 200%; /* 32px */
  }
  .timeline-section .timeline-box ul li:last-child
  {
  margin-bottom: 0rem;
  }
  .timeline-section .timeline-box ul li strong
  {
  color: #58595B !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
  }
  .timeline-section
  {
  padding: 80px 0;
  }
  @media (min-width: 768px) {
  .timeline-section .timeline-item-left .timeline-content {
  margin-right: auto;
  width: 45%;
  }
  .timeline-section .timeline-item-right .timeline-content {
  margin-left: auto;
  width: 45%;
  }
  }
  @media (max-width: 767.98px) {
  .timeline-section  .timeline::before {
  left: 20px;
  }
  .timeline-section .timeline-number {
  left: 0px;
  transform: translateY(-50%);
  }
  .timeline-section  .timeline-content {
  margin-left: 30px !important;
  margin-right: 10px;
  }
  }

  .dental-records-system-box h5
  {
    color: #58595B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 40px */
  }

  
  .dental-records-system-box p
  {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 32px */
  }

  .dental-records-system-box ul li
  {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 32px */
    margin-bottom: 0.5rem;
  }

  .secure-section .badge
  {
    border-radius: 8px;
    background: #F6F6F6;
    padding: 8px 20px;
    color:  #727272;
    text-align: center;
    font-size: 14px;
    white-space: unset;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 285.714% */
  }

  .secure-section .cost-section .head
  {
    color: #58595B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 40px */
  }
  .secure-section .cost-section .text
  {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 32px */
  }
  .secure-section .cost-section .text span
  {
    color: #141B5D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%;
  }
  .secure-section .step-card {
    border-radius: 16px;
    border: 0.5px solid #D8D8D8;
    background: #FFF;
    box-shadow: 4px 4px 4px 0 rgba(227, 223, 255, 0.18);
    padding: 24px 12px;
    position: relative;
    transition: all 0.3s ease;
    height: 100%;

  }



  .secure-section  .step-card img {
    height: 45px;
    margin-bottom: 12px;
  }

  .secure-section .step-card h6 {
    color: #58595B;
    font-size: 18px;
    font-style: normal;
text-align: left;
    font-weight: 700;
    line-height: 200%; /* 40px */
  }

  /* Dotted connector line */
  .secure-section .step-card::after {
    content: "";
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 1px;
    border-bottom: 2px dotted #141B5D;
  }

  .step-card.last::after { 

    border-bottom: 0 !important;
   }

   .secure-section .savings-box
   {
    border-radius: 10.453px;
    border: 0.796px solid rgba(0, 0, 0, 0.10);
    background: #F6FEFF;
    padding: 30px;
   }
   .secure-section .savings-box h5
   {
    color: #0A0A0A;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17.92px; /* 128.002% */
   }
   .secure-section .savings-box .savings-amount
   {
    color: #141B5D;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 26.88px; /* 112.001% */
   }
   .secure-section .savings-box .text
   {
    color: #4A5565;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.934px; /* 124.446% */
   }
   .secure-section .savings-box .progreas-box  small
   {
    color: #58595B;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.934px; /* 124.446% */
   }
   .secure-section .savings-box .progreas-box  .head
   {
    color: #141B5D;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.934px; /* 124.446% */
   }
   .secure-section .savings-box .progreas-box p
   {
    color: #141B5D;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 14.934px; /* 124.446% */
   }
   .secure-section .savings-box .progreas-box .progress
   {
    --bs-progress-height: 0.5rem;
    margin-top: 0.5rem;
   }
  
   .secure-section .savings-box .progreas-box .progress-bar
   {
    
background: #141B5D !important;
   }
   .feature-box-light
   {
    border-radius: 10px;
    background: #F6FEFF;
    padding: 30px;
    height: 100%;
   }
   .feature-box-light h5
   {
    color: #141B5D;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
   }
   .feature-box-light h6
   {
    color: #58595B;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 32px */
   }
   .feature-box-light p
   {
    color: #58595B;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
   }
   .feature-box-light ul li
   {
    color: #58595B;
margin-bottom: 0.5rem;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
   }


   .feature-box-dark
   {
    border-radius: 10px;
    background: #141B5D;
    padding: 30px;
    height: 100%;
   }
   .feature-box-dark h5
   {
    color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
   }
   .feature-box-dark h6
   {
    color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 32px */
   }
   .feature-box-dark p
   {
    color: #F6FEFF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
   }
   .feature-box-dark ul li
   {
    color: #F6FEFF;
margin-bottom: 0.5rem;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
   }
   .Dental-Drop-sec  .badge {
    border-radius: 8px;
    background: #F6F6F6;
    padding: 8px 20px;
    color: #727272;
    text-align: center;
    font-size: 14px;
    white-space: unset;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.how-it-works
{
  border-radius: 24px;
background: #FFF;
padding: 30px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.how-it-works .how-work-card
{
  border-radius: 16px;
  border: 0.5px solid #D8D8D8;
  background: #FFF;
  box-shadow: 4px 4px 4px 0 rgba(227, 223, 255, 0.18);
  padding: 20px;
  height: 100%;
}
.how-it-works .how-work-card h6
{
  color: #58595B;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 40px */
}
.how-it-works .how-work-card img
{
  width: 56px;
  margin-bottom: 0.5rem;
}
.how-it-works .how-work-card p
{
  color: #58595B;
margin-bottom: 0;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 217.188%; /* 34.75px */
}
   @media (max-width: 768px) {
    .secure-section .step-card::after {
 
      border-bottom: 0px ;
      right: 0px;
    }

    
  }


   /* Left vertical nav */
   .comparison-nav {
    flex: 0 0 230px;
    border-right: 1px solid #e5e7eb;
  }

  .comparison-nav button {
    display: block;
    width: 100%;
    padding: 14px 18px;
    text-align: left;
    background: none;
    border: none;
    border-bottom: 1px solid #e5e7eb;
    font-weight: 500;
    color: #333;
    transition: background 0.3s;
  }

  .comparison-nav button:hover {
    background: #f8f9fb;
  }

  .comparison-nav button.active {
    background: #0d1b4c;
    color: #fff;
    font-weight: 600;
  }

  /* Columns */
  .comparison-columns {
    display: flex;
    flex: 1;
    min-width: 600px;
  }

  .comparison-col {
    flex: 1;
    border-right: 1px solid #e5e7eb;
  }

  .comparison-col:last-child {
    border-right: none;
  }

  .comparison-col .col-header {
    background: #f8f9fb;
    text-align: center;
    padding: 14px;
    font-weight: 600;
    color: #0d1b4c;
    border-bottom: 1px solid #e5e7eb;
  }

  .comparison-col .col-item {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #e5e7eb;
    color: #333;
    font-size: 0.95rem;
  }

  .comparison-col .col-item:last-child {
    border-bottom: none;
  }


  .comparison-table th {
    border-bottom: 1px solid  #E9EAEB;
    background:  #FFF;
    padding: 20px;
    color:  #535862;
    text-align: center;
font-size: 16px;
vertical-align: middle;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 112.5% */
  }

  .comparison-table td {
    text-align: center;
    padding: 20px;
    border: 0.5px solid #E9EAEB;
    text-align: center;
    background: #FFF;
    
    box-shadow: 0 4.258px 63.872px 0 rgba(0, 0, 0, 0.08);
    vertical-align: middle;
    color:  #535862;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 112.5% */
  }
  .comparison-table .blue {
    background: #141B5D !important;
    color: #F7F7F7 !important;
  }

  @media (max-width: 768px) {
    .comparison-nav {
      flex: 0 0 160px;
    }
    .comparison-col .col-header, .comparison-col .col-item {
      font-size: 0.85rem;
      padding: 10px;
    }
  }