.jesus_timeline {
            position: relative;
            padding: 20px 0;
            list-style: none;
        }

        .jesus_timeline::before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 6px; /* Thicker line */
            background-color: #90caf9; /* Lighter blue line */
            left: 50%;
            margin-left: -3px;
            border-radius: 3px;
        }

        .jesus_timeline-item {
            margin-bottom: 30px; /* More spacing between items */
            position: relative;
        }

        .jesus_timeline-item:nth-child(even) .jesus_timeline-content {
            float: right;
            text-align: left;
        }

        .jesus_timeline-item:nth-child(odd) .jesus_timeline-content {
            float: left;
            text-align: right;
        }

        .jesus_timeline-item::after {
            clear: both;
            content: "";
            display: table;
        }

        .jesus_timeline-badge {
            color: #fff;
            width: 60px; /* Larger badge */
            height: 60px;
            line-height: 60px;
            font-size: 1.5em; /* Larger icon */
            text-align: center;
            position: absolute;
            top: 43px;
            left: 50%;
            margin-left: -30px;
            background-color: #2196f3; /* Default badge color */
            border-radius: 50%;
            z-index: 100;
            box-shadow: 0 0 0 7px rgba(33, 150, 243, 0.3), 0 4px 8px rgba(0,0,0,0.2); /* More prominent shadow */
            transition: all 0.3s ease-in-out; /* Smooth transition */
        }

        .jesus_timeline-item:hover .jesus_timeline-badge {
            transform: scale(1.1); /* Slight zoom on hover */
        }

        /* Specific badge colors for sections */
        .jesus_timeline-badge-early-life { background-color: #BDECF8; } /* Green */
        .jesus_timeline-badge-public-ministry { background-color: #8EDFEF; } /* Orange */
        .jesus_timeline-badge-crucifixion { background-color: #5EC0D9; } /* Red */
        .jesus_timeline-badge-post-resurrection { background-color: #2D8AB9; } /* Purple */
        .jesus_timeline-badge-legacy { background-color: #1A6B97; } /* Light Blue */


        .jesus_timeline-panel {
            width: 45%;
            float: left;
            left: 0px;
          
            border-radius: 15px; /* More rounded corners */
            padding: 25px; /* More padding */
            background-color: #ffffff;
            box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1); /* Stronger shadow */
            position: relative;
            transition: all 0.3s ease-in-out;
        }

        .jesus_timeline-item:hover .jesus_timeline-panel {
            transform: translateY(-5px); /* Slight lift on hover */
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); /* Enhanced shadow on hover */
        }

        .jesus_timeline-panel::before {
            content: '';
            position: absolute;
            top: 30px; /* Adjusted for larger badge */
            right: -18px; /* Adjusted for thicker line */
            width: 0;
            height: 0;
            border-style: solid;
            /*border-width: 18px 0 18px 18px;*/
            border-width: 0;

            border-color: transparent transparent transparent #c5cae9;
        }

        .jesus_timeline-panel::after {
            content: '';
            position: absolute;
            top: 31px; /* Adjusted */
            right: -17px; /* Adjusted */
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 17px 0 17px 17px;
            border-color: transparent transparent transparent #fff;
        }

        .jesus_timeline-item:nth-child(even) .jesus_timeline-panel {
            float: right;
        }

        .jesus_timeline-item:nth-child(even) .jesus_timeline-panel::before {
            left: -16px;
            right: auto;
            /*border-width: 18px 18px 18px 0;*/
            border-width: 0;
            border-color: transparent #c5cae9 transparent transparent;
        }

        .jesus_timeline-item:nth-child(even) .jesus_timeline-panel::after {
            left: -15px;
            right: auto;
            border-width: 17px 17px 17px 0;
            border-color: transparent #fff transparent transparent;
        }

        .jesus_timeline-heading h4 {
            margin-top: 0;
            color: var(--theme-dark-blue);
            font-weight: 700; /* Bolder headings */
            margin-bottom: 10px;
        }

        .jesus_timeline-body p {
            margin-bottom: 8px;
            line-height: 1.7;
            color: #555;
        }

        .jesus_timeline-body em {
            color: #777;
            font-style: italic;
        }

        .jesus_timeline-date {
            font-size: 0.9em;
            
            color: var(--theme-gold-accent);
            display: block;
            margin-top: 5px;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {

             .jesus_timeline-badge {
            color: #fff;
            width: 10px; /* Larger badge */
            height: 10px;
            line-height: 60px;
            font-size: 1.5em; /* Larger icon */
            text-align: center;
            position: absolute;
            top: 43px;
            left: 50%;
            margin-left: -30px;
            background-color: #2196f3; /* Default badge color */
            border-radius: 50%;
            z-index: 100;
            box-shadow: 0 0 0 7px rgba(33, 150, 243, 0.3), 0 4px 8px rgba(0,0,0,0.2); /* More prominent shadow */
            transition: all 0.3s ease-in-out; /* Smooth transition */
        }

            .jesus_timeline::before {
                left: 0px; /* Move line further left for small screens */
            }

            .jesus_timeline-item {
                margin-left: 20px; /* Indent items more */
            }

            .jesus_timeline-item:nth-child(even) .jesus_timeline-content,
            .jesus_timeline-item:nth-child(odd) .jesus_timeline-content {
                float: none;
                text-align: left;
            }

            .jesus_timeline-panel {
                width: 100%;
                float: none;
            }

            .jesus_timeline-badge {
                left: -25px !important;
                margin-left: 0;
            }

            .jesus_timeline-panel::before,
            .jesus_timeline-panel::after {
                left: -18px;
                right: auto;
                /*border-width: 18px 18px 18px 0;*/
                border-width: 0;
                border-color: transparent #c5cae9 transparent transparent;
            }
            .jesus_timeline-panel::after {
                left: -17px;
                border-width: 17px 17px 17px 0;
                border-color: transparent #fff transparent transparent;
            }
        }