
/* Default Template */
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item { text-align: center;display: flex; gap: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); /* 20 - 30 */} 
.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,
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-media-group { 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 {
    font-size: clamp(3.125rem, 2.5rem + 2vw, 3.625rem); /* 50 - 58 */
    color: var(--wdtAccentTxtColor);
    transition: var(--wdtBaseTransition);
    padding: 0;
}
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item:hover .wdt-content-icon span{
    color: var(--wdtLinkHoverColor);
}
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title{margin-bottom: 12px;}
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title h5{
    font-size: clamp(1.25rem, 1.1943rem + 0.2548vw, 1.5rem);/* 20 - 24 */
    font-weight: var(--wdtFontWeight_Ext);
    text-transform: uppercase;
    transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item:hover .wdt-content-title h5{color: var(--wdtLinkHoverColor);}

@media(max-width:479px){
    .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item { flex-direction: column;align-items: inherit; gap: 10px;}
}

/* Standard Template */
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5{
    font-size: clamp(1.875rem, 1.4595rem + 1.3879vw, 3.125rem); /* 30 - 50 */
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-subtitle {
    font-size: var(--wdtFontSize_Ext);
    letter-spacing: var(--wdtLetterSpacing_3X);
    font-weight: var(--wdtFontWeight_Alt);
    text-transform: uppercase;
    color: var(--wdtHeadAltColor);
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-default-item:not(:last-child){margin-bottom: 30px;}



/* Icon Block Template */

.wdt-image-box-holder.wdt-rc-template-icon-block .wdt-column-wrapper.wdt-snap-scroll-enabled ~ .wdt-snap-scroll-pagination{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.wdt-image-box-holder.wdt-rc-template-icon-block .wdt-column-wrapper{
    margin: -2px;
}

.elementor-widget-container:has(.wdt-image-box-holder.wdt-rc-template-icon-block){
    overflow: hidden;
}

.wdt-image-box-holder.wdt-rc-template-icon-block .wdt-content-item,
.wdt-image-box-holder.wdt-rc-template-icon-block .wdt-column-wrapper .wdt-content-item{
   border-right:1px solid rgba(var(--wdtBorderColorRgb),.3);
   border-bottom: 1px solid rgba(var(--wdtBorderColorRgb),.3);
   transition: var(--wdtBaseTransition);
   overflow:hidden;
   padding: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem) clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem);
}

.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-icon-block .wdt-content-item,
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-icon-block .wdt-column-wrapper .wdt-content-item{
   border-right: 1px solid rgba(var(--wdtBorderColorRgb),.3);
   border-bottom: 1px solid rgba(var(--wdtBorderColorRgb),.3);
}

.wdt-image-box-holder.wdt-rc-template-icon-block{
    overflow: hidden;
} 
.wdt-image-box-holder.wdt-rc-template-icon-block .wdt-content-item .wdt-content-icon-wrapper{
    display: flex;
    justify-content: center;
}

.wdt-image-box-holder.wdt-rc-template-icon-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span {
    padding: 0;
    font-size: clamp(5rem, 4.164rem + 3.8217vw, 8.75rem);
    height: 70px;
    width: 140px;
    color: rgba(var(--wdtBodyTxtColorRgb), .3);
    transition: var(--wdtBaseTransition);
}
 .wdt-image-box-holder.wdt-rc-template-icon-block .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span { color:var(--wdtPrimaryColor);}
 .wdt-image-box-holder.wdt-rc-template-icon-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span svg{  transition: transform 0.4s ease-in-out;}

.wdt-image-box-holder.wdt-rc-template-icon-block .wdt-content-item:hover .wdt-content-icon span svg{
    animation: pulseScale 0.6s ease-in-out 1;
}
@keyframes pulseScale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

@media(max-width:1024px){
    .wdt-image-box-holder.wdt-rc-template-icon-block .wdt-column-wrapper{
    border-bottom: 0;
}
}
@media(max-width:479px){ .wdt-image-box-holder.wdt-rc-template-icon-block .wdt-column-wrapper .wdt-column{width: 50% !important;} }


/* Process Template */

.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item{
    text-align: start;
    justify-content: start;
    padding-right:clamp(1.875rem, 1.666rem + 0.9554vw, 2.8125rem);/*30px-45px */
}
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-media-group {
    margin-bottom: 30px;
}
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-image-wrapper {
    margin-top:-9px;
}
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-icon-wrapper {
    margin-bottom: 30px;
}
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span {
    font-size: calc(var(--wdtFontSize_H2) + 10px);
    width: 100px;
    height: 100px;
    padding: 0;
    background-color: var(--wdtAccentTxtColor);
    color: var(--wdtSecondaryColor);
    border-radius: var(--wdtRadius_Full);
    transform: scale(1);
    transition: var(--wdt-Ad-Transition);
}
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span {
    background-color: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor);
    transform: scale(1.05);
}
 

.wdt-image-box-holder.wdt-rc-template-process-block,
.wdt-image-box-holder.wdt-rc-template-process-block .swiper-slide{
    position: relative;
}
.wdt-image-box-holder.wdt-rc-template-process-block .swiper-wrapper:after{
    content: '';
    position: absolute;
    width:100%;
    height: 1px;
    background: rgba(var(--wdtBorderColorRgb),.3);
    top:130px;
    z-index:-1;
    left:0;
} 
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-media-group:before {
   z-index: 3;
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #B8B6B3;
    left: 56px;
    bottom: 10px;
    transform: translate(-10px, 13px);
    border-radius: var(--wdtRadius_Full);
    transition: var(--wdt-Ad-Transition);
    box-shadow: 0 0 0px 4px var(--wdtBodyBGColor);
}

.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item:hover .wdt-content-media-group:before {
    background-color: var(--wdtBodyBGColor);
    box-shadow: 0 0 0px 4px var(--wdtSecondaryColor);
}

.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-title h5{
    font-size: var(--wdtFontSize_H5);
    font-family: var(--wdtFontTypo_Base);
    font-weight: var(--wdtFontWeight_Base);
    text-transform: uppercase;
}
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-title h5 a {
    color: var(--wdtPrimaryColor);
}
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item:hover .wdt-content-title h5 a {
    color: var(--wdtPrimaryColor);
}
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-description{width: 100%;}



@media (min-width:768px) {
    .wdt-image-box-holder.wdt-rc-template-process-block {
        display: flex;
        flex-direction: column-reverse;
    }
    .wdt-image-box-holder.wdt-rc-template-process-block .swiper {
        width: 100%;
    }
    .wdt-image-box-holder.wdt-rc-template-process-block.wdt-carousel-holder .swiper.swiper-horizontal+.wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination {
        margin-left: 10px;
        margin-right: 45px;
        text-align: end;
        margin-top: -220px;
    }
}

@media (max-width:767px){
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item{
    padding: 0 15px;
}

} 

@media (max-width:479px){
.wdt-image-box-holder.wdt-rc-template-process-block .wdt-content-item .wdt-content-media-group:after{
    left: 0;
}
} 



/* Instagram */

.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-media-group{
    display: grid;
}
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-image-wrapper, 
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-icon-wrapper{ grid-area: 1 / 1;}

.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-icon-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
    margin: 0;
    pointer-events: none;
}
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--wdtFontSize_H6) + 2px);
    height: clamp(2.8125rem, 2.6035rem + 0.9554vw, 3.75rem);/* 60px - 45px */
    width: clamp(2.8125rem, 2.6035rem + 0.9554vw, 3.75rem);/* 60px - 45px */
    color: var(--wdtAccentTxtColor);
    background-color: var(--wdtHeadAltColor);
    border-radius: var(--wdtRadius_Full);
    opacity: 0;
    transform: scale(0.6);
    transition: var(--wdtBaseTransition);
    backface-visibility: hidden;
    will-change: transform;
}
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{
    opacity: 1;
    transform: scale(1);
}
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-image{
    position: relative;
    overflow: hidden;
    border-radius: var(--wdtRadius_Zero);
    width: 100%;
}
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: var(--wdtBaseTransition);
    backface-visibility: hidden;
    will-change: transform;
}
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item:hover .wdt-content-image img{
    transform: scale(1.05);
}
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-image > a{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: inherit;
    width: 100%;
}
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-image > a::before{
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: rgba(var(--wdtPrimaryColorRgb), .8);
    transform-origin: center;
    opacity: 0;
    transition: var(--wdtBaseTransition);
    z-index: 5;
}

