
/* 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 { 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); }

/* Instagram */
.wdt-custom-instagram.wdt-custom-home-image-2 .wdt-image-box-holder .wdt-content-item:first-child { padding-bottom: 30px;}
.wdt-custom-instagram .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-content-image-wrapper .wdt-content-image  > a img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

 .wdt-custom-instagram .wdt-image-box-holder .wdt-content-item:hover .wdt-content-media-group .wdt-media-group .wdt-content-image-wrapper .wdt-content-image  > a img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

 .wdt-custom-instagram .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-media-image-overlay-container .wdt-content-icon-wrapper .wdt-content-icon span {
    background-color: rgba(var(--wdtLinkColorRgb), 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--wdtRadius_Full);
    line-height: 0;
}
.wdt-custom-instagram .wdt-image-box-holder .wdt-content-item .wdt-media-image-overlay > .wdt-media-image-overlay-container {
    pointer-events: none;
}
/*service*/
.wdt-custom-service-style .wdt-content-item .wdt-content-media-group { display: flex; flex-direction: column;}
.wdt-custom-service-style .wdt-content-item .wdt-content-image > a:after { content: ''; position: absolute; bottom: 0; width: 100%; height: 0px; background-image: linear-gradient(180deg, #00000000, #000000C4); transition: all 0.3s ease-in-out; }
.wdt-custom-service-style .wdt-content-item:hover .wdt-content-image > a:after { opacity: 1; height: 160px;}
.wdt-custom-service-style .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_H3); letter-spacing: 2.5px; text-transform: uppercase; font-weight: var(--wdtFontWeight_Alt);}

.wdt-custom-service-style .wdt-content-item .wdt-content-elements-group .wdt-content-button a { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); background: transparent; color: var(--wdtSecondaryColor); font-size: var(--wdtFontSize_Ext); font-weight: 600; letter-spacing: 2.64px; text-transform: uppercase; opacity: 0; width: max-content; }
.wdt-custom-service-style .wdt-content-item .wdt-content-elements-group .wdt-content-button a span:after {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20.66px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12L7 12M17 12L13 16M17 12L13 8' stroke='currentcolor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg width='20.66px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12L7 12M17 12L13 16M17 12L13 8' stroke='currentcolor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background: currentcolor;
    width: 24px;
    height: 20px;
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}
.wdt-custom-service-style .wdt-content-item .wdt-content-elements-group .wdt-content-button a:hover span:after { right: -5px;}
.wdt-custom-service-style .wdt-content-item:hover .wdt-content-elements-group .wdt-content-button a { opacity: 1;}

