
/* Default Template */
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item { text-align: center; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image > span, .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image > a { -webkit-border-radius: 1em; border-radius: 1em; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper + .wdt-content-icon-wrapper { display: block; font-size: 60px; line-height: 0; margin-top: -8px; margin-bottom: -0.4em; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-icon span {color: var(--wdtAccentTxtColor); font-size: clamp(1.875rem, 1.8053rem + 0.3185vw, 2.1875rem) /*35px - 30px*/; padding: clamp(0.75rem, 0.6664rem + 0.3822vw, 1.125rem) /*18px - 12px*/; -webkit-border-radius: 50%; border-radius: 50%;width:clamp(4.0625rem, 3.9232rem + 0.6369vw, 4.6875rem); height:clamp(4.0625rem, 3.9232rem + 0.6369vw, 4.6875rem); /* 75px - 65px*/}
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item:hover .wdt-content-media-group .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdtQuaternaryColor);
    color: var(--wdtAccentTxtColor);}
.wdt-image-box-holder.wdt-rc-template-default .wdt-column .wdt-content-icon span ,
.wdt-image-box-holder.wdt-rc-template-default .swiper-slide .wdt-content-icon span {
    background-color:var(--wdtSecondaryColor);
}

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title h5 ,
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title a{
    font-size: clamp(1.125rem, 1.0414rem + 0.3822vw, 1.5rem) /* 24px - 18px*/;
    color:var(--wdtSecondaryColor);
}
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title a:hover{ color:var(--wdtPrimaryColor); }
/* Standard Template */
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item { text-align: center; -webkit-box-shadow: 0 0 1px 1px rgba(var(--wdt-elementor-color-secondary-rgb),0.15) inset; box-shadow: 0 0 1px 1px rgba(var(--wdt-elementor-color-secondary-rgb),0.15) inset; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group { background-color: #f5f5f5; margin-bottom: 0; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group { padding: 20px; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image > a,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image > span { min-width: 100px; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image > a,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image > span { height: 100px; padding: 0; width: 100px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 2px rgba(var(--wdt-elementor-color-secondary-rgb),0.25); box-shadow: 0 0 2px rgba(var(--wdt-elementor-color-secondary-rgb),0.25); }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image > a img,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image > span img { height: 100%; object-fit: cover; object-position: center center; }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-media-group { background-color: var(--wdt-elementor-color-accent); }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-media-group .wdt-content-title h5, .wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-media-group .wdt-content-title h5 > a { color: var(--wdt-elementor-color-white); }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-media-group .wdt-content-title h5 > a:hover { color: var(--wdt-elementor-color-black); }

/* Creative icon with title */
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    width:clamp(4.6875rem, 4.1998rem + 2.2293vw, 6.875rem) /*110px - 75px*/;
    height:clamp(4.6875rem, 4.1998rem + 2.2293vw, 6.875rem) /*110px - 75px*/;
    font-size: clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem) /*60px - 40px*/;
    color: var(--wdtHeadAltColor);
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg%3E%3Cpath d='M39.6,96.2l0.2,0c1.2,0.1,2.4,0.1,3.6,0.1c0,0,0,0,0,0c0,0,0,0,0,0c6.3-0.3,17.8-5.6,17.8-5.6l0.4-0.2c0,0,2.8-1.6,4.1-2.5 c8.2-5.6,15.6-12.5,21.7-20.3C93,60.5,99.3,51,97,41.5c-1.1-4.5-4.2-8.1-7.7-11.2c-4-3.6-8.3-7-12.5-10.4c-4-3.3-7.9-6.8-12.2-9.8 c-3.8-2.7-8.1-5.1-12.7-6c-4.6-1-9.2-0.3-13.5,1.6c-4.4,2-8.1,5.1-11.6,8.3c-7,6.4-13.9,13.4-18.2,21.8c-0.7,1.3-1.2,2.6-1.8,3.9 c-3.2,5.4-4.6,11.8-4.3,18.1c0.5,9.1,4.9,17.6,11,24.2c6.3,6.9,15,12.7,24.5,14c0.3,0,0.7,0.1,1,0.1C39.1,96.2,39.4,96.2,39.6,96.2 L39.6,96.2z'/%3E%3C/g%3E%3C/svg%3E");
    --webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg%3E%3Cpath d='M39.6,96.2l0.2,0c1.2,0.1,2.4,0.1,3.6,0.1c0,0,0,0,0,0c0,0,0,0,0,0c6.3-0.3,17.8-5.6,17.8-5.6l0.4-0.2c0,0,2.8-1.6,4.1-2.5 c8.2-5.6,15.6-12.5,21.7-20.3C93,60.5,99.3,51,97,41.5c-1.1-4.5-4.2-8.1-7.7-11.2c-4-3.6-8.3-7-12.5-10.4c-4-3.3-7.9-6.8-12.2-9.8 c-3.8-2.7-8.1-5.1-12.7-6c-4.6-1-9.2-0.3-13.5,1.6c-4.4,2-8.1,5.1-11.6,8.3c-7,6.4-13.9,13.4-18.2,21.8c-0.7,1.3-1.2,2.6-1.8,3.9 c-3.2,5.4-4.6,11.8-4.3,18.1c0.5,9.1,4.9,17.6,11,24.2c6.3,6.9,15,12.7,24.5,14c0.3,0,0.7,0.1,1,0.1C39.1,96.2,39.4,96.2,39.6,96.2 L39.6,96.2z'/%3E%3C/g%3E%3C/svg%3E");
    mask-position: center;
    mask-size: cover;
    mask-repeat: no-repeat;
    transition: var(--wdtBaseTransition);
} 
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .wdt-column:nth-child(4n-3) .wdt-content-icon span,
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .swiper-slide:nth-child(4n-3) .wdt-content-icon span{
    background-color: var(--wdtCustomColor1);
}
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .wdt-column:nth-child(4n-2) .wdt-content-icon span,
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .swiper-slide:nth-child(4n-2) .wdt-content-icon span{
    background-color: var(--wdtCustomColor2);
}
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .wdt-column:nth-child(4n-1) .wdt-content-icon span,
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .swiper-slide:nth-child(4n-1) .wdt-content-icon span{
    background-color: rgba(var(--wdtPrimaryColorRgb), 0.3);
}
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .wdt-column:nth-child(4n-0) .wdt-content-icon span,
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .swiper-slide:nth-child(4n-0) .wdt-content-icon span{
    background-color: rgba(var(--wdtCustomColor3Rgb), 0.3); 
}
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .wdt-content-item .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .wdt-content-item .wdt-content-title h5 a {
    font-size: clamp(1.125rem, 1.0135rem + 0.5096vw, 1.625rem);
}
.wdt-image-box-holder.wdt-rc-template-icon-title-2 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{
    background-color: var(--wdtCustomColor4);
    color: var(--wdtAccentTxtColor);
}
/* Image Only */
.wdt-image-box-holder.wdt-rc-template-image-only .wdt-content-item{
    background-color: var(--wdtAccentTxtColor);
    border-radius: 100px;
    padding: clamp(1.25rem, 1.1461rem + 0.347vw, 1.5625rem);
    height: 100%;
}
.wdt-image-box-holder.wdt-rc-template-image-only .wdt-content-item .wdt-content-media-group{
    display: flex;
    align-items: center;
    justify-content: center;
}

.wdt-image-box-holder.wdt-rc-template-image-only .swiper[data-settings*="cursor_grab\":\"yes\""] {
    cursor: grab;
}

/*-- Count with description --*/

.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item .wdt-content-media-group > div:not(:last-child){ margin-bottom: 10px; }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item .wdt-content-media-group h5{ font-size: clamp(1.25rem, 1.2221rem + 0.1274vw, 1.375rem); /* Min-20 & Max-22 */  }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item {
    background-color: var(--wdtTertiaryColor); padding: 20px; border-radius: var(--wdtRadius_1X); width: 100%; transition: var(--wdtBaseTransition); 
    display: inline-flex; align-items: center; }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item:hover { background-color: var(--wdtSecondaryColor); }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-column-wrapper { counter-reset: total-counter; }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item:before {
    counter-increment: total-counter; content: counter(total-counter); min-width: 50px; height: 50px; border-radius: var(--wdtRadius_Full); 
    background-color: var(--wdtPrimaryColor); display: flex; justify-content: center; align-items: center; margin-right: 20px; font-size: var(--wdtFontSize_H6); 
    font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item .wdt-content-description,
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item .wdt-content-description p { margin-bottom: 0; }

.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item:hover .wdt-content-title h5, 
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item:hover .wdt-content-title h5 a, 
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item:hover .wdt-content-description { color: var(--wdtAccentTxtColor) }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-content-item .wdt-content-title h5 a:hover { color: var(--wdtPrimaryColor); }

.wdt-image-box-holder.wdt-rc-template-count-description .wdt-column:nth-child(5n + 1) .wdt-content-item:before {
    background-color: var(--wdtPrimaryColor); color: var(--wdtSecondaryColor); }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-column:nth-child(5n + 2) .wdt-content-item:before {
    background-color: var(--wdtCustomColor3, --wdtPrimaryColor); color: var(--wdtAccentTxtColor); }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-column:nth-child(5n + 3) .wdt-content-item:before {
    background-color: var(--wdtQuaternaryColor, --wdtPrimaryColor); color: var(--wdtAccentTxtColor); }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-column:nth-child(5n + 4) .wdt-content-item:before {
    background-color: var(--wdtCustomColor1, --wdtPrimaryColor); color: var(--wdtSecondaryColor); }
.wdt-image-box-holder.wdt-rc-template-count-description .wdt-column:nth-child(5n + 5) .wdt-content-item:before {
    background-color: var(--wdtCustomColor2, --wdtPrimaryColor); color: var(--wdtSecondaryColor); }

/*--- Filled with description --*/

.wdt-image-box-holder.wdt-rc-template-filled-description .wdt-content-item {
    background-color: rgba(var(--wdtTertiaryColorRgb), 0.4); padding: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); border-radius: var(--wdtRadius_2X); 
    width: 100%; transition: var(--wdtBaseTransition); }
.wdt-image-box-holder.wdt-rc-template-filled-description .wdt-content-item .wdt-content-image > span, 
.wdt-image-box-holder.wdt-rc-template-filled-description .wdt-content-item .wdt-content-image > a {
    height:65px; width:65px; border-radius:var(--wdtRadius_1X); padding:10px; background-color:var(--wdtTertiaryColor); display:flex; align-items:center; 
    justify-content:center; }
.wdt-image-box-holder.wdt-rc-template-filled-description .wdt-content-item .wdt-content-image > span img, 
.wdt-image-box-holder.wdt-rc-template-filled-description .wdt-content-item .wdt-content-image > a img{
    height:100%; object-fit:cover; border-radius:var(--wdtRadius_1X) }

.wdt-image-box-holder.wdt-rc-template-filled-description .wdt-content-item .wdt-content-title h5{
    font-size: clamp(1.25rem, 1.2221rem + 0.1274vw, 1.375rem); /* Min-20 & Max-22 */ }
.wdt-image-box-holder.wdt-rc-template-filled-description .wdt-content-item .wdt-content-media-group > div.wdt-content-image-wrapper { margin-bottom:25px }

/*-- Image with description --*/
.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-media-group > div.wdt-content-image-wrapper { margin-bottom:25px }
.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item { background-color: var(--wdtAccentTxtColor); padding: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem);
    border-radius: var(--wdtRadius_2X); width: 100%; transition: var(--wdtBaseTransition); }

