.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-item {
position: relative;
margin-bottom: 1rem;
}
.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-item-right .timeline-content .timeline-title
{
text-align: left;
}
.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 ol li
{
color: #58595B;
font-size: 16px;
font-style: normal;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 200%; /* 32px */
}
.timeline-section .timeline-box ol li:last-child
{
margin-bottom: 0rem;
}
.timeline-section .timeline-box ol li strong
{
color: #58595B;
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;
}
.timeline-section .timeline-title {
text-align: left;
}
}
.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;
}
.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;
}
.vid-con-hero-section {
position: relative;
background: url(../img/saliva-testing/ban-bg.webp) no-repeat center;
background-size: cover;
padding-bottom: 0px;
}
.saliva-benefits-section .benefit-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%;
}
.saliva-benefits-section .benefit-card h5
{
color: #58595B;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 40px */
}
.saliva-benefits-section .benefit-card p
{
color: #58595B;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
margin-bottom: 0;
}
.saliva-benefits-section iframe
{
border-radius: 15px;
}
.saliva-benefits-section  .benefit-icon
{
width: 100%;
height: auto;
border-radius: 16px;
}
.Smart-Choice-section
{
padding: 80px 0;
}
.Smart-Choice-section-box
{
border-radius: 16px;
opacity: 0.94;
background: #F6FEFF;
padding: 30px 20px;
padding-bottom: 0;
}
.Smart-Choice-section-head
{
color: #58595B;
text-align:left;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
}
.Smart-Choice-section-box-a
{
border-radius: 12px;
background: #FFF;
text-align: center;
box-shadow: 0 4.258px 63.872px 0 rgba(0, 0, 0, 0.08);
padding: 20px;
}
.Smart-Choice-sect-text
{
color: #58595B;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 200%; /* 32px */
}
.Smart-Choice-section-box-a
{
border-radius: 12px;
border: 1.128px solid #BFBFBF;
background:  #FFF;
box-shadow: -4.51px 4.51px 33.828px 0 rgba(0, 0, 0, 0.04);
padding: 30px 20px;
padding-bottom: 0;
}
.comparison-table .bg-blue-white
{
background: #141B5D;
color: #fff !important;
font-size: 16px;
border-bottom: 1px solid  #141B5D !important;
font-style: normal;
font-weight: 600;
line-height: 18px; 
}
.comparison-table .first
{
border-radius: 16px 16px 0    0 !important;
}
.comparison-table .last
{
border-radius:  0    0 16px 16px!important;
}
.comparison-table .first-main
{
border-radius:   16px!important;
}
.comparison-table .col-4
{
min-height: 70px;
color: #535862;
font-size: 16px;
font-style: normal;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
line-height: 18px; /* 112.5% */
border-bottom: 1px solid  #E9EAEB;
padding: 12px 24px;
}
.den-section-subtext-a {
color: #58595B;
font-size: 20px;
font-weight: 500;
line-height: 200%;
font-style: normal;
margin: auto;
}
.comparison-table .bg-blue
{
border: 0.5px solid #E9EAEB;
background: #FFF;
box-shadow: 0 4.258px 63.872px 0 rgba(0, 0, 0, 0.08);
}
.comparison-table .bg-blue-first
{
border-radius: 16px 16px 0    0 !important;
}
.comparison-table .bg-blue-last
{
border-radius:  0    0 16px 16px!important;
}
.why-matters-content h4,
.why-highlight-card h4{
color:#141B5D;
font-weight:700;
font-size:26px;
margin-bottom:20px;
}
.why-matters-content p,
.why-highlight-card p{
color:#555;
line-height:1.8;
font-size:16px;
}
.why-highlight-card{
background:#ffffff;
padding:40px;
border-radius:25px;
box-shadow:0 15px 40px rgba(20,27,93,.10);
}
.why-icon{
width:80px;
height:80px;
background:#eef1ff;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:25px;
}
.why-icon img{
width:100px;
height:100px;
object-fit:contain;
border-radius:20px;
}
.impact-box{
margin-top:25px;
padding:20px;
background:#141B5D;
border-radius:15px;
text-align:center;
}
.impact-box span{
display:block;
color:#fff;
font-size:16px;
}
.impact-box strong{
display:block;
color:#fff;
font-size:28px;
margin-top:8px;
}
@media(max-width:768px){
.why-highlight-card{
padding:25px;
}
.why-matters-content h4,
.why-highlight-card h4{
font-size:22px;
}
}
.connected-care-section{
background:#ffffff;
}
.connected-image-card img{
width:100%;
border-radius:25px;
}
.connected-content{
color:#555;
line-height:1.8;
}
.question-box{
background:#f3f5ff;
padding:25px;
border-radius:20px;
margin-bottom:25px;
}
.question-box i{
font-size:35px;
color:#1C3FC6;
margin-bottom:15px;
}
.question-box h4{
color:#141B5D;
font-size:22px;
font-weight:700;
margin:0;
}
.connected-content p{
font-size:16px;
margin-bottom:18px;
}
.connected-highlight{
margin-top:30px;
}
.highlight-item{
display:flex;
gap:20px;
align-items:center;
padding:20px;
background:#fff;
border-radius:18px;
margin-bottom:15px;
box-shadow: rgba(20, 27, 93, 0.06) 0px 8px 25px;
}
.highlight-item img{
width:80px;
height:80px;
object-fit:contain;
border-radius:12px;
}
.highlight-item h5{
color:#141B5D;
font-weight:700;
margin-bottom:5px;
}
.highlight-item p{
margin:0;
font-size:14px;
}
@media(max-width:768px){
.highlight-item{
flex-direction:column;
text-align:center;
}
.question-box h4{
font-size:19px;
}
}
.friction-item{
display:flex;
gap:20px;
padding:20px;
background:#fff;
border-radius:18px;
margin-bottom:18px;
box-shadow:0 8px 25px rgba(20,27,93,.06);
}
.friction-number{
min-width:45px;
height:45px;
border-radius:50%;
background:#141B5D;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
}
.friction-item h5{
color:#141B5D;
font-weight:700;
margin-bottom:8px;
}
.friction-item p{
color:#666;
margin:0;
line-height:1.7;
}
.traditional-card{
background:#fff;
padding:35px;
border-radius:25px;
box-shadow:0 15px 40px rgba(20,27,93,.10);
}
.traditional-card img{
border-radius:20px;
}
.traditional-card h4{
color:#141B5D;
font-weight:700;
margin-bottom:20px;
}
.traditional-card p{
color:#555;
line-height:1.8;
}
.care-access-box{
background:#eef1ff;
padding:20px;
border-radius:15px;
margin-top:25px;
}
.care-access-box strong{
color:#141B5D;
font-size:20px;
}
@media(max-width:768px){
.friction-item{
flex-direction:column;
}
.friction-number{
margin:auto;
}
.traditional-card{
padding:25px;
}
}
.real-question-card{
background:#fff;
padding:45px;
border-radius:30px;
box-shadow:0 15px 45px rgba(20,27,93,.10);
}
.question-header{
text-align:center;
padding-bottom:25px;
border-bottom:1px solid #eee;
}
.question-header h3{
color:#141B5D;
font-weight:700;
line-height:1.5;
}
.care-option{
height:100%;
background:#f8f9ff;
padding:30px;
border-radius:20px;
text-align:center;
transition:.3s;
}
.care-option:hover{
transform:translateY(-8px);
}
.care-option.active{
background:#141B5D;
}
.care-option.active h5,
.care-option.active p{
color:#fff;
}
.care-icon{
width:80px;
height:80px;
margin:0 auto 20px;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
}
.care-icon img{
width:80px;
height:80px;
object-fit:contain;
}
.care-option h5{
color:#141B5D;
font-weight:700;
margin-bottom:15px;
}
.care-option p{
color:#666;
line-height:1.8;
}
.dentulu-message{
background:#eef1ff;
padding:30px;
border-radius:20px;
text-align:center;
}
.dentulu-message h4{
color:#141B5D;
font-weight:700;
margin-bottom:12px;
}
.dentulu-message p{
color:#555;
line-height:1.8;
}
@media(max-width:768px){
.real-question-card{
padding:25px;
}
.question-header h3{
font-size:22px;
}
}
.ecosystem-image{
background:#fff;
padding:20px;
border-radius:30px;
box-shadow:0 15px 40px rgba(20,27,93,.12);
}
.ecosystem-image img{
border-radius:25px;
}
.ecosystem-card{
background:#fff;
padding:35px;
border-radius:30px;
box-shadow:0 15px 40px rgba(20,27,93,.10);
}
.ecosystem-item{
display:flex;
gap:20px;
margin-bottom:30px;
}
.ecosystem-icon{
min-width:80px;
height:80px;
border-radius:18px;
background:#eef1ff;
display:flex;
align-items:center;
justify-content:center;
}
.ecosystem-icon img{
width:80px;
height:80px;
object-fit:contain;
}
.ecosystem-item h5{
color:#141B5D;
font-weight:700;
margin-bottom:10px;
}
.ecosystem-item p{
color:#666;
line-height:1.8;
margin-bottom:0;
}
.ecosystem-highlight{
background:#141B5D;
color:#fff;
padding:25px;
border-radius:20px;
margin-top:20px;
}
.ecosystem-highlight h5{
font-weight:700;
margin-bottom:12px;
}
.ecosystem-highlight p{
line-height:1.8;
margin-bottom:0;
}
@media(max-width:768px){
.ecosystem-item{
flex-direction:column;
}
.ecosystem-card{
padding:25px;
}
}