/**
   * TimeLine Common Style 
*/

    .wdt-timeline-holder .wdt-timeline-title > *:is(h1, h2, h3, h4, h5, h6) { margin: 0px; }
    

    .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: clamp(1.875rem, 1.0096rem + 3.8462vw, 5.625rem); /* 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; }


    @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 
*/




    /* Line Style */



  .wdt-temp-timeline-list {
  counter-reset: timeline-counter;
} 


.wdt-temp-timeline-list .timeline-content-item  .wdt-timeline-image img{
       border-radius:var(--wdtRadius_3X);
      
}

   .wdt-temp-timeline-list .timeline-content-item { display:grid; width: 100%;  grid-template-columns: 1fr auto 1fr; align-items:center; counter-increment: timeline-counter; overflow:hidden;}


.wdt-timeline-holder .wdt-timeline-content-items  .wdt-timeline-content-group{
    grid-column:3;
    grid-row:1;
    margin-bottom: clamp(1.875rem, 1.3177rem + 2.5478vw, 4.375rem);  /* Min-30 & Max-70 */ 
    margin-top: clamp(1.875rem, 1.3177rem + 2.5478vw, 4.375rem);  /* Min-30 & Max-70 */ 
}

.wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line { height: 100%; width: 2px; 
    grid-column:2; grid-row: 1; position:relative;  background-image: repeating-linear-gradient(
    to bottom, var(--wdtBorderColor) 0 10px,  transparent 10px 16px );
   background-size: 100% 16px; 
  animation: runGradient 1s linear infinite;
 }

@keyframes runGradient {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 16px; 
  }
}

 .wdt-temp-timeline-list .timeline-content-item:first-child .wdt-timeline__line{
    top: 200px;
 }
 .wdt-temp-timeline-list .timeline-content-item:first-child .wdt-timeline__line:after{
    top:0;
    transform: translate(-50%, 0px);
 }
  .wdt-temp-timeline-list .timeline-content-item:last-child .wdt-timeline__line:after{
    bottom: 0;
    top: auto;
    transform: translate(-50%, 0);
  }
 
 .wdt-temp-timeline-list .timeline-content-item:last-child .wdt-timeline__line{
    bottom: 250px;
}


 .wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line:after{
    content: counter(timeline-counter, decimal-leading-zero);
    font-size: clamp(1.875rem, 1.457rem + 1.9108vw, 3.75rem); /* Min-30 & Max-60 */ 
    font-family:var(--wdtFontTypo_Alt);
    font-weight:var(--wdtFontWeight_Alt);
    line-height:var(--wdtLineHeight_Alt);
    color:var(--wdtAccentTxtColor);
    width:100px;
    height:100px;
    background-color:var(--wdtBorderColor);
    border-radius:var(--wdtRadius_Full);
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    transition:var(--wdt-Ad-Transition);
    z-index:2;
 }
 .wdt-temp-timeline-list .timeline-content-item:hover .wdt-timeline__line:after{
    background-color: rgba(var(--wdtHeadAltColorRgb), 1);
 }
 
.wdt-temp-timeline-list .timeline-content-item  .wdt-timeline-image img{
    border-radius:var(--wdtRadius_3X);
}

.wdt-temp-timeline-list .timeline-content-item  .wdt-timeline-image{
    padding:30px;
    background-color:rgba(var(--wdtBodyTxtColorRgb),.1);
    border-radius:var(--wdtRadius_3X);
    grid-column:1;
    grid-row:1;
    transition:var(--wdt-Ad-Transition);
}


.wdt-temp-timeline-list .timeline-content-item:hover  .wdt-timeline-image{
    background-color:rgba(var(--wdtPrimaryColorRgb),1);
}

/* for odd */

.wdt-timeline-holder .wdt-timeline-content-items  .timeline-content-item:nth-child(odd) .wdt-timeline-content-group{
    grid-column:1;
    grid-row:1;
    margin-right:clamp(5rem, 3.1887rem + 8.2803vw, 13.125rem); /* 210-70 */
}
.wdt-timeline-holder .wdt-timeline-content-items  .timeline-content-item:nth-child(even) .wdt-timeline-content-group{
    margin-left:clamp(5rem, 3.1887rem + 8.2803vw, 13.125rem);  /* 210-70 */
}
.wdt-temp-timeline-list .timeline-content-item:nth-child(odd)  .wdt-timeline-image{
    grid-column:3;
    grid-row:1;
    margin-left:clamp(5rem, 3.1887rem + 8.2803vw, 13.125rem); /* 210-70 */
}
.wdt-temp-timeline-list .timeline-content-item:nth-child(even)  .wdt-timeline-image{
    margin-right:clamp(5rem, 3.1887rem + 8.2803vw, 13.125rem); /* 210-70 */
}


.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-content p{
    margin-bottom:0;
}
.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-title{
    margin-bottom:20px;
    max-width:450px;
}
.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-content{
    margin-bottom:30px;
    max-width:500px;
    display:inline-block;
    text-wrap: balance;
}
.wdt-timeline-holder .timeline-content-item:hover  .wdt-timeline-button a{background-color:var(--wdtPrimaryColor); color:var(--wdtAccentTxtColor); border-color:var(--wdtPrimaryColor);}

