/** * TimeLine Common Style */

    .wdt-timeline-holder .wdt-timeline-title > *:is(h1, h2, h3, h4, h5, h6) { 
        font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.5rem, 1.4333rem + 0.3681vw, 1.875rem); /*30px - 24px*/ 
        font-weight: var(--wdtFontWeight_Alt); text-transform: capitalize; margin: 0; }
    .wdt-dark-bg .wdt-timeline-holder .wdt-timeline-title > *:is(h1, h2, h3, h4, h5, h6) {  
        color: var(--wdtAccentTxtColor); }
    .wdt-timeline-holder .wdt-timeline-content-group > div:not(:last-child) { margin-bottom: 12px; }

    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-icon-wrapper { display: flex; }
    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-icon-wrapper .wdt-timeline-icon { 
        display: inline-flex; align-items: center; justify-content: center; }


/** * Template Default */

    .wdt-temp-default .timeline-content-item.swiper-slide { padding: 0 15px; /* 10px - 40px */ }

    .wdt-temp-default .timeline-content-item .wdt-timeline-line { 
        position: absolute; height: 1px; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); 
        transform: translate(-50%, -50%); background-color: var(--wdtBorderColor); z-index: -1; }

    .wdt-temp-default .wdt-timeline-pagination > div[class*="swiper-button-next-"],
    .wdt-temp-default .wdt-timeline-pagination > div[class*="swiper-button-prev-"] { 
        position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 40px; 
        height: 40px; padding: 0px; display: flex; align-items: center; justify-content: center; margin: 0; }

    .wdt-temp-default .wdt-timeline-pagination > div[class*="swiper-button-next-"] { right: 0px; }
    .wdt-temp-default .wdt-timeline-pagination > div[class*="swiper-button-prev-"] { left: 0px; }

    .wdt-temp-default .timeline-content-item .wdt-timeline-container { 
        display: flex; flex-wrap: wrap; gap: 40px; /* 30px - 90px */ 
        position: relative; top: 50%; transform: translateY(-50%); }
    .wdt-temp-default .timeline-content-item .wdt-timeline-container > div { flex: 1 1 100%; align-content: center; }

    .wdt-temp-default .timeline-content-item .wdt-timeline-container::after {
        content: ''; position: relative; width: 15px; height: 15px; top: 0; right: 0; bottom: 0; left: 0; 
        background-color: var(--wdtHeadAltColor); order: -1; -webkit-border-radius: var(--wdtRadius_Part); 
        border-radius: var(--wdtRadius_Part); z-index: 1; animation: drop-pulse-normal 1s infinite;
        -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); margin: auto; }

    .wdt-dark-bg .wdt-temp-default .timeline-content-item .wdt-timeline-container::after { 
        background-color: var(--wdtAccentTxtColor); animation: drop-pulse-dark 1s infinite; }

    .wdt-temp-default .timeline-content-item:hover .wdt-timeline-container::after,
    .wdt-dark-bg .wdt-temp-default .timeline-content-item:hover .wdt-timeline-container::after {
        background-color: var(--wdtPrimaryColor); }

    @keyframes drop-pulse-normal {
        0% { -webkit-box-shadow: 0 0 0 6px rgba(var(--wdtHeadAltColorRgb), 0.2); 
            box-shadow: 0 0 0 6px rgba(var(--wdtHeadAltColorRgb), 0.2); }
        50% { -webkit-box-shadow: 0 0 0 10px rgba(var(--wdtHeadAltColorRgb), 0.2); 
            box-shadow: 0 0 0 10px rgba(var(--wdtHeadAltColorRgb), 0.2); }
        100% { -webkit-box-shadow: 0 0 0 6px rgba(var(--wdtHeadAltColorRgb), 0.2); 
            box-shadow: 0 0 0 6px rgba(var(--wdtHeadAltColorRgb), 0.2); }
    }

    @keyframes drop-pulse-dark {
        0% { -webkit-box-shadow: 0 0 0 6px rgba(var(--wdtAccentTxtColorRgb), 0.2); 
            box-shadow: 0 0 0 6px rgba(var(--wdtAccentTxtColorRgb), 0.2); }
        50% { -webkit-box-shadow: 0 0 0 10px rgba(var(--wdtAccentTxtColorRgb), 0.2); 
            box-shadow: 0 0 0 10px rgba(var(--wdtAccentTxtColorRgb), 0.2); }
        100% { -webkit-box-shadow: 0 0 0 6px rgba(var(--wdtAccentTxtColorRgb), 0.2); 
            box-shadow: 0 0 0 6px rgba(var(--wdtAccentTxtColorRgb), 0.2); }
    }

    .wdt-temp-default .timeline-content-item.wdt-odd .wdt-timeline-container .wdt-timeline-media-group { order: 0; }
    .wdt-temp-default .timeline-content-item.wdt-odd .wdt-timeline-container::after { order: 1; }
    .wdt-temp-default .timeline-content-item.wdt-odd .wdt-timeline-container .wdt-timeline-content-group { order: 2; }

    .wdt-temp-default .timeline-content-item .wdt-timeline-container > div.wdt-timeline-content-group {
        position: relative; background-color: var(--wdtAccentTxtColor); 
        padding: clamp(1.25rem, 1.1388rem + 0.6135vw, 1.875rem); /* 30px - 20px */
        -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }

    .wdt-temp-default .timeline-content-item:hover .wdt-timeline-container > div.wdt-timeline-content-group {
        background-color: var(--wdtPrimaryColor); }

    .wdt-temp-default .timeline-content-item .wdt-timeline-container > div.wdt-timeline-content-group .wdt-timeline-content p {        
        font-family: var(--wdtFontTypo_Alt); font-size: clamp(1.25rem, 1.2055rem + 0.2454vw, 1.5rem); /*24px - 20px*/ 
        font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Base); text-transform: capitalize; 
        color: var(--wdtHeadAltColor); -webkit-transition: var(--wdt-Livi-Transition); 
        transition: var(--wdt-Livi-Transition); margin: 0; }

    .wdt-temp-default .timeline-content-item:hover .wdt-timeline-container > div.wdt-timeline-content-group .wdt-timeline-content p {        
        color: var(--wdtAccentTxtColor); }

    .wdt-temp-default .timeline-content-item.wdt-odd .wdt-timeline-container .wdt-timeline-content-group:before { 
        content: ""; position: absolute; width: 20px; height: 20px; top: -9px; right: 0; bottom: auto; 
        left: 0; background: inherit; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: auto; }

    .wdt-temp-default .timeline-content-item.wdt-even .wdt-timeline-container .wdt-timeline-content-group:before { 
        content: ""; position: absolute; width: 20px; height: 20px; top: auto; right: 0; bottom: -9px; 
        left: 0; background: inherit; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: auto; }


    @media screen and (min-width: 1541px) {
        .wdt-temp-default .timeline-content-item.swiper-slide { width: 20%; }
        .wdt-temp-default .timeline-content-item.swiper-slide:first-child { padding-left: 0; }
        .wdt-temp-default .timeline-content-item.swiper-slide:last-child { padding-right: 0; }

        .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-pagination { display: none !important; }
    }

    @media screen and (min-width: 1281px) and (max-width: 1540px) {
        .wdt-temp-default .timeline-content-item.swiper-slide { width: 25%; }
    }

    @media screen and (min-width: 1025px) and (max-width: 1280px) {
        .wdt-temp-default .timeline-content-item.swiper-slide { width: 33.33%; }
    }

    @media screen and (min-width: 600px) and (max-width: 1024px) {
        .wdt-temp-default .timeline-content-item.swiper-slide { width: 50%; }
    }

    @media screen and (max-width: 599px) {
        .wdt-temp-default .timeline-content-item.swiper-slide { width: 100%; }
    }