.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-image > span, 
.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-image > a {
    height:65px; width:65px; border-radius:var(--wdtRadius_1X); padding:10px; background-color:var(--wdtTertiaryColor); display:flex; align-items:center; 
    justify-content:center; }
.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-image > span img, 
.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-image > a img{
    height:100%; object-fit:cover; border-radius:var(--wdtRadius_1X) }

.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-title h5{
    font-size: clamp(1.25rem, 1.2221rem + 0.1274vw, 1.375rem); /* Min-20 & Max-22 */
}
.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-title h5 a:hover{ color: var(--wdtQuaternaryColor);; }

.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-button > a {
    display: inline-block;
    float: none;
    font-size: var(--wdtFontSize_Base);
    text-transform: capitalize;
    position: relative;
    padding: 0;
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Alt);
    text-transform: capitalize;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-image: linear-gradient(0deg, currentColor, currentColor);
    background-size: 100% 1px;
    transition: background-size 0.3s linear, color 0.3s linear;
    border-radius: var(--wdtRadius_Zero);
    background-color: transparent; color: var(--wdtQuaternaryColor); line-height: var(--wdtLineHeight_Base); }

.wdt-image-box-holder.wdt-rc-template-image-description .wdt-content-item .wdt-content-button > a:hover {
    background-color: transparent;
    color: var(--wdtSecondaryColor);
    background-size: 0% 1px;
    background-position: bottom right; }

    /* template-with-description  */

    .wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item > div:not(:last-child) {
        margin-bottom: 14px;
    }