.wdt-timeline-button .wdt-button { position: relative; font-size: var(--wdt-btn-font-size); -webkit-transform-style: preserve-3d; overflow: hidden;
    transform-style: preserve-3d; gap: 0px; transform: translateY(0px); transition: var(--wdt-Ad-Transition); transform-origin: 50% 0; height: fit-content; padding: 14px 48px; border-color: var(--wdtBodyTxtColor); color: var(--wdtBodyTxtColor);}


.wdt-timeline-button .wdt-button .wdt__button_text { transition: var(--wdt-Ad-Transition); text-align: center; display: inline-flex; align-items: center; filter: blur(0);}
.wdt-timeline-button .wdt-button .wdt__button_text:nth-child(2) { position: absolute; opacity: 0; transform: translateY(100%);filter: blur(2px); }

.wdt-timeline-button .wdt-button:hover .wdt__button_text:nth-child(1),
.wdt-timeline-button .wdt-button:focus .wdt__button_text:nth-child(1) { opacity: 0; transform: translateY(-100%);filter: blur(2px);}

.wdt-timeline-button .wdt-button:hover .wdt__button_text:nth-child(2),
.wdt-timeline-button .wdt-button:focus .wdt__button_text:nth-child(2) { opacity: 1; transform: translateY(0%); filter: blur(0);}
.wdt-timeline-button .wdt-button:focus{color: var(--wdtAccentTxtColor); border-color: var(--wdtLinkHoverColor);}

.wdt-timeline-button .wdt-button .wdt__button_text:after { content: ""; position: relative; display: inline-block;
    width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: var(--wdt-arrow-mask); mask-image: var(--wdt-arrow-mask);
    -webkit-mask-size: 99%; mask-size: 99%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; font-size: var(--btn-arrow-size);
    -webkit-mask-position: center; mask-position: center; transition: var(--wdt-Ad-Transition); margin-left: 8px; align-self: center; }
    

 @media (max-width:1540px){ .wdt-temp-timeline-list .timeline-content-item:last-child .wdt-timeline__line{ bottom: 220px; }
 }   
@media (min-width:1281px){
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline-image{
    margin-bottom: clamp(1.25rem, 0.832rem + 1.9108vw, 3.125rem); /* Min-20 & Max-50 */ 
}
}




@media (max-width:1280px){
 .wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line:after{
    width:80px;
    height:80px;
 }
 .wdt-temp-timeline-list .timeline-content-item:first-child .wdt-timeline__line{
    transform: translateY(-40px);
 }
  .wdt-temp-timeline-list .timeline-content-item:last-child .wdt-timeline__line{
    transform: translate(0px, 40px);   
}

}
@media (max-width:1024px){
.wdt-temp-timeline-list .timeline-content-item:nth-child(even)  .wdt-timeline-image{
    margin-right:60px;
}
.wdt-temp-timeline-list .timeline-content-item:nth-child(odd)  .wdt-timeline-image{
   
    margin-left:60px; 
}
.wdt-timeline-holder .wdt-timeline-content-items  .timeline-content-item:nth-child(odd) .wdt-timeline-content-group{
   margin-right:60px; 
}
.wdt-timeline-holder .wdt-timeline-content-items  .timeline-content-item:nth-child(even) .wdt-timeline-content-group{
    margin-left:60px;
}
.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-content-group{
    margin-top:30px;
}
 .wdt-temp-timeline-list .timeline-content-item:first-child .wdt-timeline__line{
    transform: translateY(-70px);
 }
  .wdt-temp-timeline-list .timeline-content-item:last-child .wdt-timeline__line{
    transform: translate(0px, 70px);   
}
}

@media (max-width:767px){
.wdt-timeline-holder .wdt-timeline-content-items  .timeline-content-item:nth-child(odd) .wdt-timeline-content-group{
    grid-column:1;
    grid-row:2;
    margin-left:0px; 
    margin-right:0;
}
.wdt-timeline-holder .wdt-timeline-content-items  .timeline-content-item:nth-child(even) .wdt-timeline-content-group{
    margin-left:0px; 
    margin-right:0;
    grid-column:1;
    grid-row:2;
}
.wdt-temp-timeline-list .timeline-content-item:nth-child(odd)  .wdt-timeline-image{
    grid-column:1;
    grid-row:1;
    margin-right:00px; 
    margin-left:0;
}
.wdt-temp-timeline-list .timeline-content-item:nth-child(even)  .wdt-timeline-image{
    margin-right:0px; 
    margin-left:0;
    grid-column:1;
    grid-row:1;

}
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line{
    display:none;
}
.wdt-temp-timeline-list .timeline-content-item{
    grid-template-columns:100%;
}
.wdt-temp-timeline-list .timeline-content-item:not(:last-child){
    margin-bottom:40px;
}
.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-content-group{
    margin-bottom:0;
}

.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-content{
    margin-bottom:25px;
}
.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-content-group{
    margin-bottom:0px;
}

}