/* Overlay hover */
.wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item:hover .wdt-content-image > a::before{
    transform: scaleY(1);
    opacity: 1;
}




/* Imagebox - type 1 */

.wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item{
    background-color: Var(--wdtTertiaryColor);
    text-align: center;
    justify-content: center;
    padding: 30px;
    height: 100%;
    transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item:hover{
    background-color: Var(--wdtPrimaryColor);
}
.wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item .wdt-content-title h5 {
    font-size: clamp(1.25rem, 1.1803rem + 0.3185vw, 1.5625rem); /* 25px - 20px */
    font-weight: var(--wdtFontWeight_Ext);
    color: var(--wdtHeadAltColor);
    text-transform: uppercase;
    transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span {
    font-size: clamp(4.375rem, 3.9291rem + 2.0382vw, 6.375rem);/* 100px - 70px */
    width: 100px;
    height: 100px;
    padding: 0;
    color: var(--wdtHeadAltColor);
    transform: scale(1);
    transition: var(--wdtBaseTransition);
    will-change: transform;
    backface-visibility: hidden;
}
.wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span {
    transform: scale(1.05);
}
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    color: var(--wdtHeadAltColor);
}
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item .wdt-content-description{
    color: var(--wdtBodyTxtColor);
    transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span,
.wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item:hover .wdt-content-title h5,
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item:hover .wdt-content-description{color: var(--wdtAccentTxtColor);}

.wdt-image-box-holder.wdt-rc-template-icon-box-1 .wdt-content-item .wdt-content-media-group{margin-bottom: 10px;}



/* Imagebox - type 2 */

 .wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item{
    display: flex;
    gap: 30px;
}
.wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    height: inherit;
    width: inherit;
    padding: 0;
    color: var(--wdtHeadAltColor);
    font-size: var(--wdtFontSize_H2);
    transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item .wdt-content-title h5 {
    font-size: clamp(1.25rem, 1.1664rem + 0.3822vw, 1.625rem);  /* 26px - 20px */
    text-transform: uppercase;
    color: var(--wdtHeadAltColor);
}
.wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item:hover .wdt-content-title h5 {
    color: var(--wdtPrimaryColor);
}
.wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{
    color: var(--wdtPrimaryColor);
}
.wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item .wdt-content-detail-group .wdt-content-title{
    margin-bottom: 5px;
}

@media(max-width:1024px){
    .wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item{gap: 15px;}
}
@media(max-width:767px){
    .wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item{ display: flex; flex-direction: column; gap: 0px;}
}
@media(max-width:479px){
    .wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item{flex-direction: column; gap: 10px;}
    .wdt-image-box-holder.wdt-rc-template-icon-box-2 .wdt-content-item .wdt-content-media-group{margin-bottom: 0;}
    .wdt-image-box-holder.wdt-rc-template-instagram .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{height: 60px; width: 60px; font-size: var(--wdtFontSize_H4) ;}
}



/* wdt-rc-template-modern */
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item {
    display: flex;
    height: 100%;
    flex-direction: column; 
    background-color:transparent;
}
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item {
    display: flex;
    height: 100%;
    flex-direction: column; 
    background-color:rgb(var(--wdtAccentTxtColorRgb), 0.05);
    padding:clamp(1.875rem, 1.5963rem + 1.2739vw, 3.125rem) clamp(1.25rem, 1.0828rem + 0.7643vw, 2rem);
}
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    font-size: calc(var(--wdtFontSize_H2) + 4px);
    height: 50px;
    width: 50px;font-size:50px;
    padding: 0;
    color: var(--wdtHeadAltColor);
    transform: scale(1);
    transition: var(--wdtBaseTransition);
    will-change: transform;
}
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span,
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{ color:var(--wdtAccentTxtColor);}

.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon svg {
    transition: transform 0.4s ease-in-out;
}

.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon svg {
    animation: pulseScale 0.6s ease-in-out;
}

@keyframes pulseScale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.10);
    }
    100% {
        transform: scale(1);
    }
}

