/**
   * 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 > 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: 0px clamp(0.625rem, 0.1923rem + 1.9231vw, 2.5rem); 10px - 40px  } */
    .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; margin: 0px;
        display: flex; align-items: center; justify-content: center; }

    .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:var(--inter-gap); 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 .wdt-timeline-content p{margin: 0;}
    .wdt-temp-default .timeline-content-item .wdt-timeline-container .wdt-timeline-content-group{ background-color: var(--wdtTertiaryColor); padding: 25px 25px 30px; position: relative;}
    .wdt-temp-default .timeline-content-item .wdt-timeline-container .wdt-timeline-content-group .wdt-timeline-title{margin-bottom: 20px;}
    .wdt-temp-default .timeline-content-item .wdt-timeline-container .wdt-timeline-content-group .wdt-timeline-title h5{font-size: var(--wdtFontSize_H3);}
@media(min-width:768px){
    .wdt-temp-default .timeline-content-item .wdt-timeline-line { position: absolute; height: 4px; 
        width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);   background-color: var(--wdtPrimaryColor); }
    .wdt-temp-default .timeline-content-item .wdt-timeline-container .wdt-timeline-content-group::after{
        content: '';
        height: 24px;
        width: 24px;
        border-radius: var(--wdtRadius_Full);
        border: 4px solid var(--wdtPrimaryColor);
        background-color: var(--wdtAccentTxtColor);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .wdt-temp-default .timeline-content-item .wdt-timeline-container .wdt-timeline-content-group::before{
        content: '';
        height: 24px;
        width: 4px;
        background-color: var(--wdtPrimaryColor);
        position: absolute;
        bottom: -25px;
        left: 50%;
        transform: translateX(-50%);
    }

    .wdt-temp-default .timeline-content-item.wdt-even .wdt-timeline-container .wdt-timeline-content-group::after{
        bottom: -12px;
    }
    .wdt-temp-default .timeline-content-item.wdt-even .wdt-timeline-container .wdt-timeline-content-group::before{
        bottom: -25px;
    }
    .wdt-temp-default .timeline-content-item.wdt-odd .wdt-timeline-container .wdt-timeline-content-group::after{
        top: -12px;
    }
    .wdt-temp-default .timeline-content-item.wdt-odd .wdt-timeline-container .wdt-timeline-content-group::before{
        top: -25px;
    }
    .wdt-temp-default .wdt-timeline-content-items{position: relative;}
    .wdt-temp-default::after{
        content: '';
        height: 4px;
        width: 100%;
        background-color: var(--wdtPrimaryColor);
        position: absolute;
        right: -100%;
        top:50%;
        transform: translateY(-50%);
    }
     .wdt-temp-default::before{
        content: '';
        height: 4px;
        width: 100%;
        background-color: var(--wdtPrimaryColor);
        position: absolute;
        left: -100%;
        top:50%;
        transform: translateY(-50%);
    }
}



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

    @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: 767px) {
        .wdt-temp-default .timeline-content-item.swiper-slide { width: 100%; height:auto !important; }
        .wdt-temp-default .timeline-content-item .wdt-timeline-container{top: 0;transform: translateY(0);}
        .wdt-temp-default .timeline-content-item .wdt-timeline-container .wdt-timeline-media-group{display: none;}
        .wdt-temp-default .wdt-timeline-pagination > div[class*="swiper-button-next-"], 
        .wdt-temp-default .wdt-timeline-pagination > div[class*="swiper-button-prev-"]{
            position: relative;
            transform: translateY(0);
        }
        .wdt-temp-default .wdt-timeline-pagination{display: flex; align-items:center ;justify-content: center;gap: 40px;margin-top: 30px;}
        .wdt-temp-default .timeline-content-item .wdt-timeline-container .wdt-timeline-content-group{padding: 30px; height: auto !important;}
    }


/**
    * 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; }


:root{
    --inter-gap: 50px;
}

@media(max-width:767px){
:root{
    --inter-gap: 30px;
}
}