/** 
    Specification Common 
*/

.wdt-specifications-holder .wdt-content-item > div:not(:last-child), 
.wdt-specifications-holder .wdt-content-item .wdt-content-media-group > div:not(:last-child), 
.wdt-specifications-holder .wdt-content-item .wdt-content-detail-group > div:not(:last-child), 
.wdt-specifications-holder .wdt-content-item .wdt-content-elements-group > div:not(:last-child) { margin-bottom: 10px; }

.wdt-specifications-holder .wdt-content-item { height: 100%; }
.wdt-specifications-holder .swiper-slide { cursor: grab; }

/* .wdt-specifications-holder .wdt-specification-block { display: grid; width: 100%; height: 100%; overflow: hidden; }

.wdt-specifications-holder .wdt-specification-block > div.wdt-content-image-wrapper,
.wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group { grid-area: 1/-1; align-content: center; width: 100%;}

.wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group { position: relative; padding: 30px 20px;  }
.wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div { position: relative; z-index: 1; } */

.wdt-specifications-holder .wdt-specification-block > div.wdt-content-detail-group > div.wdt-content-spec-group.item-inline { 
    display: flex; gap: 6px 28px; flex-wrap: wrap; }

.wdt-content-spec-group.item-block > div:not(:last-child) { margin: 0 0 4px; }

.wdt-specifications-holder .wdt-specification-block .wdt-content-image-wrapper img { 
    width: 100%; height: 100%; object-fit: cover; object-position: center; }


/** 
    Specification Title 
*/

.wdt-specifications-holder .wdt-specification-block .wdt-content-title h4 { margin: 0; }
.wdt-specifications-holder .wdt-specification-block .wdt-content-spec-item > * { margin: 0; }
.wdt-specifications-holder .wdt-specification-block .wdt-content-title h4 { font-size: clamp(1.375rem, 1.3127rem + 0.2082vw, 1.5625rem); /* Min-22 & Max-25 */ }

/** Type-1 */

.wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item { 
    display: grid; grid-template-columns: auto 1fr; gap: 10px; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item .wdt-content-icon-wrapper { margin-bottom: 0; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item .wdt-content-icon { 
    display: flex; justify-content: center; align-items: flex-start; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item .wdt-content-icon { 
    width: 25px; /* Min-35 & Max-50 */ height: 25px; /* Min-35 & Max-50 */ font-size: 25px; /* Min-28 & Max-40 */; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 5px; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item .wdt-content-detail-group { display: flex; flex-direction: column; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item .wdt-content-detail-group .wdt-content-title h4 { 
    margin: 0; font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem); /* Min-18 & Max-20 */ }

@media (max-width: 1024px) {
    .wdt-footer-contact .wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item { grid-template-columns: 1fr; } 
}
@media (max-width: 767px) { 
    .wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item { grid-template-columns: 1fr; } 
    .wdt-footer-contact .wdt-specifications-holder.wdt-rc-template-wdt_type_1 .wdt-content-item { grid-template-columns: 1fr; } 
}
/** Type-2 */
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item { width: 100%; display: flex; flex-direction: column; position: relative; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-spec-group.item-block > div:not(:last-child) { margin: 0 0 10px; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block >div:not(:last-child) { margin-bottom: 20px; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-media-group { position: relative; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-detail-group > div:not(:last-child){ margin-bottom: 25px; /* Min-25 & Max-35 */ }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-title h4{
    font-size: clamp(1.75rem, 1.5007rem + 0.8328vw, 2.5rem); /* Min-28 & Max-40 */ 
}
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-spec-items:before {
  content: '\e804';
  font-family: "wdt-addon-icon";
  font-style: normal;
  margin-right: 10px;
}
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-spec-group > div:last-child{
  margin-bottom: -5px;
}
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-separator span { 
    display: block; width: 100%; height: 1px; background: var(--wdtBorderColor); margin: 20px 0; transition: var(--wdtAltTransition); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block:hover .wdt-content-separator span { 
    background: transparent; }
/* .wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-button{
    padding-top: 35px;
    border-top: 1px solid var(--wdtBorderColor);
} */

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-icon,
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-title,
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-spec-group { padding: 0 20px; padding-left: 0; transition: padding .3s linear .1s; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-icon,
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-title,
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-spec-group { padding-left: 20px; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-separator span:before { 
    content: ''; position: absolute; border: 1px solid rgba(var(--wdtPrimaryColorRgb), .3); left: 0px; right: 0px; top: 0;
    bottom: 20px; background-color: rgba(var(--wdtTertiaryColorRgb), 0.5); z-index: -1; clip-path: inset(100% 0 0 0); transition: clip-path .3s linear; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block.wdt-content-item:hover .wdt-content-separator span:before { clip-path: inset(0 0 0 0); }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-icon {
    font-size: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem); /* Min-40 & Max-80 */ color: var(--wdtHeadAltColor); padding-top: 30px; display: flex; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-spec-group.item-block > div { display: flex; flex-flow: row nowrap;}

/* .wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-button > a { 
    border: 1px solid transparent; padding: 0;
    fill: transparent;
    color: var(--wdtAccentTxtColor); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-button > a { background: transparent; display: inline-flex; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-button > a span { transition: inherit; opacity: 0; visibility: hidden;
  font-size: var(--wdtFontSize_Ext); padding: var(--wdtPadding_Btn); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Ext); text-transform: uppercase;
  letter-spacing: var(--wdtLetterSpacing_3X); line-height: 1; background: var(--wdtSecondaryColor); border-radius: var(--wdtRadius_Zero); transform: translateX(-10px) scaleX(1.1); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-button > a::before { opacity: 1; transform: translateX(0) scale(1);
    content: '\e817'; font-family: "wdt-addon-icon"; font-style: normal; position: absolute; font-weight: var(--wdtFontWeight_Alt); color: var(--wdtSecondaryColor);
    padding: 13px; border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_Full); transition: var(--wdtAltTransition); top: 0; left: 0; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-button > a:hover span{ background-color: var(--wdtPrimaryColor); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block:hover .wdt-content-button > a span{ opacity: 1; visibility: visible; transform: translateX(0) scale(1); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block:hover .wdt-content-button > a::before { transform: translateX(10px) scaleX(1.2); opacity: 0; visibility: hidden; } */

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-button > a { position: relative;
    font-size: var(--wdtFontSize_Ext); padding: var(--wdtPadding_Btn); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Ext); 
    text-transform: uppercase; letter-spacing: var(--wdtLetterSpacing_3X); line-height: 1; background-color: transparent; 
    color: var(--wdtAccentTxtColor); pointer-events: none; display: flex; width: fit-content; height: fit-content; border: 1px solid transparent;
    transition: .3s all linear, border-color .3s linear .25s, background-color .45s linear .2s; border-radius: var(--wdtRadius_Zero); overflow: hidden; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-button > a { pointer-events: all; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-button > a span.wdt-button-text { 
    clip-path: inset(0% 100% 0 0); -webkit-clip-path: inset(0% 100% 0 0); display: inline-block; transition: .45s clip-path .15s linear; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-button > a span {
    clip-path: inset(0% 0% 0 0); -webkit-clip-path: inset(0% 0% 0 0); display: inline-block; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-button > a:hover span { transform: none; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-button > a:after {
    font-family: "wdt-extra-icon"; content: '\e801'; letter-spacing: normal; font-size: inherit; color: inherit; text-indent: 0; position: absolute; margin: 0; opacity: 1; 
    font-weight: var(--wdtFontWeight_Alt); 
    transition: all 0.3s ease-in-out 0s, opacity 0.45s ease-in-out .2s, border-color .3s ease-in-out .1s,transform .55s ease-in-out .1s, visibility 0.45s ease-in-out .25s;
}

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item .wdt-content-button > a:after {
    width: 48px; height: 48px; top: 0; left: 0; text-align: center; vertical-align: middle; line-height: 46px; opacity: 1; visibility: visible;
    font-size: var(--wdtFontSize_Base); color: var(--wdtHeadAltColor); border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_Full); 
    pointer-events: all; transform: translateX(0); transform-origin: left center; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-button > a:after { background-color: transparent;
    opacity: 0; visibility: hidden; border-color: transparent; transform: translateX(calc(100% + 150px)); transform-origin: right center; border-radius: 0; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-button > a {
    color: var(--wdtSecondaryColor); border-color: var(--wdtBorderColor); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-button > a:hover { color: var(--wdtPrimaryColor); border-color: currentColor; }




@media (min-width: 1025px) {
    .wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-specification-block .wdt-content-separator span:before { left: -10px; right: -10px; }
    .wdt-specifications-holder.wdt-rc-template-wdt_type_2 .wdt-content-item:hover .wdt-content-button > a { transform: translateX(-10px); }
}

/* type-3 */
.wdt-specifications-holder.wdt-rc-template-wdt_type_3 { display: flex; height: 100%; width: 100%; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_3 .swiper { width: 100%; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_3 .wdt-specification-block { border-right: 1px solid rgba(var(--wdtAccentTxtColorRgb), 0.2); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_3 .swiper-slide:last-child .wdt-specification-block { border: none; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_3 .wdt-specification-block { padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);  }
.wdt-specifications-holder.wdt-rc-template-wdt_type_3 .wdt-specification-block .wdt-content-icon-wrapper { margin-bottom: 20px; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_3 .wdt-specification-block .wdt-content-icon {
    display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; font-size: 24px; 
    border:1px solid var(--wdtAccentTxtColor); -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); 
    -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_3 .wdt-specification-block:hover .wdt-content-icon { background-color: var(--wdtLinkHoverColor); border-color: var(--wdtLinkHoverColor); }

/* Type-4 */
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-content-item { 
    display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, -1.7947rem + 6.7039vw, 6.25rem); /* Min-40 & Max-100 */ align-items: center; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-content-item > div:not(:last-child) { margin-bottom: 0; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-content-item > div.wdt-content-media-group,
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-content-item > div.wdt-content-media-group .wdt-content-image { width: 100%; height: 100%; display: inline-flex; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-content-item > div.wdt-content-media-group img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: none; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-content-item:hover .wdt-content-image > a img { transform: none; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item-title { 
    font-size: clamp(1.5625rem, 1.4586rem + 0.347vw, 1.875rem); /* Min-25 & Max-30 */ margin-bottom: 40px; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item { 
    padding-bottom: clamp(1.5625rem, 0.5208rem + 2.1701vw, 3.125rem); /* Min-25 & Max-50 */ padding-left: 50px; position: relative; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item:empty { display: none; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item:hover::before { background-color: var(--wdtLinkColor); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item::before { content: ''; position: absolute; left: 0; top: 0.25em; width: 25px; height: 25px;
    background: var(--wdtBorderColor); -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); z-index: 1; 
    -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item::after { 
    content: ''; position: absolute; left: 12px; top: 0.3em; width: 1px; height: 100%;
    background-image: repeating-linear-gradient(0deg,var(--wdtSecondaryColor) 20px,var(--wdtSecondaryColor) 40px,
    transparent 30px,transparent 50px,var(--wdtSecondaryColor) 49px,var(--wdtSecondaryColor) 50px);
    background-size: 100% 15px; background-position: 100% 0%; z-index: 0; border: none; transform: translateX(-10%); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item:hover::after { animation: linemove 2s linear infinite; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item:has(+ .wdt-content-spec-item:empty) { padding-bottom: 0px; }

.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-spec-item > h5 { font-family: var(--wdtFontTypo_Alt); margin-bottom: 10px;
    font-size: clamp(1.375rem, 1.3127rem + 0.2082vw, 1.5625rem); /* Min-22 & Max-25 */ font-weight: var(--wdtFontSize_Alt); }

.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-button-group { margin-top: clamp(1.5625rem, 0.9615rem + 2.4038vw, 2.5rem); /* Min-25 & Max-40 */ }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-button a { 
    position: relative; background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); border-radius: var(--wdtRadius_Zero);
    display: flex; width: fit-content; margin-top: 0px; position: relative; z-index: 0; }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block.wdt-content-item .wdt-content-button > a:before { background-color: var(--wdtPrimaryColor); }
.wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-specification-block .wdt-content-button a {
    font-size: var(--wdtFontSize_Ext); padding: var(--wdtPadding_Btn); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Ext); line-height: 1; text-transform: uppercase; letter-spacing: var(--wdtLetterSpacing_3X); }

@media (max-width: 1024px) { 
    .wdt-specifications-holder.wdt-rc-template-wdt_type_4 .wdt-content-item { grid-template-columns: 1fr; gap: clamp(1.5625rem, 0.9615rem + 2.4038vw, 2.5rem); /* Min-25 & Max-40 */ }     
}
@keyframes linemove {
    0% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 100% 100%;
    }
}
