.den-section-btn-cta {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%;
    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/dentulu-in-officecare/banner-bg.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%;
    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%;
    }
    .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;
    }
    .den-section-title-a {
    color: #454545;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    }
    .den-section-title-a span {
    color: #141B5D;
    }
    .feature-image
    {
    width: 100%;
    }
    .den-section-subtext-a {
    color: #58595B;
    font-size: 16px;
    font-weight: 500;
    line-height: 200%;
    font-style: normal;
    margin: auto;
    }
    .den-section-subtext-a span {
    color: #141B5D;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    font-style: normal;
    margin: auto;
    line-height: 200%;
    }
    .bridging-section .box
    {
    border-radius: 16px;
    background: #F8F8F8;
    padding: 20px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    }
    .bridging-section .box img
    {
    width: 75px;
    }
    .bridging-section .box h6
    {
    color: #141B5D;
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 32px */
    }
    .bridging-section .box p
    {
    color: #58595B;
    margin-bottom: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 32px */
    }
    .oral-health-solution .box-sec
    {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
    padding: 20px;
    height: 100%;
    }
    .oral-health-solution .box-sec a
    {
    border-radius: 72px;
    background: #141B5D;
    box-shadow: 0 2px 6px 0 rgba(74, 58, 255, 0.10), 0 -1px 1px 0 rgba(0, 0, 0, 0.12) inset, 0 1px 1.5px 0 rgba(255, 255, 255, 0.25) inset;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 135%; /* 21.6px */  
    display: block;
    padding: 10px 16px;
    }
    .oral-health-solution .box-sec p
    {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    line-height: 150%; 
    }
    .oral-health-solution .box-sec ul li
    {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 32px */
    margin-bottom: 0.5rem;
    }
    .Core-Dental-sec .sec-box
    {
    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%;
    }
    .Core-Dental-sec .sec-box h6
    {
    color: #58595B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 40px */
    margin-bottom: 0;
    }
    .Core-Dental-sec .sec-box img
    {
    width: 84px;
    }
    .Core-Dental-sec .badge
    {
    border-radius: 8px;
    background: #F6F6F6;
    color:  #727272;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; 
    }
    .Core-Dental-sec h4
    {
    color: #58595B;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 48px */
    }
    .Core-Dental-sec .text
    {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 32px */
    }
    .Core-Dental-sec h5
    {
    color: #58595B;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 64px */
    letter-spacing: 19.2px;
    }
    .oral-health-system .health-card
    {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 3.493px 10.48px 0 rgba(149, 157, 165, 0.20);
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }
    .den-flex-app
    {
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .oral-health-system .health-card h5
    {
    color: #58595B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 40px */
    margin-bottom: 0.5rem;
    }
    .oral-health-system .health-card p
    {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 32px */
    }
    .oral-health-system .health-card a
    {
    display: block;
    }
    .oral-health-system .health-card img
    {
    width: 100%;
    }
    .user-type-section .nav-tabs  
    {
    display: flex;  
    flex-wrap: wrap;
    gap: 1rem;
    border-bottom: none;
    }
    .user-type-section .nav-tabs  .nav-item  .nav-link
    {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    color: #58595B;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 285.714% */   
    border: none;
    }
    .user-type-section .nav-tabs  .nav-item  .nav-link.active
    {
    border-radius: 12px;
    background: #141B5D;
    box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    color: #FFF; 
    }
    .user-type-section .tab-content
    {
    border-radius: 24px;
    background:  #FFF;
    box-shadow: 0 24px 50px 0 rgba(0, 0, 0, 0.10);
    padding: 30px;
    }
    .user-type-section .tab-content h4
    {
    color: #58595B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 40px */
    }
    .user-type-section .tab-content ul li
    {
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 200%; /* 32px */
    margin-bottom: 0.5rem;
    }
    .user-type-section .tab-content h5
    {
    color: #58595B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 40px */
    }
    .user-type-section .tab-content .badge {
    border-radius: 10px;
    border: 1.6px solid #E5E7EB;
    background: #FFF;
    color: #58595B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 32px */
    }
    :root{
        --rail-color:#141B5D;
        --box-bg:#fff;
        --box-border:#e6e6ef;
        --pill-bg:#141B5D;
        --pill-color:#fff;
        --connector-thickness:3px;
      }
    .workflow-wrap{
    max-width:1100px;
    margin:0 auto;
    position:relative;
    }
    /* Horizontal rail across center */
    .Core-Dental-sec .horizontal-rail{
    position:absolute;
    left:2%;
    right:2%;
    top:50%;
    height:var(--connector-thickness);
    background:var(--rail-color);
    transform:translateY(-50%);
    z-index:1;
    border-radius:6px;
    opacity:0.95;
    }
    /* center pill sits on top of rail */
    .Core-Dental-sec .center-pill{
    display:inline-block;
    background:var(--pill-bg);
    color: #EBEBEB;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 200%; /* 64px */
    letter-spacing: 19.2px;
    padding:8px 32px;
    border-radius:10px;
    font-weight:700;
    letter-spacing:6px;
    position:relative;
    z-index:3;
    margin:0 auto;
    text-align:center;
    box-shadow:0 6px 18px rgba(15,15,40,0.15);
    }
    /* layout rows */
    .Core-Dental-sec .row-steps{
    display:flex;
    justify-content:space-between;
    gap:18px;
    margin-bottom:28px;
    position:relative;
    z-index:2;
    }
    .Core-Dental-sec  .step-box{
        border-radius: 8px;
        background: #F6F6F6;
    border-radius:10px;
    padding:12px 14px;
    min-width:150px;
    text-align:center;
    position:relative;
    font-weight: 700;
    color: #727272;
    flex:1 1 0;
    font-size:14px;
    }
    /* vertical connectors from boxes to rail */
    /* top row: connect downward */
    .Core-Dental-sec   .top .step-box::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:100%;
    width:var(--connector-thickness);
    height:calc(50% + 10px); /* reach the horizontal rail */
    background:var(--rail-color);
    border-radius:2px;
    margin-top:8px;
    z-index:1;
    }
    /* bottom row: connect upward */
    .Core-Dental-sec  .bottom .step-box::before{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:100%;
    width:var(--connector-thickness);
    height:calc(50% + 10px);
    background:var(--rail-color);
    border-radius:2px;
    margin-bottom:8px;
    z-index:1;
    }
    /* ensure the center pill visually sits on the rail */
    .Core-Dental-sec .center-row{
    display:flex;
    justify-content:center;
    margin:18px 0;
    position:relative;
    z-index:4;
    }
    /* spacing tweaks for different counts (7 steps): top 3, bottom 4 */
    .Core-Dental-sec  .top .step-box{ max-width:28%; }
    .Core-Dental-sec  .bottom .step-box{ max-width:22%; }
    /* responsive */
    @media (max-width:900px){
        .Core-Dental-sec   .row-steps{ gap:12px; }
        .Core-Dental-sec  .top .step-box, .bottom .step-box{ max-width:none; flex:1 1 30%; font-size:13px; padding:10px; }
        .Core-Dental-sec  .top{ margin-bottom:12px; }
        .Core-Dental-sec  .bottom{ margin-top:12px; }
    /* shorten connector heights on smaller screens */
    .Core-Dental-sec   .top .step-box::after, .bottom .step-box::before{ height:36px; }
    .Core-Dental-sec   .horizontal-rail{ left:4%; right:4%; }
    }
    @media (max-width:640px){
    /* stack on mobile: steps become two stacked rows with center in middle */
    .Core-Dental-sec   .row-steps{ flex-wrap:wrap; justify-content:center; }
    .Core-Dental-sec   .top .step-box, .bottom .step-box{ flex:1 1 100%; max-width:640px; }
    /* hide vertical connectors on very narrow screens to avoid overlap */
    .Core-Dental-sec   .top .step-box::after, .bottom .step-box::before{ display:none; }
    .Core-Dental-sec  .horizontal-rail{ display:none; }
    .Core-Dental-sec  .center-pill{ margin:18px 0; }
    }