/* 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 { margin-bottom: clamp(1.375rem, 1.3332rem + 0.1911vw, 1.5625rem);

 }

.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: 0px; }

.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 { padding: 0;}

.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); }

.wdt-image-box-holder.wdt-rc-template-standard  .wdt-content-item .wdt-content-subtitle {
    color: rgba(var(--wdtPrimaryColorRgb),0.75);
    text-transform: uppercase;
    letter-spacing: normal;
    font-size:var(--wdtFontSize_Base) ;
    font-weight: var(--wdtFontWeight_Base);
    margin-bottom: 10px;
}
.wdt-image-box-holder.wdt-rc-template-standard  .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title{
    margin-top: 0;
    margin-bottom: 17px;
}
.wdt-image-box-holder.wdt-rc-template-standard  .wdt-content-item .wdt-content-title h5 {
     font-size: clamp(1.75rem, 1.4167rem + 1.1111vw, 2.75rem);
}
.wdt-image-box-holder.wdt-rc-template-standard  .wdt-content-item .wdt-content-title a:hover{
    color: rgba(var(--wdtPrimaryColorRgb), 0.65);
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a {
    background-color: transparent;
    color: var(--wdtPrimaryColor);
    border: 1px solid var(--wdtPrimaryColor);
    text-transform: uppercase;
    font-size: var(--wdtFontSize_Ext);
    padding: var(--wdtPadding_Btn);
    padding-top: 19px;
    font-weight: var(--wdtFontWeight_Ext);
    line-height: 1;
    clip-path: inset(-1px);
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover
{
    background-color: var(--wdtPrimaryColor);
    color: var(--wdtSecondaryColor);
    border: 1px solid transparent;
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a span{
     position: relative;
    top: 1px;
    display: inline-grid;
  align-content: center;
  text-align: left;
  gap: 10px;
  height: 100%;
  filter: drop-shadow(0px 40px 0 currentcolor);
  transition: var(--wdt-Ad-Transition);
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-button > a:hover span{
    transform: translateY(-40px);
    filter: drop-shadow(0px 40px 0 currentcolor);
}

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-image > span > img,.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-image > a > img {
     transform: scale(1.1) rotate(-2deg);
    -moz-transform: scale(1.1) rotate(-2deg);
    -ms-transform: scale(1.1) rotate(-2deg);
    -webkit-transform: scale(1.1) rotate(-2deg);
}


.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:has(.wdt-content-description) .wdt-content-title h5 {
    font-size: clamp(1.75rem, 1.6385rem + 0.5096vw, 2.25rem) ;
}
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:has(.wdt-content-description) .wdt-content-title{
    margin-bottom: 10px;
}

/* Image box - Icon and image */

.wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item .wdt-content-media-group{
    display: grid;
    place-items: center ;
    overflow: hidden;
    pointer-events: all;
}

.wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item .wdt-content-icon-wrapper , .wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item .wdt-content-image-wrapper{ 
   grid-area: 1 / -1;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 0;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

.wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item .wdt-content-icon-wrapper{
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    padding: 20px;
    visibility: hidden;
    width: 100%;
     -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
    background-color:rgba(var(--wdtPrimaryColorRgb),0.4);
    height: 100%;
    pointer-events: none;
}
.wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item:hover .wdt-content-icon-wrapper{
    opacity: 1;
    visibility: visible;
}
    
.wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item .wdt-content-icon-wrapper *{
    flex: 1 1 100%;
}
.wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span {
    color: var(--wdtSecondaryColor);
    font-size: calc(var(--wdtFontSize_H3) + 4px);
    -webkit-transform: scale(0.9) rotate(90deg);
    transform: scale(0.9) rotate(90deg);
    transition: var(--wdt-Ad-Transition);
}

.wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item .wdt-content-title h5{
    font-size: clamp(1.25rem, 1.0833rem + 0.5556vw, 1.75rem);
    /* font-size: var(--wdtFontSize_H5); */
        font-weight: var(--wdtFontWeight_H5);
    margin-top:  clamp(1.0625rem, 0.9232rem + 0.6369vw, 1.6875rem);
    margin-bottom: 0;
    text-transform: none;
    line-height: var(--wdtLineHeight_H5);
}
.wdt-image-box-holder.wdt-rc-template-icon-image .wdt-content-item .wdt-content-title h5 a:hover{
    color: rgba(var(--wdtPrimaryColorRgb), 0.65);
}
.wdt-image-box-holder.wdt-rc-template-icon-image  .wdt-content-item:hover .wdt-content-image > span > img,.wdt-image-box-holder.wdt-rc-template-icon-image  .wdt-content-item:hover .wdt-content-image > a > img{
    transform: scale(1.1) rotate(-2deg);
    -moz-transform: scale(1.1) rotate(-2deg);
    -ms-transform: scale(1.1) rotate(-2deg);
    -webkit-transform: scale(1.1) rotate(-2deg);
}




/* Image Box - secondary-image */


.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item{
    display: grid;
    place-items:end center;
    overflow: hidden;
}
.wdt-content-item .wdt-content-media-group{
     display: grid;
    place-items: center;
    overflow: hidden;
   grid-area: 1 / 1;
   margin-bottom: 0;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-icon-wrapper{
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    padding: 20px;
    visibility: hidden;
    width: 100%;
     -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
    background-color:rgba(var(--wdtPrimaryColorRgb),0.4);
    height: 100%;
    z-index: 1;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-icon-wrapper , .wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-image-wrapper , .wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-detail-group{ 
   grid-area: 1 / 1;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 0;
    overflow: hidden;
    text-align: inherit;
}

.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span {
    color: var(--wdtSecondaryColor);
    font-size:var(--wdtFontSize_H3);
    -webkit-transform: scale(0.9) rotate(90deg);
    transform: scale(0.9) rotate(90deg);
    transition: var(--wdt-Ad-Transition);
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item:hover .wdt-content-icon-wrapper{
    opacity: 1;
    visibility: visible;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-detail-group {
    transform: translateY(50px);
    padding: 20px;
    width: 100%;
    opacity: 0;
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
    z-index: 1;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item  .wdt-content-subdetails-group {
    display: flex; 
    background-color: var(--wdtSecondaryColor);
    padding: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 10px;
    width: fit-content;
    margin: 0 auto;
    gap: 10px 0;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item:hover .wdt-content-detail-group {
    transform: translateY(0px);
    opacity: 1;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-details-wrapper .wdt-content-subtitle{
    font-size: var(--wdtFontSize_Base);
    text-transform: uppercase;
    margin-bottom: 7px;
    color: var(--wdtPrimaryColor);
    letter-spacing: normal;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-details-wrapper {
    text-align: inherit; padding: 0 15px;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-subdetails-group .wdt-content-image-wrapper{
    max-width: 90px;
    height: auto;
    display: flex;
} 

.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-title h5 {
    font-size: clamp(1.25rem, 1.0833rem + 0.5556vw, 1.75rem);
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-title{
    margin-bottom: 10px;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title{  /* Over write  */
    margin-top: 0;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item > div:not(:last-child){  /* Over write  */
    margin-bottom: 0px;
}

.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-description {
    font-family: var(--wdtFontTypo_Alt);
     font-size:var(--wdtFontSize_H6) ;
    color: var(--wdtQuaternaryColor);
    font-weight:var(--wdtFontWeight_H6) ;
    line-height: var(--wdtLineHeight_H6);   
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-description strong{
    text-decoration: line-through;
    color: rgba(var(--wdtPrimaryColorRgb), 0.65);
    margin-left: 3px;
    font-weight: var(--wdtFontWeight_H6);
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item:hover .wdt-content-image > span > img , .wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item:hover .wdt-content-image > a > img{
     transform: scale(1.1) rotate(-2deg);
    -moz-transform: scale(1.1) rotate(-2deg);
    -ms-transform: scale(1.1) rotate(-2deg);
    -webkit-transform: scale(1.1) rotate(-2deg);
}


.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-title h5 a:hover {
    color: rgba(var(--wdtPrimaryColorRgb), 0.65);
}

.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item:has(.wdt-content-detail-group):hover .wdt-content-detail-group .wdt-content-image > span > img ,.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item:has(.wdt-content-detail-group):hover .wdt-content-detail-group .wdt-content-image > a > img{
     transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
}


/* Image Box - Modern-image */

.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item{
    display: grid;
    place-items:end center;
    overflow: hidden;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-media-group{
     display: grid;
    place-items: center;
    overflow: hidden;
   grid-area: 1 / 1;
   margin-bottom: 0;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-icon-wrapper{
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    padding: 20px;
    visibility: hidden;
    width: 100%;
     -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
    background-color:rgba(var(--wdtPrimaryColorRgb),0.4);
    height: 100%;
    z-index: 1;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-icon-wrapper 
, .wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-image-wrapper
 , .wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-detail-group{ 
   grid-area: 1 / 1;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-bottom: 0;
    overflow: hidden;
    text-align: inherit;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item:hover .wdt-content-icon-wrapper .wdt-content-icon span {
    color: var(--wdtSecondaryColor);
    font-size:var(--wdtFontSize_H3);
    -webkit-transform: scale(0.9) rotate(90deg);
    transform: scale(0.9) rotate(90deg);
    transition: var(--wdt-Ad-Transition);
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item:hover .wdt-content-icon-wrapper{
    opacity: 1;
    visibility: visible;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-detail-group {
    transform: translateY(50px);
    padding: 20px;
    width: 100%;
    opacity: 0;
    -webkit-transition: var(--wdtAltTransition);
    transition: var(--wdtAltTransition);
    z-index: 1;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item  .wdt-content-subdetails-group {
    display: flex; 
    flex-wrap: wrap;
    background-color: var(--wdtSecondaryColor);
    padding: 10px;
    align-items: center;
    gap: 10px;
    margin: 0 auto;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item:hover .wdt-content-detail-group {
    transform: translateY(0px);
    opacity: 1;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-details-wrapper .wdt-content-subtitle{
    font-size: var(--wdtFontSize_Base);
    text-transform: uppercase;
    margin-bottom: 7px;
    color: var(--wdtPrimaryColor);
    letter-spacing: normal;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-details-wrapper {
    text-align: start;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-subdetails-group .wdt-content-image-wrapper{
    display: flex;
} 

.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-subdetails-group .wdt-content-image-wrapper .wdt-content-image img {
    max-width: 90px;
    height: auto;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-title h5 {
    font-size: clamp(1.25rem, 1.0833rem + 0.5556vw, 1.75rem);
    font-size:  clamp(1.375rem, -0.1497rem + 1.5831vw, 1.75rem);
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-title{
    margin-bottom: 10px;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title{  /* Over write  */
    margin-top: 0;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item > div:not(:last-child){  /* Over write  */
    margin-bottom: 0px;
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-description {
    font-family: var(--wdtFontTypo_Alt);
     font-size:var(--wdtFontSize_H6) ;
    color: var(--wdtPrimaryColor);
    font-weight:var(--wdtFontWeight_H6) ;
    line-height: var(--wdtLineHeight_H6);   
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-description strong{
    text-decoration: line-through;
    color: rgba(var(--wdtPrimaryColorRgb), 0.65);
    margin-left: 3px;
    font-weight: var(--wdtFontWeight_H6);
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item:hover .wdt-content-image > span > img
 , .wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item:hover .wdt-content-image > a > img{
     transform: scale(1.1) rotate(-2deg);
    -moz-transform: scale(1.1) rotate(-2deg);
    -ms-transform: scale(1.1) rotate(-2deg);
    -webkit-transform: scale(1.1) rotate(-2deg);
}
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-title h5 a:hover {
    color: rgba(var(--wdtPrimaryColorRgb), 0.65);
}

.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item:has(.wdt-content-detail-group):hover .wdt-content-detail-group .wdt-content-image > span > img ,
.wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item:has(.wdt-content-detail-group):hover .wdt-content-detail-group .wdt-content-image > a > img{
     transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
}

/* Image Box -With Descripton */

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item{
    position: relative; overflow: hidden; display: grid; align-items: end; }

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-media-group,
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper,
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image,
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image a {
    width: 100%; height: 100%; }

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper .wdt-content-image a img {
    width: 100%; height: 100%; object-fit: cover; object-position: center; }

.wdt-image-box-holder.wdt-rc-template-with-description  .wdt-content-item .wdt-content-detail-group {
    grid-area: 1/1;
    padding: clamp(1.5625rem, 1.3535rem + 0.9554vw, 2.5rem);
    transform: translateY(80px);
    z-index: 1;
    transition: var(--wdtBaseTransition);
}

.wdt-image-box-holder.wdt-rc-template-with-description  .wdt-content-item .wdt-content-media-group{
    grid-area: 1/1;
    margin-bottom: 0;
    display: flex;
    pointer-events: none;
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-button{
    opacity: 0;
    transition: var(--wdtBaseTransition);
    display:inline-flex;
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item:hover .wdt-content-button{
    opacity: 1;
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-button > a {
    color: var(--wdtPrimaryColor);
    background-color: var(--wdtSecondaryColor);
    padding: var(--wdtPadding_Btn);
    font-size: var(--wdtFontSize_Ext);
    text-transform: uppercase;
    font-weight: var(--wdtFontWeight_Ext);
    line-height: 1;
    clip-path: inset(-1px);
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-button > a span{
    position: relative;
    top: 1px;
    display: inline-grid;
    align-content: center;
    text-align: left;
    gap: 10px;
    height: 100%;
    filter: drop-shadow(0px 40px 0 currentcolor);
    transition: var(--wdt-Ad-Transition);
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-button > a:hover span{
    transform: translateY(-40px);
    filter: drop-shadow(0px 40px 0 currentcolor);
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-button > a:hover{
    color: var(--wdtSecondaryColor);
    border: 1px solid var(--wdtSecondaryColor);
    background-color: transparent;
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item:before {
    content: ''; position: absolute; pointer-events: none; width: 100%; height: 100%; inset: 0; 
    background: linear-gradient(0deg, var(--wdtHeadAltColor) 0%, transparent 100%); top: 0; left: 0; z-index: 1; }

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title{
    margin-top: 0;
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item:hover .wdt-content-detail-group{
    transform: translateY(0);
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-subtitle{
    color:rgba(var(--wdtSecondaryColorRgb), 0.75);
    text-transform: uppercase;
    font-size: var(--wdtFontSize_Base);
    letter-spacing: normal;
    margin-bottom:clamp(0.4375rem, 0.34rem + 0.4459vw, 0.875rem);
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-title{
    margin-bottom:clamp(0.9375rem, 0.9096rem + 0.1274vw, 1.0625rem);   
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-title h5 {
    font-size: clamp(1.75rem, 1.5271rem + 1.0191vw, 2.75rem);
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-title h5 a{
    color: var(--wdtSecondaryColor);
    pointer-events: none;
}

.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item:hover .wdt-content-image > a > img , 
.wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item:hover .wdt-content-image > span > img{
    transform: scale(1.1) rotate(-2deg);
    -moz-transform: scale(1.1) rotate(-2deg);
    -ms-transform: scale(1.1) rotate(-2deg);
    -webkit-transform: scale(1.1) rotate(-2deg);
}


/* Template With Description */

.wdt-rc-template-with-description-alter .wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-detail-group {
    -webkit-transform: translateY(0px); transform: translateY(0px); }

.wdt-rc-template-with-description-alter .wdt-image-box-holder.wdt-rc-template-with-description .wdt-content-item .wdt-content-button { opacity: 1; }


/* Gallery-imgbox  section */

.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item{
  align-items: center;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-detail-group{
  padding: 0;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-subdetails-group {
  display: grid;
  gap: clamp(0.625rem, 0.5553rem + 0.3185vw, 0.9375rem); /* Min-10 & Max-15 */
  padding: clamp(0.625rem, 0.5553rem + 0.3185vw, 0.9375rem); /* Min-10 & Max-15 */
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-title h5 {
  font-size: clamp(1.125rem, 1.0833rem + 0.1389vw, 1.25rem); /* Min-18 & Max-20 */
  line-height: 1;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-details-wrapper {
    text-align: center;
    padding: 0;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-subdetails-group .wdt-content-image-wrapper {
    max-width: 125px;
    max-height: 95px;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-media-group .wdt-content-image > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background-color: rgba(var(--wdtHeadAltColorRgb),0.45);
  -webkit-transition: var(--wdtAltTransition);
  transition: var(--wdtAltTransition);
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item:hover .wdt-content-media-group .wdt-content-image > a::before {
  opacity: 1;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image,
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item,
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-media-group,
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-image-wrapper,
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-image-wrapper .wdt-content-image,
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-image > a{
  width: 100%;
  height: 100%;
}
.wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-image > a > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

    /* Responsive */

    @media screen and (max-width:1540px) {
        .wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-title h5 {
            font-size: clamp(1.25rem, 1.0833rem + 0.5556vw, 1.75rem); 
        }
    }
        
     @media screen and (max-width:1024px) {
         .wdt-image-box-holder.wdt-rc-template-modern-image .wdt-content-item .wdt-content-detail-group {
             display: none;
            }
        }
        @media screen and (max-width:767px) {
            .wdt-image-box-holder.wdt-rc-template-secondary-image,
            .wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item,
            .wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-media-group,
            .wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-image-wrapper,
            .wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-image-wrapper .wdt-content-image,
            .wdt-image-box-holder.wdt-rc-template-secondary-image .wdt-content-item .wdt-content-image > a{
            height: auto;
        }
        }