/** 
    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 .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; font-weight: var(--wdtFontWeight_Ext); font-size: clamp(1.375rem, 1.2914rem + 0.3822vw, 1.75rem); }

/* Specification Type-1 */

.wdt-specification-block.wdt_type_1 .wdt-specification-block-inner{display: flex; gap: 16px; align-items: center;}
.wdt-specification-block.wdt_type_1 .wdt-content-title{margin-bottom: 20px;}

.wdt-specification-block.wdt_type_1 .wdt-content-icon-wrapper .wdt-content-icon{ font-size: var(--wdtFontSize_H5); color: var(--wdtAccentTxtColor); width: clamp(3.125rem, 2.9172rem + 0.694vw, 3.75rem) /*60px - 50px*/; height: clamp(3.125rem, 2.9172rem + 0.694vw, 3.75rem) /*60px - 50px*/; background: var(--wdtPrimaryColor); align-items: center; justify-content: center; border-radius: var(--wdtRadius_Full); }
.wdt-specifications-holder .wdt-specification-block.wdt_type_1 .wdt-content-title h4{font-size: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem) /*24px - 20px*/; font-weight: var(--wdtFontWeight_Ext);}
.wdt-specification-block.wdt_type_1 .wdt-specification-block-inner .wdt-content-spec-items a{ color: var(--wdtBodyTxtColor);}
.wdt-specification-block.wdt_type_1 .wdt-specification-block-inner .wdt-content-spec-items a:hover{color: var(--wdtLinkHoverColor);}

/* Specification Type-3 */
.wdt-specifications-holder .wdt-specification-block.wdt_type_3{display: flex; align-items: center; gap: 20px;}
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-icon-wrapper .wdt-content-icon{ 
    height: clamp(3.125rem, 2.9172rem + 0.694vw, 3.75rem) /*60px - 50px*/;
    width: clamp(3.125rem, 2.9172rem + 0.694vw, 3.75rem) /*60px - 50px*/; 
    border-radius: var(--wdtRadius_Full); 
    background-color: var(--wdtPrimaryColor); 
    color: var(--wdtAccentTxtColor); 
    font-size: clamp(1.5rem, 1.4169rem + 0.2776vw, 1.75rem) /*28px - 24px*/; 
    transition: var(--wdtAltTransition);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wdt-specifications-holder .wdt-specification-block.wdt_type_3 .wdt-content-title h4{font-size: var(--wdtFontSize_H5); transition: var(--wdtAltTransition);}
/* .wdt-specifications-holder .wdt-specification-block.wdt_type_3:hover .wdt-content-title h4{color: var(--wdtAccentTxtColor);} */
.wdt-specifications-holder .wdt-specification-block.wdt_type_3 > div.wdt-content-detail-group > div.wdt-content-spec-group.item-inline{flex-wrap: nowrap;}
.wdt-specifications-holder .wdt-content-item .wdt-specification-block.wdt_type_3{
    padding: 30px;
    border-radius: var(--wdtRadius_2X); 
    width: 100%; transition: 
    var(--wdtAltTransition);
    background-color: var(--wdtTertiaryColor);}
/* .wdt-specifications-holder .wdt-content-item .wdt-specification-block.wdt_type_3:hover{background-color: var(--wdtLinkHoverColor); border-color: var(--wdtLinkHoverColor);} */
/* .wdt-specifications-holder .wdt-content-item .wdt-specification-block.wdt_type_3:hover .wdt-content-icon-wrapper .wdt-content-icon{background-color: var(--wdtSecondaryColor);} */
/* .wdt-specification-block.wdt_type_3:hover .wdt-content-spec-group .wdt-content-spec-items, .wdt-specification-block.wdt_type_3:hover .wdt-content-spec-group .wdt-content-spec-items > a {color: var(--wdtAccentTxtColor);} */
.wdt-specification-block.wdt_type_3 .wdt-content-spec-group .wdt-content-spec-items, .wdt-specification-block.wdt_type_3 .wdt-content-spec-group .wdt-content-spec-items > a{transition: var(--wdtAltTransition); position: relative;line-height: var(--wdtLineHeight_Base);}
.wdt-specification-block.wdt_type_3 .wdt-content-spec-group .wdt-content-spec-items:not(:last-child)::after{
    content: '';
    height: 80%;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -14px;
    background-color: rgb(var(--wdtSecondaryColorRgb),0.7);
    rotate: -15deg;
    transition: var(--wdtAltTransition);
}
/* .wdt-specification-block.wdt_type_3:hover .wdt-content-spec-group .wdt-content-spec-items:not(:last-child)::after{background-color: var(--wdtAccentTxtColor);} */


@media(max-width:1280px){
    .wdt-specification-block.wdt_type_3 .wdt-content-spec-group .wdt-content-spec-items:not(:last-child)::after{display: none;}
    .wdt-specifications-holder .wdt-specification-block.wdt_type_3 > div.wdt-content-detail-group > div.wdt-content-spec-group.item-inline{flex-direction: column;}
}

@media(max-width:479px){
    .wdt-specifications-holder .wdt-specification-block.wdt_type_3{
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }
}