
/**
   * 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 .timeline-content-item .wdt-timeline-container .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; 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%; }}
.wdt-temp-timeline-list { counter-reset: timeline-counter;} 
.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-timeline-holder .wdt-timeline-content-items .timeline-content-item:not(:last-child)  .wdt-timeline-content-group{
    padding-bottom:150px;}
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line { height: 100%; width:1px; 
    grid-column:2; grid-row: 1; position:relative; background-color:var(--wdtBorderColor);}

.wdt-temp-timeline-list .timeline-content-item:first-child .wdt-timeline__line{
    transform: translateY(50%); top: 0;}

.wdt-temp-timeline-list .timeline-content-item:first-child .wdt-timeline__line:after{ top: 25px;;}

  .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{
    transform: translateY(calc(-50% + 60px));}
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line:after{
    content: counter(timeline-counter, decimal-leading-zero);font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem); /* Min-24 & Max-36 */ 
    font-family:var(--wdtFontTypo_Alt); font-weight:var(--wdtFontWeight_H5); line-height:var(--wdtLineHeight_H5);
    color:var(--wdtAccentTxtColor); width:120px; height:120px; background-color:var(--wdtHeadAltColor);  border-radius:var(--wdtRadius_Full);
    display:flex; align-items:center; justify-content:center; position:absolute; top:50%; transform: translate(-50%, calc(-50% - 75px));
    transition:var(--wdt-Ad-Transition); z-index:2;
}
 .wdt-temp-timeline-list .timeline-content-item:hover .wdt-timeline__line:after{ background-color:var(--wdtPrimaryColor);}
 .wdt-temp-timeline-list .timeline-content-item  .wdt-timeline-image img{ max-height:620px;}
.wdt-temp-timeline-list .timeline-content-item  .wdt-timeline-image{
    grid-column:1; grid-row:1; transition:var(--wdt-Ad-Transition);}
.wdt-temp-timeline-list .timeline-content-item:not(:last-child) .wdt-timeline-image{ padding-bottom:150px;}

/* 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; display:inline-block;}
.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-title h5{
    font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem); /* Min-24 & Max-36 */}
.wdt-timeline-holder .wdt-timeline-content-items .wdt-timeline-content{
    margin-bottom:30px;  max-width:500px; display:inline-block; text-wrap: balance;}
.wdt-timeline-button .wdt-button { 
  font-size: var(--wdtFontSize_Ext); padding: var(--wdtPadding_Btn); font-family: var(--wdt-elementor-typo-text-font-family);
  font-weight: 500; line-height: 1; transition:var(--wdt-Ad-Transition); background-color:var(--wdtHeadAltColor);}
.wdt-timeline-button .wdt-button .wdt__button_text:nth-child(2) { display:none;}
.wdt-temp-timeline-list .timeline-content-item:hover .wdt-button{background-color:var(--wdtPrimaryColor);}
.wdt-temp-timeline-list .timeline-content-item:hover .wdt-button:hover{background-color:var(--wdtHeadAltColor);}
.wdt-timeline-holder .wdt-temp-timeline-list .wdt-timeline-content-group > div:not(:last-child){ margin-bottom:55px;}

@media(max-width:1540px){
.wdt-temp-timeline-list .timeline-content-item:not(:last-child) .wdt-timeline-image,
.wdt-timeline-holder .wdt-timeline-content-items .timeline-content-item:not(:last-child) .wdt-timeline-content-group{padding-bottom:120px;}
.wdt-temp-timeline-list .timeline-content-item:first-child .wdt-timeline__line{ height: calc(50% + 120px);}
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line::after{transform: translate(-50%, calc(-50% - 60px));}
 }


@media (max-width:1280px){
.wdt-temp-timeline-list .timeline-content-item:not(:last-child) .wdt-timeline-image,
.wdt-timeline-holder .wdt-timeline-content-items .timeline-content-item:not(:last-child) .wdt-timeline-content-group{ padding-bottom:100px;}
.wdt-temp-timeline-list .timeline-content-item:first-child .wdt-timeline__line { height: calc(50% + 110px);}
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line::after{transform: translate(-50%, calc(-50% - 50px));}}


@media (max-width:1024px){
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line::after{ width:80px; height:80px;}
.wdt-temp-timeline-list .timeline-content-item:not(:last-child) .wdt-timeline-image,
.wdt-timeline-holder .wdt-timeline-content-items .timeline-content-item:not(:last-child) .wdt-timeline-content-group{ padding-bottom:70px;}
.wdt-temp-timeline-list .timeline-content-item:nth-child(even)  .wdt-timeline-image{ margin-right:80px;}
.wdt-temp-timeline-list .timeline-content-item:nth-child(odd)  .wdt-timeline-image{margin-left:80px; }
.wdt-timeline-holder .wdt-timeline-content-items  .timeline-content-item:nth-child(odd) .wdt-timeline-content-group{ margin-right:80px; }
.wdt-timeline-holder .wdt-timeline-content-items  .timeline-content-item:nth-child(even) .wdt-timeline-content-group{ margin-left:80px;}
.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 { height: calc(50% + 75px);}
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline__line::after {transform: translate(-50%, calc(-50% - 35px));}
.wdt-temp-timeline-list .timeline-content-item:last-child .wdt-timeline__line {transform: translateY(calc(-50% + 40px));}
}


@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; padding-bottom:20px;}
.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:80px;}
.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;}
.wdt-timeline-holder .wdt-temp-timeline-list .wdt-timeline-content-group > div:not(:last-child) {margin-bottom: 35px;}
.wdt-temp-timeline-list .timeline-content-item:not(:last-child) .wdt-timeline-image,
.wdt-timeline-holder .wdt-timeline-content-items .timeline-content-item:not(:last-child) .wdt-timeline-content-group{padding-bottom:0px;}
.wdt-temp-timeline-list .timeline-content-item .wdt-timeline-image img {max-height: 420px; object-fit: cover;}
}


  