
/* Default Template */
.wdt-image-box-holder.wdt-rc-template-default { height: 100%; width: 100%; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item { display: grid; align-items: end; height: 100%; width: 100%; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item > div { grid-area: 1/-1; height: 100%; width: 100%; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item > div.wdt-content-detail-group { max-width: 600px; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item > div:not(:last-child) { margin-bottom: 0; }
.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: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
.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-image-wrapper, 
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image-wrapper .wdt-content-image, 
.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 { width: 100%; height: 100%; position: relative; pointer-events: none; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image > span::before, 
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image > a::before { 
    content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: linear-gradient(0deg, rgba(255,255,255, 0.75) 0%, transparent 100%); }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image > span > img, 
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image > a > img { object-fit: cover; object-position: center; width: 100%;
-webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-detail-group { padding: 40px; justify-content: end; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { position: absolute; bottom: 40px; right: 40px; }

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item > div[class*="group"] > .wdt-content-subtitle { letter-spacing: normal; margin-bottom: 15px;
    font-size: var(--wdtFontSize_H6); font-family: var(--wdtFontTypo_H6); line-height: var(--wdtLineHeight_Alt); color: var(--wdtHeadAltColor); }

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title{ margin-top: 0; }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title { margin-top: 0; margin-bottom: 25px; } 
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title h5 {
    font-size: clamp(1.5625rem, 1.4586rem + 0.347vw, 1.875rem); /* Min-25 & Max-30 */ } 
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-button > a {
    font-size: var(--wdtFontSize_Ext); padding: var(--wdtPadding_Btn); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Ext); 
    line-height: 1; text-transform: capitalize; background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-button > a:hover { background-color: var(--wdtPrimaryColor); }

.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title h5, 
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-title h5 a { color: var(--wdtHeadAltColor); }
/* .wdt-image-box-holder.wdt-rc-template-default.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination > div:not(.swiper-button-lock) { color: var(--wdtAccentTxtColor); } */

@media only screen and (min-width: 1281px) {
    .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-detail-group { padding: 80px; }
    .wdt-image-box-holder.wdt-rc-template-default .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { position: absolute; bottom: 80px; right: 80px; }
}
@media only screen and (max-width: 1280px) {
    .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item > div.wdt-content-detail-group { max-width: 500px; }
    .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-detail-group { padding: 30px; }
    .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image > span::before, 
.wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-image > a::before { 
    content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(var(--wdtTertiaryColorRgb), .65); }
}
@media only screen and (max-width: 767px) {
    .wdt-image-box-holder.wdt-rc-template-default .swiper-slide .wdt-content-item .wdt-content-detail-group { padding: 50px 20px; padding-bottom: 100px; }
    .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item .wdt-content-detail-group { padding: 20px; }
    .wdt-image-box-holder.wdt-rc-template-default .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination { 
        position: absolute; bottom: 20px; right: 0; left: 0; width: 100%; max-width: fit-content; margin: 0 auto; }
    .wdt-image-box-holder.wdt-rc-template-default .wdt-content-item > div.wdt-content-detail-group { max-width: 440px; }
}

/* Standard Template */

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item { padding: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); /* Min-20 & Max-40 */ 
    display: flex; flex-direction: column-reverse; gap: clamp(0.9375rem, 0.6588rem + 1.2739vw, 2.1875rem); /* Min-15 & Max-35 */ 
    background: var(--wdtTertiaryColor); -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-media-group { margin-bottom: 0;display: flex; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-image-wrapper .wdt-content-image>a,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-image-wrapper .wdt-content-image>span { -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item > div[class*="group"] .wdt-content-subtitle + .wdt-content-title{ margin-top: 0; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-detail-group > div:not(:last-child) { margin-bottom: 15px; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-subtitle { font-family: var(--wdtFontTypo_H6);
    color: rgba(var(--wdtSecondaryColorRgb), 1); font-size: clamp(3.4375rem, 2.8105rem + 2.8662vw, 6.25rem); /* Min-55 & Max-100 */ 
    line-height: 1; -webkit-transition: inherit; transition: inherit; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5{ line-height: var(--wdtLineHeight_Alt);
    font-size: clamp(1.5625rem, 1.4586rem + 0.347vw, 1.875rem); /* Min-25 & Max-30 */ color: var(--wdtHeadAltColor); transition: inherit; }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-description { color: var(--wdtHeadAltColor); }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover { background: var(--wdtSecondaryColor); } 
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-subtitle{ color: rgba(var(--wdtAccentTxtColorRgb), 0.5); }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-title h5>a,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item:hover .wdt-content-description { color: var(--wdtAccentTxtColor); }

.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-subtitle{ transition: var(--wdtAltTransition); }
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-title h5>a,
.wdt-image-box-holder.wdt-rc-template-standard .wdt-content-item .wdt-content-description { transition: var(--wdtAltTransition); }

@media (min-width: 1281px) {
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column:nth-child(odd) { transform: translateY(-60px); transition: var(--wdt-Ad-Transition); }
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column:nth-child(odd):has( > .wdt-content-item:hover) { transform: translateY(-100px); }
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column:nth-child(even) { transform: translateY(60px); transition: var(--wdt-Ad-Transition); }
    .wdt-image-box-holder.wdt-rc-template-standard .wdt-column:nth-child(even):has( > .wdt-content-item:hover) { transform: translateY(0px); }
}

/** type-1 Template */

.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-content-item{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, auto)); 
    gap: clamp(1.25rem, 0.5737rem + 1.8657vw, 2.8125rem); /* Min-20 & Max-45 */ }
.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-column .wdt-content-item{ 
    padding-bottom: clamp(1.5625rem, 1.3535rem + 0.9554vw, 2.5rem); /* Min-25 & Max-40 */ margin-bottom: clamp(1.5625rem, 1.3535rem + 0.9554vw, 2.5rem); /* Min-25 & Max-40 */ 
    border-bottom: 1px solid var(--wdtBorderColor); }
.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-content-item > div:not(:last-child){ margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-content-item .wdt-content-media-group { display: flex; align-items: center; gap: 20px; max-width: 290px; }
.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-content-item .wdt-content-media-group > div:not(:last-child) { margin-bottom: 0px; }
.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-content-item .wdt-content-icon span { font-size: clamp(2.5rem, 1.9427rem + 2.5478vw, 5rem); /* Min-40 & Max-80 */ padding: 0; color: var(--wdtAccentTxtColor); }
.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-content-item .wdt-content-title h5 { font-size: clamp(1.375rem, 1.3127rem + 0.2082vw, 1.5625rem); /* Min-22 & Max-25 */ }
.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-content-item .wdt-content-subtitle { font-family: var(--wdtFontTypo_H6); letter-spacing: -.03em;
    font-size: clamp(1.5625rem, 1.4586rem + 0.347vw, 1.875rem); /* Min-25 & Max-30 */ line-height: 1; }
.wdt-image-box-holder.wdt-rc-template-type-1 .wdt-content-item .wdt-content-description p { margin-bottom: 0; }

/** type-2 Template video popup */

.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item{ display: grid; align-items: end; min-height: clamp(25rem, 19.0485rem + 16.4179vw, 38.75rem); /* Min-400 & Max-620 */ }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item > div:not(:last-child){ margin-bottom:0; }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-media-group{ display: flex; grid-area: 1/1; height: 100%; }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group{ grid-area: 1/1; display: grid; align-items: end;
    grid-template-columns: 1fr auto; gap: 20px; padding: clamp(1.25rem, 1.1803rem + 0.3185vw, 1.5625rem); /* Min-20 & Max-25 */ }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group > div:not(:last-child){ margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-title h5{ font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem); /* Min-18 & Max-20 */ }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-image>span,
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-image>a { height: 100%; }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-image>span img,
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-image>a img { z-index: -1; backface-visibility: hidden; }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-image>span::before,
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-image>a::before { pointer-events: none; z-index: 0; 
    transform: scale(1.1); will-change: transform; content: ''; position: absolute; width: 100%; height: 100%; top: 0; bottom: -1px; left: 0; right: 0; 
    background: linear-gradient(180deg, rgba(var(--wdtSecondaryColorRgb), 0) 40%, var(--wdtSecondaryColor) 100%); }

/* .wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group .wdt-content-button a {
    padding: 0; border: 2px solid var(--wdtBorderColor); background-color: transparent; position: relative; font-size: 0; aspect-ratio: 1;
    width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: var(--wdtRadius_Full); }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group .wdt-content-button a:before {
    content: '\e867'; font-family: "HappyHome Icons"; font-size: var(--wdtFontSize_H6); line-height: 1; text-indent: 4px; } */

.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group .wdt-content-video-popup { display: flex ; line-height: 1; height: fit-content; }
.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group .wdt-content-video-popup a { position: relative;
  display: flex !important; align-items: center; justify-content: center; width: clamp(1.875rem, 1.4692rem + 1.1194vw, 2.8125rem); /* Min-30 & Max-45 */
  height: clamp(1.875rem, 1.4692rem + 1.1194vw, 2.8125rem); /* Min-30 & Max-45 */ border: 1px solid rgba(var(--wdtAccentTxtColorRgb), 0.5); 
  color: var(--wdtAccentTxtColor); font-size: calc(var(--wdtFontSize_Ext) + 2px); -webkit-border-radius: var(--wdtRadius_Full);
  border-radius: var(--wdtRadius_Full); -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); }

.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group .wdt-content-video-popup a:hover {
    border-color: var(--wdtAccentTxtColor); background-color: rgba(var(--wdtAccentTxtColorRgb), 0.1); color: var(--wdtAccentTxtColor); }

.wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group .wdt-content-video-popup a svg{ transform: translateX(1px); }

@media only screen and (min-width: 1541px) {
    .wdt-image-box-holder.wdt-rc-template-type-2 .wdt-carousel-pagination-wrapper { max-width: 1750px; }
}
@media only screen and (min-width: 1281px) and (max-width: 1540px) {
    .wdt-image-box-holder.wdt-rc-template-type-2 .wdt-carousel-pagination-wrapper { max-width: 1330px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .wdt-image-box-holder.wdt-rc-template-type-2 .wdt-carousel-pagination-wrapper { max-width: 1130px; }
}
@media only screen and (min-width: 1025px) {
    .wdt-image-box-holder.wdt-rc-template-type-2 .wdt-carousel-pagination-wrapper { width: 100%; display: flex; justify-content: flex-end; margin: 0 auto;
        position: absolute; top: calc(-1 * clamp(7.5rem, 6.7842rem + 1.1173vw, 8.125rem)); padding-right: 30px; right: 0; left: 0; }
    .wdt-image-box-holder.wdt-rc-template-type-2.wdt-carousel-holder .swiper.swiper-horizontal + .wdt-carousel-pagination-wrapper .wdt-swiper-pagination{ margin: 0; } 
}
@media only screen and (max-width: 560px) {
    .wdt-image-box-holder.wdt-rc-template-type-2 .wdt-content-item .wdt-content-detail-group { grid-template-columns: 1fr; gap: 20px; }
}

/**  Instagram type-4 Template */

.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item { overflow: hidden; -webkit-border-radius: var(--wdtRadius_Zero); border-radius: var(--wdtRadius_Zero); will-change: transform; }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item .wdt-content-media-group { display: grid; }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item .wdt-content-media-group>div { grid-area: 1/-1; margin-bottom: 0px; }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item .wdt-content-media-group>div.wdt-content-icon-wrapper { align-self: center; justify-self: center; pointer-events: none; }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item .wdt-content-media-group .wdt-content-icon { 
    opacity: 0; -webkit-transform: translate(50px, -50px); transform: translate(50px, -50px); transition: var(--wdt-Ad-Transition); }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item .wdt-content-media-group .wdt-content-icon span { 
    padding: 0; background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); font-size: clamp(1rem, 0.9555rem + 0.2454vw, 1.25rem); /* Min-16 & Max-20 */ 
    width: 45px; height: 45px; -webkit-transform: scale(1); transform: scale(1); -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item:hover .wdt-content-media-group .wdt-content-icon { opacity: 1; -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item .wdt-content-image > span > img, 
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item .wdt-content-image > a > img { -webkit-transform: scale(1); transform: scale(1); transition: var(--wdt-Ad-Transition); }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item:hover .wdt-content-image > span > img, 
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item:hover .wdt-content-image > a > img { transform-style: preserve-3d; -webkit-transform: scale(1.1); transform: scale(1.1); }
.wdt-image-box-holder.wdt-rc-template-type-4 .wdt-content-item .wdt-content-media-group .wdt-content-icon span svg{ overflow: visible; }

/**  Type-3 Template */
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item{ display: grid; align-items: center; overflow:hidden; /* -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); */ background-color: var(--wdtTertiaryColor); }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item > div:not(:last-child){ margin-bottom:0; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-media-group{ grid-area: 1/1; height: 100%; width: 100%; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-detail-group{ grid-area: 1/1; padding:clamp(1.25rem, 0.832rem + 1.9108vw, 3.125rem); /* Min-20 & Max-50 */ z-index: 2; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-detail-group > div:not(:last-child){ margin-bottom: 20px; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image > span > img, 
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image > a > img{ z-index: -1;
    opacity:1; height: 100%; width: 100%; object-fit: cover; transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image{ opacity:0; transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-active .wdt-content-item .wdt-content-image,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-image{ opacity:1; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image > span:before,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image > a:before { z-index: 0; pointer-events: none;
    content:""; width:100%; height:100%; background-color: rgba(var(--wdtSecondaryColorRgb), 0.85); position:absolute; top:0; left:0; opacity:1; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-icon span{ font-size:60px; padding: 0; color:var(--wdtHeadAltColor); }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-title h5{ font-size:var(--wdtFontSize_H5); text-transform:capitalize; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-description p { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-button{ margin-top: 20px; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-button > a { position: relative;
    font-size: var(--wdtFontSize_Ext); padding: var(--wdtPadding_Btn); font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Ext); 
    text-transform: uppercase; letter-spacing: var(--wdtLetterSpacing_3X); line-height: 1; background-color: transparent; 
    color: var(--wdtAccentTxtColor); pointer-events: none; display: flex; width: fit-content; height: fit-content; 
    transition: .3s all .3s linear, border-color .3s linear .25s; border-radius: var(--wdtRadius_Zero); overflow: hidden; }

.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-button > a { pointer-events: all; background-color: var(--wdtSecondaryColor); }

.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-button > a span.wdt-button-text { 
    clip-path: inset(0% 100% 0 0); -webkit-clip-path: inset(0% 100% 0 0); display: inline-block; transition: .45s clip-path .2s linear; }

.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-button > a span {
    clip-path: inset(0% 0% 0 0); -webkit-clip-path: inset(0% 0% 0 0); display: inline-block; }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-button > a:hover span { transform: none; }

.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-button > a:after {
    font-family: "wdt-extra-icon"; content: '\e801'; letter-spacing: normal; font-size: inherit; color: inherit; text-indent: 0; position: absolute; margin: 0; opacity: 1; 
    font-weight: var(--wdtFontWeight_Alt); 
    transition: all 0.3s ease-in-out 0s, opacity 0.45s ease-in-out .2s, border-color .3s ease-in-out 0s,transform .55s ease-in-out .1s, visibility 0.45s ease-in-out .25s; }

.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-button > a:after {
    width: 48px; height: 48px; top: 0; left: 0; text-align: center; vertical-align: middle; line-height: 46px; opacity: 1; visibility: visible;
    font-size: var(--wdtFontSize_Base); color: var(--wdtHeadAltColor); border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_Full); 
    pointer-events: all; transform: translateX(0); transform-origin: left center; }

.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-button > a:after { color: var(--wdtSecondaryColor); background-color: var(--wdtAccentTxtColor);
    opacity: 0; visibility: hidden; border-color: transparent; transform: translateX(calc(100% + 150px)); transform-origin: right center; border-radius: 0; }

.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-button > a { background-color: var(--wdtAccentTxtColor); color: var(--wdtSecondaryColor); }
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-button > a:hover { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

/* color-*/
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-title h5 a,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-description{
    color:var(--wdtHeadAltColor);
    transition: var(--wdt-Ad-Transition);
    -webkit-transition: var(--wdt-Ad-Transition);
}
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-icon span,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-active .wdt-content-item .wdt-content-icon span,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-title h5 a,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-active .wdt-content-item .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-active .wdt-content-item .wdt-content-title h5 a,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item:hover .wdt-content-description,
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-active .wdt-content-item .wdt-content-description{
    color: var(--wdtAccentTxtColor);
}
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image-wrapper, 
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image-wrapper .wdt-content-image, 
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image > span, 
.wdt-image-box-holder.wdt-rc-template-type-3 .wdt-content-item .wdt-content-image > a{ display: flex; height: 100%; width: 100%; }


/**  Iconbox Template */

.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item .wdt-content-icon span{ font-size: clamp(2.5rem, 2.3607rem + 0.6369vw, 3.125rem); /* Min-40 & Max-50 */ padding: 0; }
.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item:hover .wdt-content-icon span { color: var(--wdtPrimaryColor); }
.wdt-image-box-holder.wdt-rc-template-iconbox .wdt-content-item .wdt-content-title h5{ line-height: var(--wdtLineHeight_H5);
    font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem); /* Min-18 & Max-20 */ letter-spacing: var(--wdtLetterSpacing_1X); }
.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{ color: var(--wdtHeadAltColor); }

/**  career-list Template */

.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item{ display: grid; grid-template-columns: 1fr auto; align-items: center;
    gap: 20px; padding: clamp(1.25rem, 0.7254rem + 2.3981vw, 1.875rem) 0; /* Min-20 & Max-30 */ border-bottom: 1px solid var(--wdtBorderColor); }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-column:first-child .wdt-content-item { padding-top: 0 }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-media-group{ display: flex; align-items: center; gap: 20px; }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-detail-group{ align-items: end; }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item > div:not(:last-child),
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-media-group > div:not(:last-child) { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-title h5{ font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem); /* Min-18 & Max-20 */ }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-title h5,
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-title h5 a{ color: var(--wdtHeadAltColor); pointer-events: none; }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-description{ display: grid; align-items: center; line-height: var(--wdtLineHeight_Alt);
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); width: 100%; font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem); /* Min-18 & Max-20 */ gap: 20px; }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-description p{ margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-title-group.below > :not(.wdt-content-separator):not(:last-child) { margin-bottom: 0; }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-title-group.below span{ display: none; }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-button>a {
    background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); font-size: var(--wdtFontSize_Ext); padding: var(--wdtPadding_Btn); 
    font-family: var(--wdtFontTypo_Base); font-weight: var(--wdtFontWeight_Ext); line-height: 1; text-transform: uppercase; letter-spacing: var(--wdtLetterSpacing_3X);
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }
.wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item:hover .wdt-content-button > a{ background-color: var(--wdtPrimaryColor); }
/**  Type-5 Template */

.wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item > div:not(:last-child){
    margin-bottom: clamp(1.25rem, 1.1803rem + 0.3185vw, 1.5625rem); /* Min-20 & Max-25 */
}
.wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-media-group {
    display: flex;
}
.wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-title h5{ font-size: clamp(1.375rem, 1.3127rem + 0.2082vw, 1.5625rem); /* Min-22 & Max-25 */ text-transform: capitalize; }
.wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-detail-group > div:not(:last-child){ margin-bottom: 10px; }
.wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-description p{ margin-bottom: 0; }

.menu-item-object-wdt_mega_menus .wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-image > a { 
    border: 1px solid rgba(var(--wdtAccentTxtColorRgb), 0.2); }
.menu-item-object-wdt_mega_menus .wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-title h5,
.menu-item-object-wdt_mega_menus .wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-title h5 a { 
    font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem); /* Min-18 & Max-20 */ text-transform: capitalize; color: var(--wdtHeadAltColor); }
.menu-item-object-wdt_mega_menus .wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-image > a img { transform: scale(1); transform-origin: top center; }
.menu-item-object-wdt_mega_menus .wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item:hover .wdt-content-image > a img { transform: scale(1.05); transform-origin: top center; }


/**  Type-6 Template */

.wdt-image-box-holder.wdt-rc-template-type-6 .wdt-content-item .wdt-content-media-group > div:not(:last-child){
    margin-bottom: clamp(1.25rem, 1.1803rem + 0.3185vw, 1.5625rem); /* Min-20 & Max-25 */
}
.wdt-image-box-holder.wdt-rc-template-type-6 .wdt-content-item .wdt-content-icon span{
    font-size: clamp(3.125rem, 2.8463rem + 1.2739vw, 4.375rem); /* Min-50 & Max-70 */
    padding: 0;
}
.wdt-image-box-holder.wdt-rc-template-type-6 .wdt-content-item .wdt-content-title h5{
    font-size: clamp(1.375rem, 1.3127rem + 0.2082vw, 1.5625rem); /* Min-22 & Max-25 */
}

/* === Responsive === */

@media only screen and (min-width: 1281px) {
    .menu-item-object-wdt_mega_menus .wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-title h5,
    .menu-item-object-wdt_mega_menus .wdt-image-box-holder.wdt-rc-template-type-5 .wdt-content-item .wdt-content-title h5 a {  color: var(--wdtAccentTxtColor); }
}
@media only screen and (max-width: 767px) {
    .wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item {
        flex-direction: column;
        align-items: start;
    }
    .wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-description { display: flex;  }
    .wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-media-group { flex-flow: row wrap; gap: 13px; }
}
@media only screen and (max-width: 479px){
    .wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item .wdt-content-media-group {
        flex-direction: column;
    }
    .wdt-image-box-holder.wdt-rc-template-career-list .wdt-content-item {
        grid-template-columns: 1fr;
    }

}
