.elementor-1666 .elementor-element.elementor-element-43abc3d{--display:flex;}.elementor-1666 .elementor-element.elementor-element-43abc3d:not(.elementor-motion-effects-element-type-background), .elementor-1666 .elementor-element.elementor-element-43abc3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F8C763 0%, #FFE6B2 100%);}.elementor-1666 .elementor-element.elementor-element-4ac160f{--display:flex;}.elementor-1666 .elementor-element.elementor-element-a14c97f > .elementor-widget-container{margin:-255px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-1666 .elementor-element.elementor-element-c92ac15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:75px;--margin-left:0px;--margin-right:0px;}.elementor-1666 .elementor-element.elementor-element-5c3fc84 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-1666 .elementor-element.elementor-element-5c3fc84{text-align:center;}.elementor-1666 .elementor-element.elementor-element-5c3fc84 .elementor-heading-title{font-size:65px;}.elementor-1666 .elementor-element.elementor-element-f0b9bee .elementor-heading-title{font-size:45px;}.elementor-1666 .elementor-element.elementor-element-033d488 > .elementor-widget-container{margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1666 .elementor-element.elementor-element-5711a2b{font-size:25px;font-weight:700;line-height:1px;}.elementor-1666 .elementor-element.elementor-element-2e3e412 .elementor-button{background-color:var( --e-global-color-accent );font-weight:600;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1666 .elementor-element.elementor-element-c92ac15{--content-width:950px;}}@media(max-width:767px){.elementor-1666 .elementor-element.elementor-element-a14c97f > .elementor-widget-container{margin:-100px 0px 0px 0px;}.elementor-1666 .elementor-element.elementor-element-c92ac15{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1666 .elementor-element.elementor-element-5c3fc84 .elementor-heading-title{font-size:40px;line-height:40px;}.elementor-1666 .elementor-element.elementor-element-f0b9bee .elementor-heading-title{font-size:30px;line-height:30px;}}/* Start custom CSS for container, class: .elementor-element-43abc3d *//*For small header*/
.bw-header-small {
  height: 300px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15c7a1f */<style>
        /* --- General Styling --- */
        

        /* --- Timeline Container --- */
        .timeline-container {
            width: 100%;
            max-width: 800px;
            padding: 20px;
        }

        .timeline-title {
            text-align: center;
            font-size: 2.8em;
            font-weight: 700;
            color: #387ca4; /* Main color for the title */
            margin-bottom: 50px;
        }

        /* --- The Timeline Itself --- */
        .timeline {
            position: relative;
            padding-left: 50px;
            /* The vertical line */
            border-left: 4px solid #387ca4; 
        }

        /* --- Timeline Event Block --- */
        .timeline-event {
            position: relative;
            margin-bottom: 50px;
        }
        
        /* The last event should not have that much margin at the bottom */
        .timeline-event:last-child {
            margin-bottom: 0;
        }

        /* The circle on the timeline */
        .timeline-event::before {
            content: '';
            position: absolute;
            left: -31px; /* (20px width + 4px border * 2) / 2 - 4px line width = -27px -> adjusted for better centering */
            top: 5px;
            width: 20px;
            height: 20px;
            background-color: white;
            border: 4px solid #387ca4;
            border-radius: 50%;
            z-index: 1; /* To be on top of the line */
            transition: transform 0.2s ease-in-out;
        }
        
        .timeline-event:hover::before {
            transform: scale(1.1);
        }

        /* --- Content within an Event --- */
        .timeline-date {
            font-weight: 600;
            color: #387ca4;
            margin-bottom: 8px;
            font-size: 1.4em;
        }

        .timeline-content {
            background-color: #ffffff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            position: relative;
        }
        
        .timeline-content h3 {
             /* This is integrated into the date now, but can be used if needed */
            margin-top: 0;
            font-size: 1.5em;
            color: #333;
        }

        .timeline-content ul {
            padding-left: 20px;
            margin: 0;
        }

        .timeline-content li {
            margin-bottom: 10px;
            color: #555;
        }

        .timeline-content li:last-child {
            margin-bottom: 0;
        }

        /* --- Responsive Design for smaller screens --- */
        @media screen and (max-width: 768px) {
            .timeline-title {
                font-size: 2.2em;
            }
            .timeline {
                padding-left: 30px;
            }
            .timeline-event::before {
                left: -20px; /* Adjust position for smaller screens */
                 width: 15px;
                height: 15px;
            }
        }
    </style>/* End custom CSS */