/** Career Page Styles
  -------------------------------
*/

.wdt-career-archive-wrapper {
    display: flex;
    flex-wrap: wrap;
    --ser-gap: 40px;
    gap: var(--ser-gap);
    justify-content: center;
}
.wdt-career-archive-wrapper.wdt-columns-5>.wdt-career-item {
    flex: 0 0 calc(20% - calc(var(--ser-gap) / 1.25));
}

.wdt-career-archive-wrapper.wdt-columns-4>.wdt-career-item {
    flex: 0 0 calc(25% - calc(var(--ser-gap) / 1.333));
}

.wdt-career-archive-wrapper.wdt-columns-3>.wdt-career-item {
    flex: 0 0 calc(33.3333% - calc(var(--ser-gap) / 1.5));
}

.wdt-career-archive-wrapper.wdt-columns-2>.wdt-career-item {
    flex: 0 0 calc(50% - calc(var(--ser-gap) / 2));
}

.wdt-career-archive-wrapper.wdt-columns-1>.wdt-career-item {
    flex: 0 0 100%;
}

/** 
    Type-1 Style
*/

.wdt-career-archive-wrapper .wdt-career-item {padding:clamp(2.5rem, 1.2471rem + 1.5649vw, 3.125rem /*50px - 40px*/ ); background-color: var(--wdtTertiaryColor); border-radius: var(--wdtRadius_2X); transition: var(--wdt-Ad-Transition); }
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-detail-group{display:flex;align-items: inherit;justify-content: inherit; flex-direction: column; gap: 15px;} 

.wdt-career-archive-wrapper .wdt-career-item .wdt-career-duration{display: flex; order: -1; align-items: center;justify-content: inherit; gap: 5px; padding-bottom: 10px;}
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-duration::before{ content: ''; width: 7px; height: 7px; border-radius: var(--wdtRadius_Part); background-color: var(--wdtPrimaryColor); transform: scale(1); transition: var(--wdt-Ad-Transition); animation: zoomInOut 2.5s ease-in-out infinite; }
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-duration span{color:var(--wdtHeadAltColor); text-transform:capitalize; line-height: 1; transition: var(--wdt-Ad-Transition);}

.wdt-career-archive-wrapper .wdt-career-item .wdt-career-title h5,
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-title h5 a{color:var(--wdtHeadAltColor); cursor: pointer;}
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-title h5 a:hover{color:var(--wdtPrimaryColor);}


.wdt-career-archive-wrapper .wdt-career-item .wdt-career-button > a { display:flex; color:var(--wdtSecondaryColor); font-size: var(--wdtFontSize_Ext); font-family: var(--wdt-elementor-typo-text-font-family); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Ext); -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); width: max-content; letter-spacing: var(--wdtLetterSpacing_1X);transition: var(--wdt-Ad-Transition); text-transform: uppercase;}
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-button > a .wdt-career-button-icon{ font-size: calc(var(--wdtFontSize_Base) + 4px); width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--wdt-elementor-color-primary); color: var(--wdt-elementor-color-white); -webkit-border-radius: var(--wdtRadius_Part); border-radius: var(--wdtRadius_Part); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-button > a .wdt-career-button-text{ padding: var(--wdtPadding_Btn); border-radius: inherit; background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-button > a:hover .wdt-career-button-text,
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-button > a:hover .wdt-career-button-icon{ background-color: var(--wdtPrimaryColor); }
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-button > a:hover .wdt-career-button-icon{ transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.wdt-career-archive-wrapper .wdt-career-item .wdt-career-location span{ font-size: calc( var(--wdtFontSize_Base) + 2px); font-family: var(--wdtFontTypo_Alt); color: rgba(var(--wdtSecondaryColorRgb), 0.7); line-height: var(--wdtLineHeight_Ext); font-weight: var(--wdtFontWeight_Ext); display: block; margin-bottom: 15px; transition: var(--wdt-Ad-Transition); }

.wdt-career-archive-wrapper .wdt-career-item .wdt-career-title h5{ font-size: clamp(1.5rem, 1.2771rem + 1.0191vw, 2.5rem) /*40px - 24px*/; line-height: var(--wdtLineHeight_H1);text-align: inherit; margin: 0; }
@media screen and (min-width:1025px) {
    .wdt-career-archive-wrapper .wdt-career-item:hover{ background-color: var(--wdtSecondaryColor); }
    .wdt-career-archive-wrapper .wdt-career-item:hover .wdt-career-title h5 a, 
    .wdt-career-archive-wrapper .wdt-career-item:hover .wdt-career-title h5, 
    .wdt-career-archive-wrapper .wdt-career-item:hover .wdt-career-duration span { color: var(--wdtAccentTxtColor); }
    .wdt-career-archive-wrapper .wdt-career-item:hover .wdt-career-title h5 a:hover{ color: var(--wdtPrimaryColor); }
    .wdt-career-archive-wrapper .wdt-career-item:hover .wdt-career-location span{ color: rgba(var(--wdtAccentTxtColorRgb) ,0.7); }
    .wdt-career-archive-wrapper .wdt-career-item:hover .wdt-career-button > a .wdt-career-button-text,
    .wdt-career-archive-wrapper .wdt-career-item:hover .wdt-career-button > a .wdt-career-button-icon{ background-color: var(--wdtAccentTxtColor); color: var(--wdtSecondaryColor); }
    .wdt-career-archive-wrapper .wdt-career-item .wdt-career-button > a:hover .wdt-career-button-text,
    .wdt-career-archive-wrapper .wdt-career-item .wdt-career-button > a:hover .wdt-career-button-icon{ background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor);}
}
@media screen and (max-width:1280px) {
    .wdt-career-archive-wrapper.wdt-columns-3>.wdt-career-item {
        flex: 0 0 calc(50% - calc(var(--ser-gap) / 1.5));
    }
}

@media screen and (max-width:767px) {
    .wdt-career-archive-wrapper.wdt-columns-3>.wdt-career-item {
        flex: 0 0 calc(100% - calc(var(--ser-gap) / 1.5));
    }
    .wdt-career-archive-wrapper {
        --ser-gap: 30px;
    }
}

@media screen and (max-width:479px) {   
    .wdt-career-archive-wrapper .wdt-career-item {padding:30px;}
}

@keyframes zoomInOut {
  0% {
    transform: scale(0.7);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.7);
  }
}





/* ---------------------------------------------------------------------
 === Service Single ===
--------------------------------------------------------------------- */