.ddt-main-heading{display:flex;justify-content:center;font-family:'Inter', sans-serif;font-size:14px;color:#080808;margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}
            .ddt-heading-content{display:flex;align-items:flex-start;max-width:100%;}
            .ddt-heading-content span { font-weight: bold; line-height: 1.4; text-align: left; }
            .ddt-heading-content strong { text-decoration: underline; font-weight: normal; color: #fe5e3a; }
            .ddt-heading-content .ddt-heading-icon{width:24px;height:auto;margin-right:8px;margin-top:2px;flex-shrink:0;}
            
            .order-timeline-container{font-family:'Inter', sans-serif;max-width:100%;margin:0px auto 0px auto;padding:0px 0px 0px 0px;box-sizing:border-box;}
            .order-timeline{display:flex;justify-content:space-between;align-items:flex-start;position:relative;}
            
            /* Fixed Line Positioning: Mathematical center of 3 steps is exactly 1/6 (16.66%) from edges */
            .order-timeline::before{
                content:'';
                position:absolute;
                top:25px;
                left: 16.66%;
                right: 16.66%;
                height:3px;
                background-color:#080808;
                z-index:1;
            }

            .timeline-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;flex:1;}
            
            .timeline-icon{width:50px;height:50px;background-color:#080808;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-sizing:border-box;flex-shrink:0;}
            .timeline-icon img, .timeline-icon svg {width:52%;height:52%;object-fit:contain;}
            .timeline-details{display:flex;flex-direction:column;width: 100%;}
            .timeline-date{font-size:13.5px;font-weight:bold;color:#080808;white-space:nowrap;}
            .timeline-label{font-size:13px;color:#525050;}
            
            

            @media (max-width: 768px) {
                .ddt-main-heading {
                    display: block; /* Switch to block layout */
                    text-align: center;
                }
                .ddt-heading-content {
                    display: inline-block; /* Behave like inline element */
                    text-align: center;
                    max-width: 100%;
                }
                .ddt-heading-content .ddt-heading-icon {
                    display: inline-block;
                    vertical-align: middle;
                    margin-top: -3px;
                    float: none;
                }
                .ddt-heading-content span {
                    display: inline;
                    vertical-align: middle;
                    text-align: center;
                }
                .timeline-date {
                    white-space: normal;
                    font-size: 12px;
                }
                .timeline-label {
                    font-size: 11px;
                }
            }