/** * Template Timeline */

    .wdt-temp-timeline-list .timeline-content-item { display: flex; width: 100%; max-width: 50%; position: relative; }

    .wdt-temp-timeline-list .timeline-content-item:nth-child(even) { margin-left: auto; }
    .wdt-temp-timeline-list .timeline-content-item:nth-child(odd) { margin-right: auto; }
    
    .wdt-temp-timeline-list .timeline-content-item:nth-child(even) .wdt-timeline-container { 
        padding: 20px clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem); /* Min-20 & Max-50 */  }
    .wdt-temp-timeline-list .timeline-content-item:nth-child(odd) .wdt-timeline-container { 
        padding: 20px clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem); /* Min-20 & Max-50 */  }

    /* Line Style */

    .wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line { height: 100%; width: 1px; 
        background-color: var(--wdtBorderColor); position: absolute; }

    .wdt-temp-timeline-list .timeline-content-item:nth-child(even) .wdt-timeline__line { left: -1px; }
    .wdt-temp-timeline-list .timeline-content-item:nth-child(odd) .wdt-timeline__line { right: 0; }
    


    /* Pagination - ScrollBar */

    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-pagination { 
        margin: 0 15px; margin-top: clamp(1.25rem, 1.0276rem + 1.227vw, 2.5rem); /*40px - 20px*/ }

    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-pagination .swiper-scrollbar-horizontal {
        display: block !important; float: left; height: 4px; margin: 5px 0; opacity: 1 !important; position: relative; width: 100%; z-index: 0; 
        -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); background-color: transparent; 
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 17%, rgba(255, 255, 255, 0.1) 83%, rgba(255, 255, 255, 0.1) 100%); }

    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-pagination .swiper-scrollbar-horizontal:before,
    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-pagination .swiper-scrollbar-horizontal:after {
        content: ""; height: 100%; opacity: 0.6; position: absolute; bottom: 0; left: 0; right: 0; top: 0; 
        width: 100%; z-index: -1; -webkit-border-radius: inherit; border-radius: inherit; 
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 17%, rgba(255, 255, 255, 0.1) 83%, rgba(255, 255, 255, 0.1) 100%); 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); }

    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-pagination .swiper-scrollbar-horizontal:before,
    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-pagination .swiper-scrollbar-horizontal:after { height: auto; margin: 0; width: 100%; }

    .wdt-timeline-holder .wdt-timeline-wrapper .wdt-timeline-pagination .swiper-scrollbar-horizontal .swiper-scrollbar-drag {
        background-color: currentColor; color: var(--wdt-elementor-color-accent); 
        border-radius: inherit; height: 8px; top: -2px; }