.wdt-custom-service-style.wdt-custom-home-3-service .wdt-content-item .wdt-content-image > a:after { background-image: linear-gradient(180deg, #0060FF00, #0060FF); opacity: 0.8; }

/*Img Box*/

.wdt-custom-img-box-type-support .wdt-image-box-holder .wdt-content-item {
    display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; margin-bottom: 30px;
}
.wdt-custom-img-box-type-support .wdt-image-box-holder .wdt-content-item .wdt-content-media-group { margin: 0; }
.wdt-custom-img-box-type-support .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image > a img {  border-radius: var(--wdtRadius_Full); }
.wdt-custom-img-box-type-support .wdt-image-box-holder .wdt-content-item .wdt-content-detail-group { margin: 0 0 0 20px; }
.wdt-custom-img-box-type-support .wdt-image-box-holder .wdt-content-item .wdt-content-detail-group .wdt-content-title h5 {
    font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); letter-spacing: 2px; text-transform: uppercase;
}

@media only screen and (min-width: 1025px) {
.wdt-custom-banner-image {
    position: absolute;
    width: auto;
    max-width: 450px;
    top: 0;
    bottom: auto;
    right: 0;
    left: auto;
    z-index: -1;
    margin: auto;
  }
}

@media only screen and (max-width: 1280px) {
 .wdt-custom-img-box-type-support .wdt-image-box-holder .wdt-content-item {
    margin-bottom: 20px;
  }
}

/*custom css*/
.wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper { flex-wrap: nowrap; }
.wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column { display: flex; flex-wrap: wrap; flex-direction: column; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column { flex-basis: 33.33%; }
.wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper { overflow: hidden; }
.wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover { flex-basis: 80%;}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image img { object-position: center;}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-title h5 { font-size: clamp(var(--wdtFontSize_H2), 1.5865rem + 1.2821vw, var(--wdtFontSize_H1)); text-transform: uppercase; letter-spacing: 5px; font-weight: var(--wdtFontWeight_Alt); }
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-title h5:after { content: ''; position: absolute; width: 70px; height: 1px; background: var(--wdt-elementor-color-white); left: 0; bottom: 0; transition: all 0.3s ease-in-out;}
.wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover .wdt-content-item .wdt-content-title h5:after { width: 100%;}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-title { position: absolute; width: max-content; transform: translateX(-50px) rotate(270deg); transform-origin: 0 0; left: 60%; bottom: 50px; }
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-description { padding-bottom: 35px; width: 20vw;}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-button { font-size: var(--wdtFontSize_Ext); font-weight: 600; letter-spacing: 2.64px; text-transform: uppercase; padding: 0px; background-color: transparent; position: relative;}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-button > a { padding: 0; background-color: transparent; position: relative; }
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-button > a .wdt-button-text:after { content: ''; position: absolute; width: 100%; height: 1px; background: currentColor; left: 0; bottom: -5px; transition: transform .4s cubic-bezier(.33,.52,.05,.96) .4s; transform: scaleX(1); transform-origin: right;}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-button > a .wdt-button-text:before { content: '';
    display: block; position: absolute; left: 0; bottom: -5px; height: 1px; width: 100%; transition: transform .4s cubic-bezier(.33,.52,.05,.96); transform: scaleX(0); transform-origin: left; background: currentColor;}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-button > a .wdt-button-text:hover:after {
    transform: scaleX(0); transform-origin: right; transition: transform .4s cubic-bezier(.33,.52,.05,.96);
}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-button > a .wdt-button-text:hover:before {
    transform: scaleX(1); transform-origin: left; transition: transform .4s cubic-bezier(.33,.52,.05,.96) .4s;
}

.wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-description, .wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-button { visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out; right: -100%; } 
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { display: grid; align-self: flex-end; padding-bottom: 120px; padding-right: 50px; width: 100%; text-align: left; margin-left: auto;}
.wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { width: 70%; }
.wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover .wdt-content-item .wdt-content-title { left: 160px;}
.wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover .wdt-content-item .wdt-content-description, .wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover .wdt-content-item .wdt-content-button { visibility: visible; opacity: 1; right: 0;}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before { 
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    transition: inherit;
    background-color: rgba(88, 61, 24, 1);
}
.wdt-custom-hover-image-box-style .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before { opacity: 0.43;}
.wdt-custom-hover-image-box-style .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper:after, .wdt-custom-hover-image-box-style .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:after { opacity: 0; }
.wdt-custom-hover-image-box-style .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div:not(.wdt-content-button) a, 
.wdt-custom-hover-image-box-style .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div h5 a, 
.wdt-custom-hover-image-box-style .wdt-content-item:hover .wdt-media-image-cover > .wdt-media-image-cover-container > div { color: var(--wdt-elementor-color-white);}

@media(max-width: 767px){
    .wdt-custom-hover-image-box-style .wdt-content-item .wdt-content-description{ width: 62vw; }
}

.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-media-image-cover-container {
    align-self: end; padding: 25px 30px; 
}
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper:before {
    content: ''; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;
    background-image: linear-gradient(180deg, rgba(var(--wdtBodyTxtColorRgb),0), rgba(var(--wdtBodyTxtColorRgb),0.4));
    opacity: 0; transition: all .5s linear; -webkit-transition: all .5s linear; pointer-events: none;
}
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper:before { opacity: 1; }
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image > a img {
    transform: scale(1.01); -webkit-transform: scale(1.01); transition: all .5s ease; -webkit-transition: all .5s ease;
}
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item:hover .wdt-media-image-cover .wdt-content-image-wrapper .wdt-content-image > a img {
     transform: scale(1.1); -webkit-transform: scale(1.1);
}
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-media-image-cover-container .wdt-content-title h5{
    font-size: var(--wdtFontSize_H3); text-transform: capitalize; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease;
}
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-media-image-cover-container .wdt-content-title h5 a { position: relative; }
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-media-image-cover-container .wdt-content-title h5 a:after{ content: ''; position: absolute; width: 100%; height: 1px; background-color: currentColor; bottom: 0; left: 0; transform-origin: right;
    transform: scaleX(0); transition: transform .3s ease-in-out; } 
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-media-image-cover-container .wdt-content-title h5 a:hover:after { transform-origin: left; transform: scaleX(1);}
.wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item:hover .wdt-content-media-group .wdt-media-group .wdt-media-image-cover-container .wdt-content-title h5{ opacity: 1; }
@media only screen and (max-width: 1280px) {
    .wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-media-image-cover-container { padding: 20px; }
    .wdt-custom-img-box-tybe-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group .wdt-media-image-cover-container .wdt-content-title h5{ font-size: calc(var(--wdtFontSize_H3) - 2px); }
}

/*Home-2*/
.wdt-custom-img-box-type-a .wdt-image-box-holder .swiper-slide { width: fit-content !important; }
.wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item { padding-bottom: 50px; position: relative; }
/* .wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group {
    display: flex; justify-content: space-between; align-items: center; margin-top: 10px;
} */
.wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-content-title { margin: 8px 0 20px 0; }
.wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-content-title h5 {
    font-size: var(--wdtFontSize_H3); font-weight: var(--wdtFontWeight_Alt); text-transform: uppercase; letter-spacing: 2px; margin: 0;
}
.wdt-custom-img-box-type-a .wdt-content-item .wdt-content-media-group { margin-bottom: 10px;}
.wdt-custom-img-box-type-a .wdt-content-item .wdt-content-elements-group {
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 0;
    position: absolute; bottom: 30px; right: 10px; pointer-events: none;
}
.wdt-custom-img-box-type-a .wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span {
    backdrop-filter: blur(0px) brightness(1.5); -webkit-backdrop-filter: blur(0px) brightness(1.5); line-height: 16px;
}
.wdt-custom-img-box-type-a .wdt-content-item .wdt-content-detail-group {
    padding: 0 30px; 
}
.wdt-custom-img-box-type-a .wdt-content-item .wdt-content-image a img {
    width: 100%; object-fit: cover;
}
.wdt-custom-img-box-type-a .wdt-content-item:hover .wdt-content-image a img {
    transform: scale(1.05);
}
@media only screen and (min-width: 768px) {
    .wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item .wdt-content-detail-group { 
        position: absolute; width: 100%; 
    }
}
@media only screen and (max-width: 767px) {
    /* .wdt-custom-img-box-type-a .wdt-image-box-holder .swiper-slide { width: auto !important; }
    .wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item { padding-bottom: 0; }
    .wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item,  .wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group { display: block; } */
    /* .wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-media-group { width: calc(100% - 205px); margin: 0; } */
    /* .wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item .wdt-content-detail-group { width: calc(100% - 205px); margin: 0; } */
    .wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper { flex-wrap: wrap;}
    .wdt-custom-img-box-type-a .wdt-image-box-holder .wdt-content-item .wdt-content-detail-group { 
        position: absolute; width: 100%; 
    }
}
@media(max-width: 1280px) {
    .wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover { flex-basis: 100%; }
}
@media(max-width: 1024px) {
    .wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column { flex-basis: inherit;}
    .wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover .wdt-content-item .wdt-content-title { left: 80px;}
    .wdt-custom-hover-image-box-style .elementor-widget-container .wdt-image-box-holder .wdt-column-wrapper div.wdt-column:hover .wdt-content-item .wdt-media-image-cover > .wdt-media-image-cover-container { width: 75%; }
}

.wdt-custom-portfolio-image-box .wdt-content-item .wdt-content-detail-group {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    bottom: 20px;
    background: var(--wdt-elementor-color-custom-2);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.wdt-custom-portfolio-image-box .wdt-content-item:hover .wdt-content-detail-group { opacity: 1;}
.wdt-custom-portfolio-image-box .wdt-image-box-holder .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper {
    margin-bottom: 0; display: flex;
}
.wdt-custom-portfolio-image-box .wdt-content-item .wdt-content-media-group .wdt-content-elements-group { position: absolute; bottom: 40px; left: 40px;}
.wdt-custom-portfolio-image-box .wdt-content-item:hover .wdt-content-media-group .wdt-content-elements-group { opacity: 0;}
.wdt-custom-portfolio-image-box .wdt-content-item .wdt-content-title h5 { font-size: var(--wdtFontSize_H3); font-weight: var(--wdtFontSize_Alt); letter-spacing: 2.5px; text-transform: uppercase; color: var(--wdt-elementor-color-white);}
.wdt-custom-portfolio-image-box .wdt-content-item .wdt-content-subtitle { font-size: var(--wdtFontSize_Base); color: var(--wdt-elementor-color-white);}
.wdt-custom-portfolio-image-box .wdt-content-item .wdt-content-button > a { font-size: var(--wdtFontSize_Ext); font-weight: 600; letter-spacing: 2.64px; text-transform: uppercase; padding: 0 20px 0 0; background: transparent; position: relative; bottom: -170px; }
.wdt-custom-portfolio-image-box .wdt-content-item .wdt-content-button > a:after {
    content: '';
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20.66px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12L7 12M17 12L13 16M17 12L13 8' stroke='currentcolor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg width='20.66px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12L7 12M17 12L13 16M17 12L13 8' stroke='currentcolor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    background: currentcolor;
    width: 24px;
    height: 24px;
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}
.wdt-custom-portfolio-image-box .wdt-content-item .wdt-content-image > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.53));
    width: 100%;
    height: 220px;
    transition: all 0.5s ease-in-out;
}
.wdt-custom-portfolio-image-box .wdt-content-item:hover .wdt-content-image > a:after { opacity: 0;}
.wdt-custom-portfolio-image-box .wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar {
    height: 3px; border-radius: var(--wdtRadius_Zero); -webkit-border-radius: var(--wdtRadius_Zero); background-image: none; background-color: rgba(183, 207, 214, 0.5); width: 100%;
}
.wdt-custom-portfolio-image-box .wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { color: var(--wdt-elementor-color-custom-2);}

@media(max-width: 479px) {
    .wdt-custom-portfolio-image-box .wdt-content-item .wdt-content-button > a { bottom: -50px; }
}