/* Timeline container */
.When-to-Use-sec .timeline {
position: relative;
list-style: none;
margin: 0;
padding-left: 60px;
}
/* Vertical dashed line */
.When-to-Use-sec  .timeline::before {
content: "";
position: absolute;
top: 0;
left: 20px;
width: 2px;
height: 100%;
border-left: 2px dashed #58595B;
}
/* Timeline item */
.When-to-Use-sec .timeline li {
position: relative;
margin-bottom: 40px;
color: #58595B;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal; /* 40px */
}
/* Outer circle */
.When-to-Use-sec .timeline li::before {
content: "";
position: absolute;
left: -55px;
width: 32px;
height: 32px;
border: 2px solid #141B5D;  /* Dark Blue border */
border-radius: 50%;
background: #fff;
z-index: 1;
}
/* Inner dot */
.When-to-Use-sec  .timeline li::after {
content: "";
position: absolute;
left: -45px;
top: 10px;
width: 12px;
height: 12px;
background: #141B5D; /* Dark Blue fill */
border-radius: 50%;
z-index: 2;
}
.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.webp) no-repeat center;
background-size: cover;
padding-bottom: 0px;
}
.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;
font-size: 40px;
font-weight: 700;
line-height: 120%;
}
.den-section-title span {
color: #141B5D;
}
.den-section-subtext {
color: #58595B;
font-size: 16px;
font-weight: 500;
line-height: 200%;
max-width: 60vw;
font-style: normal;
margin: auto;
}
.den-section-subtext-b {
color: #58595B;
font-size: 16px;
text-align: left;
font-weight: 500;
line-height: 200%;
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%;
}
.den-section-head-text
{
color: #141B5D;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 48px */
}
.den-section-btn-light-blue {
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;
padding: 12px 16px;
font-size: 16px;
font-weight: 700;
line-height: 135%;
display: inline-block;
width: fit-content;
}
.den-section-btn-light-blue:hover {
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;
}
.Why-Choose-sec .feature-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%;
}
.Why-Choose-sec .feature-card h5
{
color: #58595B;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 40px */
margin-bottom: 0;
}
.Why-Choose-sec .feature-card p
{
color: #58595B;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 217.188%; /* 34.75px */
margin-bottom: 0;
}
.available-sec .small-title {
color: #58595B;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 48px */
margin-bottom: 0px;
}
.available-sec .main-title {
color: #141B5D;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 48px */
margin-bottom: 0px;
}
.available-sec p {
color: #58595B;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 32px */
margin-bottom: 20px;
}
/* Card */
.dentist-hard-section .dentist-card {
padding: 25px 20px;
height: 100%;
border-radius: 16px;
border: 0.5px solid #D8D8D8;
background: #FFF;
box-shadow: 4px 4px 4px 0 rgba(227, 223, 255, 0.18);
transition: all 0.3s ease;
}
/* Card Hover */
.dentist-hard-section .dentist-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}
/* Card Heading */
.dentist-hard-section .dentist-card h3 {
color: #58595B;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 80px */
margin-bottom: 0px;
}
/* Card Text */
.dentist-hard-section .dentist-card p {
color: #58595B;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 217.188%; /* 34.75px */
margin-bottom: 0;
}
/* Responsive */
@media (max-width: 991px) {
.dentist-hard-section .dentist-title {
font-size: 26px;
}
}
@media (max-width: 576px) {
.dentist-hard-section .dentist-title {
font-size: 22px;
}
.dentist-hard-section .dentist-desc {
font-size: 13px;
}
}
.disease-section
{
background: #141B5D;
}
.disease-section .disease-card
{
padding: 20px;
height: 100%;
width: 100%;
display: block;
border-bottom: rgb(244 240 255 / 10%) 1px solid !important;
text-decoration: none;
}
.disease-section .disease-title
{
color: #F4F0FF;
font-size: 16px;
font-style: normal;
text-decoration: none;
font-weight: 500;
margin-bottom: 0.5rem;
line-height: 24px; /* 150% */
}
.disease-section .disease-desc
{
color: rgba(239, 237, 253, 0.60);
font-size: 16px;
font-style: normal;
text-decoration: none;
font-weight: 400;
line-height: 24px; /* 150% */
margin-bottom: 0;
}
.disease-section .den-section-title
{
color: #FFF !important;
}
.disease-section .den-section-subtext
{
color: #D8D8D8 !important;
}
.disease-section .disease-icon
{
margin-bottom: 1rem;
}
.disease-section .den-section-btn-light-blue
{
border: 1px solid #FFF !important;
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) !important;
}
.den-section-subtext-a {
color: #58595B;
font-size: 20px;
font-weight: 500;
line-height: 200%;
font-style: normal;
margin: auto;
}
/* Cards */
.affordable-care-section .affordable-card {
background: #fff;
padding: 20px;
border-radius: 16px;
border: 1px solid #DCDCDC;
height: 100%;
}
/* Card Title */
.affordable-care-section .affordable-card h5 {
color: #141B5D;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 48px */
margin-bottom: 15px;
}
/* List */
.affordable-care-section .affordable-card ul {
padding-left: 18px;
margin: 0;
}
.affordable-care-section .affordable-card ul li {
color: #58595B;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
margin-bottom: 10px;
}
/* Image */
.affordable-care-section .affordable-img img {
max-width: 100%;
}