
/* 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-media-group .wdt-content-icon-wrapper .wdt-content-icon span { background-color: var(--wdt-elementor-color-white); color: rgba(var(--wdt-elementor-color-accent-rgb),0.85); font-size: 24px; height: 60px; width: 60px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 3px 0 rgba(var(--wdt-elementor-color-secondary-rgb),0.15); box-shadow: 0 0 3px 0 rgba(var(--wdt-elementor-color-secondary-rgb),0.15); }
.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(--wdt-elementor-color-accent); color: var(--wdt-elementor-color-white); }

/* Standard Template */

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    font-size: clamp(2.5rem, 2.2213rem + 1.2739vw, 3.75rem); /* max-60  min-40 */
    padding: 0; 
    height: inherit; 
    width: inherit; 
    border-radius: var(--wdtRadius_Full); 
    color: var(--wdtSecondaryColor); 
    background-color: transparent;
    transition: var(--wdtAltTransition);
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5{
    font-size: clamp(1.125rem, 1.0414rem + 0.3822vw, 1.5rem) /*24px - 18px*/;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-icon-wrapper{margin-bottom: 0px;}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item { position: relative;overflow: hidden; display: grid;}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a{
    background-color: transparent; border: none; padding: 0; transition: var(--wdtAltTransition);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 100% 1px;
    background-image: linear-gradient(0deg, currentColor, currentColor);
    line-height: var(--wdtLineHeight_Alt);
    font-weight: var(--wdtFontWeight_Ext);
    font-size: var(--wdtFontSize_Base);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover {
    background-size: 0% 1px;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group{grid-area: 1/-1; margin: 0;}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group{grid-area: 1/-1; transition: var(--wdtAltTransition); display: flex; flex-direction: column; gap: 20px; background-color: transparent; justify-content:inherit;}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item > div[class*="group"] > .wdt-content-title{margin-bottom: 0;}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:after{
    content: '\e801';
    font-family: "extra-icons";
    color: currentColor;
    transition: transform 0.3s ease-in-out , color 0s;
    margin-left: 8px;
    display: inline-block;
    font-size: 12px;
    transform: rotate(0deg);
    font-weight: var(--wdtFontWeight_Base);
    will-change: transform;
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover:after{
    transform: rotate(-45deg);
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-description{height: 100%; margin-bottom: clamp(0rem, -0.625rem + 2.0833vw, 1.875rem);}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-column.wdt-active .wdt-content-item .wdt-content-description{opacity: 1; height: 100%;}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-detail-group,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-column.wdt-active .wdt-content-item .wdt-content-detail-group{background-color: transparent;}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-button > a:hover{color: var(--wdtLinkHoverColor);}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-button > a:hover{ color: var(--wdtLinkHoverColor);}

.wdt-image-box-holder.wdt-rc-template-standard { overflow: hidden; }
/* .wdt-image-box-holder.wdt-rc-template-standard .wdt-column {
    border-style: solid;
    border-color: var(--wdtBorderColor);
    border-width: 0 1px 1px 0;
} */

/* .wdt-cus-filler-Img img{
    border-radius: 145px;
    position: relative;
} */

/* icon aside Template


.wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item {
    display: flex;
    align-items: center;
    column-gap: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}

.wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item div:not(:last-child){
    margin-bottom: 0px;
}

.wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-media-group .wdt-content-icon-wrapper:only-child .wdt-content-icon span{
    width: 80px;
    height: 80px;
    background:var(--wdtAccentTxtColor);
    background-color: rgba(var(--wdtAccentTxtColorRgb),0.2);
  backdrop-filter: blur(10px); 
    border-radius: var(--wdtRadius_Full);
    color: var(    --wdtAccentTxtColor);
    transition: var(--wdtBaseTransition);
}

.wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item:hover .wdt-content-icon-wrapper:only-child .wdt-content-icon span{
    background-color: var(    --wdtAccentTxtColor);
    color: var(--wdtPrimaryColor);
}

.wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span svg {
    width: 45px;
    height: 45px;
}

.wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-detail-group div:not(:last-child){
    margin-bottom: clamp(0.3125rem, 0.275rem + 0.1875vw, 0.5rem);
}

 .wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-title h5{
     font-size: clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
     text-transform: uppercase;
 }

 .wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-title h5 a{
     color: var(    --wdtAccentTxtColor);
     pointer-events: none;
 }
 
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item .wdt-content-description{
     color:  var(    --wdtAccentTxtColor);
 }
 

 
 @media (min-width:1025px) and (max-width:1280px){
    .wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item{
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    } 
 }
 
 @media (max-width:479px){
     .wdt-image-box-holder.wdt-rc-template-icon-aside-content .wdt-content-item{
         align-items: flex-start;
     }
 } */






 /* =========================
------ Image Box---------
========================= */

.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item{ display: flex; gap: 16px;}
.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item .wdt-content-media-group{margin: 0;}
.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    padding: 0;
    font-size: clamp(1.375rem, 1.2503rem + 0.4164vw, 1.75rem) /*28px - 22px*/;
    border-radius: var(--wdtRadius_Full);
    background-color: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor);
    height: clamp(3.125rem, 2.9172rem + 0.694vw, 3.75rem) /*60px - 50px*/;
    width: clamp(3.125rem, 2.9172rem + 0.694vw, 3.75rem) /*60px - 50px*/;
}
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span {background-color: rgb(var(--wdtAccentTxtColorRgb), 0.3); transition: var(--wdtAltTransition);}
.wdt-dark-bg .wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{background-color: var(--wdtAccentTxtColor); color: var(--wdtLinkHoverColor);}
.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item .wdt-content-title h5 a{font-size: clamp(1.375rem, 1.2503rem + 0.4164vw, 1.75rem) /*28px - 22px*/;}
.wdt-dark-bg .wdt-image-box-holder .wdt-content-item .wdt-content-title h5, 
.wdt-dark-bg .wdt-image-box-holder .wdt-content-item .wdt-content-title h5 a {color: var(--wdtAccentTxtColor);}

.wdt-dark-bg .wdt-image-box-holder .wdt-content-item .wdt-content-title h5 a:hover {color: var(--wdtLinkHoverColor);}
.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-column{position: relative;}

/*Counter*/
.wdt-cus-counter-01 .wdt-column-holder .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter,    
.wdt-cus-counter-01 .wdt-column-holder .wdt-content-item .wdt-content-counter-wrapper .wdt-content-counter .wdt-content-counter-suffix {
    font-size:var(--wdtFontSize_Base);
    font-weight: var(--wdtFontWeight_Ext);
    font-family:var(--wdtFontTypo_Base);
}
.wdt-cus-counter-01 .wdt-content-item div:not(:last-child){
     margin-bottom: 0;
}

/*------------------------------*/

/* Image box - cloumn*/

.wdt-image-box-holder.wdt-rc-template-iconbox {
    overflow: hidden;
}
.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-column-wrapper .wdt-column {
    position: relative;
}



  /*Image box - Default*/
  
.wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item{position: relative;}

.wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item:not(:last-child)::after {
    content: '';
    height: 45px;
    width: 1px;
    background: var(--wdtBorderColor);
    position: absolute;
    left: 60px;
    bottom: -15px;
    right: auto;
}

@media(max-width:767px){.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item{flex-direction: column;}}

@media (max-width:1280px) {
/* .wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item {
        padding: 20px;
        margin-left: -20px;
    } */

/* .wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item:first-child {
        margin-top: -20px;
    } */

.wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item:not(:last-child)::after {
        left: 50px;
        bottom: 0;
        right: auto;
    }
}
@media (max-width:1024px){
.wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item:not(:last-child)::after {
        bottom: -14px;
}
}
@media (max-width:767px) {
.wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item {
        padding: 10px;
        margin-left: -10px;
    }

.wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item:first-child {
        margin-top: -10px;
    }

.wdt-image-box-holder.wdt-rc-template-iconbox  .wdt-content-item:not(:last-child)::after {
        left: 40px;
}}


  /*Image box - carsouel*/
.wdt-image-box-holder.wdt-rc-template-iconbox .swiper-slide .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span { height: 60px; width: 60px; }










  /*Image box - process-block1*/

   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-column {
       counter-increment: number;
        border-right:1px solid var(--wdtBorderColor);
   }
   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-column:first-child .wdt-content-item{padding: 0 clamp(1.25rem, 0.625rem + 2.0833vw, 3.125rem) 0 0;}
   
   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-column-wrapper.wdt-column-gap-default .wdt-column{
        padding: 0px;
   }
  
     .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item .wdt-content-detail-group{justify-content: inherit;}
  .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item .wdt-content-detail-group .wdt-content-subtitle-wrapper {
       position: relative; display: flex; justify-content: inherit;
   }
   
    .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item .wdt-content-subtitle{
        position: absolute;
        background:var( --wdtBodyBGColor);
        color: var(--wdtPrimaryColor);
        top: 0;
        bottom: -10px;
        margin: auto 0;
        height: fit-content;
        padding: 5px 20px;
    }
   
   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item .wdt-content-detail-group .wdt-content-subtitle-wrapper::after{
        content: '0' counter(number);
        font-family: var(--wdtFontTypo_H5);
        font-size:clamp(6.875rem, 6.7357rem + 0.6369vw, 7.5rem);
     font-weight: var(--wdtFontWeight_H5);
        color: rgba(var(--wdtSecondaryColorRgb),0.1);
    transition: var(--wdtBaseTransition);
    line-height: var(--wdtLineHeight_Ext);
    display: inline-flex;
   }
   
   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item:hover .wdt-content-subtitle-wrapper::after,
   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-column.wdt-active .wdt-content-item .wdt-content-subtitle-wrapper::after{
       color: var(--wdtPrimaryColor);
   }
   
   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item .wdt-content-detail-group > div:not(:last-child){
        margin-bottom: 0px;
   }
   
   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item .wdt-content-title h5 {
       font-size:clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem);
       margin: clamp(0.3125rem, 0.2428rem + 0.3185vw, 0.625rem) 0;
       pointer-events: none;
   }
   
   .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item {
        transition: var(--wdtBaseTransition);
        display: flex;
        width: fit-content;
        padding: 0 clamp(1.25rem, 0.625rem + 2.0833vw, 3.125rem);
   }
    
    .elementor-widget-text-editor P{
        margin-bottom: 0;
    }
    
    @media (max-width:1280px){
        .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-column:first-child .wdt-content-item {
        padding-left: 0px;
    }   
    }
    
    @media (max-width:479px){
         .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-content-item .wdt-content-detail-group .wdt-content-subtitle-wrapper{
             display: inline-grid;
             justify-self: center;
             align-self: center;
         }
         
         .wdt-image-box-holder.wdt-rc-template-process-block-1 .wdt-column{
             border-right: none;
         }
    }






    
/*Client logo*/


.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item {
    /*border: 1px solid var(--wdtSecondaryColor);*/
    border-radius: var(--wdtRadius_1X);
    position: relative;
    overflow: hidden; 
}


.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-media-group {
    position: relative;
    display: grid;
}

.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-image-wrapper {
    display: grid;
    grid-area: 1/1;
    opacity: 0;
    transition: opacity 0.4s ease-in-out; 
}

.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-icon-wrapper {
    display: grid;
    grid-area: 1/1;
    z-index: 2;
}

/* Icon inside */
.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-media-group > div:not(:last-child){
    margin-bottom: 0;
}

.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    padding: 0;
    font-size: 160px;
    width: 200px;
    height: 60px;
    color: var(--wdtSecondaryColor);
}

.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span svg{ width:inherit; height:inherit; font-size:inherit;}
.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span{color: var(--wdtLinkHoverColor);}

@media(max-width:1280px) and (max-width:1024px){
    .wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    padding: 0;
    font-size: 100px;
    width: 120px;
    height: 60px;
}
}
@media(max-width:1280px){
     .wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{
    font-size: 150px;
    width: 130px;
    height: 60px;
}
}
@media(max-width:767px){
    .wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{width: 350px;}
}
@media(max-width:767px){
    .wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span{width: 250px;}
}


/* Overlay effect */
.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(var(--wdtPrimaryColorRgb), 0.1);
    opacity: 0;
    border: 1px solid transparent;
    transition: opacity 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item:hover .wdt-content-image-wrapper {
    opacity: 0.2;
}

.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item:hover::after {
    opacity: 1;
}
.wdt-image-box-holder.wdt-rc-template-client-img-icon .wdt-content-item{
    border: 1px solid transparent;
}

