/**
   * TimeLine Common Style 
*/

    .wdt-timeline-holder .wdt-timeline-title > *:is(h1, h2, h3, h4, h5, h6) { margin: 0px; }
    .wdt-timeline-holder .wdt-timeline-content-group > *:not(:last-child) { margin-bottom: 20px; }

    .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; }
    .wdt-timeline-holder .wdt-timeline-content-group .wdt-timeline-main-title{display: block;}
    .wdt-timeline-holder .wdt-timeline-content-group .wdt-timeline-content p{margin: 0;}

/** 
    * Template Default   
*/

    .wdt-temp-default .timeline-content-item.swiper-slide { padding: 0px clamp(0.625rem, 0.1923rem + 1.9231vw, 2.5rem); /* 10px - 40px */ }


    .wdt-temp-default .wdt-timeline-info > *:not(:last-child) { margin-bottom: 12px; }
    .wdt-temp-default .timeline-content-item .wdt-timeline-container .wdt-timeline-info p { margin: 0px; }

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

    .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; }

    .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 .wdt-timeline-pagination > div[class*="swiper-button-"] i { -webkit-transition: inherit; transition: inherit; }

    .wdt-temp-default .timeline-content-item .wdt-timeline-container {
        position: relative; display: flex; flex-wrap: wrap; gap: clamp(5rem, 4.7922rem + 0.694vw, 5.625rem); /* 80px - 90px */ 
        top: 50%; transform: translateY(-50%); }

    .wdt-temp-default .timeline-content-item .wdt-timeline-container > div { 
        flex: 1 1 100%; align-content: center; display: inline-flex; align-items: end; }


    @media screen and (min-width: 1281px) {
        .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 { 
        position: relative; display: flex; width: 100%; max-width: 50%; }

    .wdt-temp-timeline-list .timeline-content-item .wdt-timeline-container > div:not(:last-child) { 
        margin-bottom: 20px; }

    .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-left: clamp(3.75rem, 3.5276rem + 1.227vw, 5rem); /*80px - 60px*/ }
    .wdt-temp-timeline-list .timeline-content-item:nth-child(odd) .wdt-timeline-container { 
        padding-right: clamp(3.75rem, 3.5276rem + 1.227vw, 5rem); /*80px - 60px*/ flex-direction: row-reverse; }


    /* Line Group Style */

    .wdt-temp-timeline-list .timeline-content-item .timeline-content-icon-wrapper { 
        display: grid; align-items: center; justify-content: center; justify-items: center; 
        width: 50px; max-width: 50px; min-width: 50px; position: absolute; 
        top: 0; right: 0; left: 0; bottom: 0; margin: auto; }

    .wdt-temp-timeline-list .timeline-content-item .timeline-content-icon-wrapper .wdt-timeline-icon-wrapper { 
        grid-area: 1/-1; z-index: 1; }

    .wdt-temp-timeline-list .timeline-content-item .timeline-content-icon-wrapper .wdt-timeline__line { 
        grid-area: 1/-1; }

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

    .wdt-temp-timeline-list .timeline-content-item:nth-child(even) .timeline-content-icon-wrapper { right: auto; left: -25px; }
    .wdt-temp-timeline-list .timeline-content-item:nth-child(odd) .timeline-content-icon-wrapper { left: auto; right: -25px; }

    .wdt-temp-timeline-list .timeline-content-item .timeline-content-icon-wrapper .wdt-timeline-icon-wrapper .wdt-timeline-icon { 
        position: absolute; top: 0; left: -100%; right: -100%; bottom: 0; margin: auto; }


    @media screen and (max-width: 700px) {

        .wdt-temp-timeline-list .timeline-content-item { width: 100%; max-width: 100%; }

        .wdt-temp-timeline-list .timeline-content-item:not(:last-child) { padding-bottom: 25px; }

        .wdt-temp-timeline-list .timeline-content-item:nth-child(even),
        .wdt-temp-timeline-list .timeline-content-item:nth-child(odd) { margin: 0; }

        .wdt-temp-timeline-list .timeline-content-item:nth-child(even) .wdt-timeline-container,
        .wdt-temp-timeline-list .timeline-content-item:nth-child(odd) .wdt-timeline-container { padding-left: 0; padding-right: 0; }

        .wdt-temp-timeline-list .timeline-content-item .timeline-content-icon-wrapper {
            width: 100%; max-width: 100%; min-width: 100%; }

        .wdt-temp-timeline-list .timeline-content-item:nth-child(even) .timeline-content-icon-wrapper,
        .wdt-temp-timeline-list .timeline-content-item:nth-child(odd) .timeline-content-icon-wrapper {
            top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

        .wdt-temp-timeline-list .timeline-content-item .timeline-content-icon-wrapper .wdt-timeline-icon-wrapper .wdt-timeline-icon {
            position: absolute; top: 20px; left: auto; right: 20px; bottom: auto; margin: auto; }

        .wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line { display: none; }
        
    }