.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-title h5{
    font-size: calc(var(--wdtFontSize_H5));
    text-transform: uppercase;
    color: var(--wdtHeadAltColor);
    transition: var(--wdtBaseTransition);
}
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-title h5:hover,
 .wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-title h5 a:hover {
     color:rgba(var(--wdtPrimaryColorRgb), .5);
}
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-title h5,
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item:hover .wdt-content-title h5{color:var(--wdtAccentTxtColor);}
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item:hover .wdt-content-title h5{
    color: var(--wdtPrimaryColor);
}
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-media-group,
.wdt-image-box-holder.wdt-rc-template-modern .wdt-content-item .wdt-content-detail-group .wdt-content-title{
    margin-bottom: 10px;
}
.wdt-dark-bg .wdt-image-box-holder .wdt-content-item .wdt-content-detail-group .wdt-content-description{color: rgb(var(--wdtAccentTxtColorRgb), 0.6);}

.wdt-image-box-holder.wdt-rc-template-modern .wdt-column:not(:last-child) .wdt-content-detail-group{
    position: relative;
    height: 100%;
}

/* Image Aside Template  */
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5, 
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5 a {color:var(--wdtPrimaryColor); transition: var(--wdtBaseTransition);}
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item {overflow:hidden;}
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-title h5 a:hover { color:rgba(var(--wdtPrimaryColorRgb), 0.5); }
 .wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-image {
    overflow: hidden;
}

.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item .wdt-content-image > a {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(var(--wdtHeadAltColorRgb), 0.2);
}
.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item:hover .wdt-content-image > a {
    display: block;
    overflow: hidden;
    border: 1px solid rgba(var(--wdtHeadAltColorRgb), 1);
}

.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-image > a > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.5s ease;
}

.wdt-image-box-holder.wdt-rc-template-img-aside .wdt-content-item:hover .wdt-content-image > a > img {
    transform: scale(1.05);
}