
/* ===== Pop-up Base ===== */

.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element, 
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element .wdt-popup-box-trigger-label, 
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon, 
.wdt-popup-box-window button.mfp-close, .wdt-popup-box-window button.mfp-arrow { 
    -webkit-transition: var(--wdt-elementor-base-transition); transition: var(--wdt-elementor-base-transition); }

.wdt-popup-box-window.mfp-bg, 
.wdt-popup-box-window.mfp-wrap { height: auto; bottom: 0; left: 0; right: 0; top: 0; width: auto; cursor: default; }

.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    background-color: var(--wdt-elementor-color-white); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; 
    margin: auto; max-width: 80vw; padding: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); width: 900px; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); 
    -webkit-transition: var(--wdt-elementor-base-transition); transition: var(--wdt-elementor-base-transition); }

.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner { 
    max-height: calc(80vh - 2*1.5em); overflow-y: auto; }

.wdt-popup-box-window .wdt-popup-box-content-holder .wdt-popup-box-content-inner > *:first-child { margin-top: 0; }
.wdt-popup-box-window .wdt-popup-box-content-holder .wdt-popup-box-content-inner > *:last-child { margin-bottom: 0; }

.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon{
    height:clamp(6.25rem, 6rem + 1.25vw, 7.5rem);/* 120 - 100 */
    width:clamp(6.25rem, 6rem + 1.25vw, 7.5rem);/* 120 - 100 */
    border-radius: var(--wdtRadius_Full); 
    background-color: var(--wdtSecondaryColor);
    color: var(--wdtAccentTxtColor);
    font-size: var(--wdtFontSize_H5);
    transition: var(--wdtAltTransition);
}
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon:hover{background-color: var(--wdtLinkHoverColor);}

.wdt-popup-box-window.mfp-wrap .mfp-container .mfp-video-wrapper.wdt-popup-aws-src { width: fit-content; margin: auto; border-radius: var(--wdtRadius_2X); overflow: hidden; }

/* Pop-up Trigger Icon Style */
.wdt-popup-box-trigger-holder.wdt-click-element-icon { display: flex; justify-content: center; }
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon,
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon > i {     
    display: inline-flex; align-items: center; justify-content: center;transition: var(--wdtAltTransition); }

/* Pop-up Trigger Label + Icon Style */
.wdt-popup-box-trigger-holder.wdt-click-element-label-n-icon .wdt-popup-box-trigger-element { 
    display: flex; align-items: center; }

/* Pop-up Trigger Elements */
.wdt-popup-box-trigger-holder:empty { display: none; }
.wdt-popup-box-trigger-holder, .wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element { will-change: transform; }
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element { cursor: pointer; }
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element img { align-self: start; }
.wdt-popup-box-trigger-holder .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon { pointer-events: all; }
.wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon { font-size: 1.5rem; 
    padding: 0; position: relative; text-align: center; vertical-align: top; z-index: 0; }
.wdt-popup-box-trigger-holder.wdt-click-element-label-n-icon .wdt-popup-box-trigger-element .wdt-popup-box-trigger-label { 
    display: inline-grid; align-content: center; }
.wdt-popup-box-trigger-holder.wdt-click-element-label-n-icon .wdt-popup-box-trigger-element .wdt-popup-box-trigger-label + .wdt-popup-box-trigger-icon { margin-left: 15px; }
.wdt-click-element-image-n-icon .wdt-popup-box-trigger-element { pointer-events: none; }
.wdt-click-element-image-n-icon .wdt-popup-box-trigger-element { display: grid; align-items: center; }
.wdt-click-element-image-n-icon .wdt-popup-box-trigger-element img { align-self: start; grid-area: 1 / -1; }
.wdt-click-element-image-n-icon .wdt-popup-box-trigger-element .wdt-popup-box-trigger-icon { 
    pointer-events: all; grid-area: 1 / -1; align-items: center; }


/* ===== Pop-Up - Close button ===== */

.wdt-popup-box-window .wdt-popup-box-content-holder .mfp-close, .wdt-popup-box-window .mfp-close { 
    font-size: 0; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); 
    -webkit-transform: none; transform: none; display: flex; align-items: center; justify-content: center; opacity: 1; 
    margin: clamp(0.875rem, 0.8rem + 0.375vw, 1.25rem); /* Min-14 & Max-20 */ 
    height: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); /* Min-40 & Max-50 */ 
    width: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); /* Min-40 & Max-50 */ 
    line-height: clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem); /* Min-40 & Max-50 */
}

.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:before,
.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:after,
.wdt-popup-box-window .mfp-close:before, .wdt-popup-box-window .mfp-close:after {
    content: "" !important; background-color: var(--wdtSecondaryColor);
    position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); 
    top: 0; left: 0; right: 0; bottom: 0; margin: auto;
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
    width: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); /* Min-18 & Max-20 */ 
    height: 2px;
}

.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:after, .wdt-popup-box-window .mfp-close:after { 
    -webkit-transform: rotate(45deg); transform: rotate(45deg); 
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); 
}

.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:hover:before, .wdt-popup-box-window .mfp-close:hover:before { 
    -webkit-transform: rotate(0deg); transform: rotate(0deg); background-color: var(--wdtAccentTxtColor); }
.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close:hover:after, .wdt-popup-box-window .mfp-close:hover:after { 
    -webkit-transform: rotate(0deg); transform: rotate(0deg); background-color: var(--wdtAccentTxtColor); }

.wdt-popup-box-window .wdt-popup-box-content-holder .mfp-close, .wdt-popup-box-window .mfp-close,
.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close { 
    background-color: var(--wdtAccentTxtColor); color: var(--wdtSecondaryColor); }

.wdt-popup-box-window .wdt-popup-box-content-holder .mfp-close:hover, .wdt-popup-box-window .mfp-close:hover,
.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close:hover {
    background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

.wdt-popup-box-window .mfp-close:empty { display: none; }

.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close::after,
.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close::before{
    background-color: var(--wdtAccentTxtColor);
}

/* Pop-Up - Inside Close Button */

.wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close { 
    background-color: var(--wdtPrimaryColor); opacity: 1; top: -20px; right: -20px; margin: 0px; height: 36px; width: 36px; }


/* ===== Pop-Up - Effect ===== */

/* FadeIn Effect */

.wdt-fade-zoom .mfp-content .mfp-iframe, 
.wdt-fade-zoom .mfp-content .mfp-img, .wdt-fade-zoom .mfp-content .mfp-figure:after, 
.wdt-fade-zoom .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.wdt-fade-zoom.mfp-ready .mfp-content .mfp-iframe, 
.wdt-fade-zoom.mfp-ready .mfp-content .mfp-img, .wdt-fade-zoom.mfp-ready .mfp-content .mfp-figure:after, 
.wdt-fade-zoom.mfp-ready .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.wdt-popup-box-window.wdt-fade-zoom.mfp-ready.mfp-close-btn-in .mfp-close { 
    -webkit-transform: scale(1); transform: scale(1); width: 30px; height: 30px;
    display: flex; align-items: center; justify-content: center; padding: 10px; cursor: pointer; top: 5px; right: 0; opacity: 1; }


/* FadeIn Transform Effect */

.wdt-fade-slide .mfp-content .mfp-iframe, 
.wdt-fade-slide .mfp-content .mfp-img, .wdt-fade-slide .mfp-content .mfp-figure:after, 
.wdt-fade-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { opacity: 0; 
    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); 
    -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.wdt-fade-slide.mfp-ready .mfp-content .mfp-iframe, 
.wdt-fade-slide.mfp-ready .mfp-content .mfp-img, .wdt-fade-slide.mfp-ready .mfp-content .mfp-figure:after, 
.wdt-fade-slide.mfp-ready .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { opacity: 1; 
    -webkit-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); }


/*==== Slide Effect Common Style ====*/

.wdt-popup-box-window.mfp-wrap[class*="side-slide"] .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    box-shadow: 0 0 70px 20px rgb(255 255 255 / 8%); }

.wdt-popup-box-window.mfp-wrap[class*="side-slide"] .mfp-content .wdt-popup-box-content-holder { display: flex; justify-content: center; align-items: center; }
.wdt-popup-box-window.mfp-wrap[class*="side-slide"] .mfp-container.mfp-inline-holder { padding: 0; }

.wdt-popup-box-window.mfp-wrap[class*="side-slide"] .mfp-container.mfp-inline-holder .mfp-content { height: 100%; max-height: 100%; }
.wdt-popup-box-window.mfp-wrap[class*="side-slide"] .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner { 
    height: fit-content; max-height: 100%; display: inherit; width:100%; }


/* Right Slide Effects */

.wdt-popup-box-window.mfp-wrap.wdt-right-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    height: 100%; margin-right: 0; margin-left: auto; max-width:600px; width:100%; padding:60px; border-radius: var(--wdtRadius_3X) 0 0 var(--wdtRadius_3X); }

.wdt-popup-box-window.wdt-right-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder {
    -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 1; 
    -webkit-transition: 0.45s cubic-bezier(0.5, 1, 0.89, 1) .45s; transition: 0.45s cubic-bezier(0.5, 1, 0.89, 1) .45s; }
.wdt-popup-box-window.wdt-right-side-slide.mfp-ready .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    -webkit-transform: translateY(0); transform: translateY(0); }

.wdt-popup-box-window.mfp-wrap.wdt-right-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close { 
    top: 20px; right: 20px; }


/* Left Slide Effects */

.wdt-popup-box-window.mfp-wrap.wdt-left-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    height: 100%; margin-right: auto; margin-left: 0; max-width: 600px; padding: 60px; }

.wdt-popup-box-window.wdt-left-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder {
    -webkit-transform: translateX(-800px); transform: translateX(-800px); opacity: 1; 
    -webkit-transition: 0.45s cubic-bezier(0.5, 1, 0.89, 1) .45s; transition: 0.45s cubic-bezier(0.5, 1, 0.89, 1) .45s; }
.wdt-popup-box-window.wdt-left-side-slide.mfp-ready .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    -webkit-transform: translateY(0); transform: translateY(0); }

.wdt-popup-box-window.mfp-wrap.wdt-left-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close { 
    top: 12px; left: 12px; }


/* Left Full Slide Effects */

.wdt-popup-box-window.mfp-wrap.wdt-left-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    height: 100%; margin-right: auto; margin-left: 0; width: 100vw; max-width: 100vw; padding: 40px; }

.wdt-popup-box-window.wdt-left-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder {
    -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; 
    -webkit-transition: 0.45s cubic-bezier(0.5, 1, 0.89, 1) .45s; transition: 0.45s cubic-bezier(0.5, 1, 0.89, 1) .45s; }
.wdt-popup-box-window.wdt-left-side-slide-full.mfp-ready .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    -webkit-transform: translateY(0%); transform: translateY(0%); }

.wdt-popup-box-window.mfp-wrap.wdt-left-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close { 
    top: 12px; left: 12px; }


/* Right Full Slide Effects */

.wdt-popup-box-window.mfp-wrap.wdt-right-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    height: 100%; margin-right: auto; margin-left: 0; width: 100vw; max-width: 100vw; padding: 40px; }

.wdt-popup-box-window.wdt-right-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder {
    -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 1; 
    -webkit-transition: 0.45s cubic-bezier(0.5, 1, 0.89, 1) .45s; transition: 0.45s cubic-bezier(0.5, 1, 0.89, 1) .45s; }
.wdt-popup-box-window.wdt-right-side-slide-full.mfp-ready .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
    -webkit-transform: translateY(0%); transform: translateY(0%); }

.wdt-popup-box-window.mfp-wrap.wdt-right-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner ~ .mfp-close { 
    top: 12px; right: 12px; }

.wdt-popup-box-window.mfp-wrap[class*="side-slide"] .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner > *:last-child{ width:100%; }


/* ===== Scrollbar CSS ===== */
/* Firefox */
    .wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .wdt-popup-box-content-holder .wdt-popup-box-content-inner {
        -webkit-scrollbar-width: none; scrollbar-width: none; scrollbar-color: var(--wdtPrimaryColor) transparent; }

/* Chrome, Edge, and Safari */
    .wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .wdt-popup-box-content-holder .wdt-popup-box-content-inner::-webkit-scrollbar {
        width: 0px; display: none; }
    .wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .wdt-popup-box-content-holder .wdt-popup-box-content-inner::-webkit-scrollbar-track {
        background: transparent; }
    .wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .wdt-popup-box-content-holder .wdt-popup-box-content-inner::-webkit-scrollbar-thumb {
        background-color: var(--wdtPrimaryColor); border-radius: 0px; }


/* ===== At Rules (Responsive) ===== */


@media (max-width: 1280px) {
    .wdt-popup-box-window.mfp-wrap.wdt-right-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder,
    .wdt-popup-box-window.mfp-wrap.wdt-left-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
        max-width: 540px; }

    .wdt-popup-box-window.mfp-wrap.wdt-left-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder,
    .wdt-popup-box-window.mfp-wrap.wdt-right-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { padding: 30px; }
}

@media (max-width: 1024px) { 
    .wdt-popup-box-window.mfp-wrap.wdt-right-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder,
    .wdt-popup-box-window.mfp-wrap.wdt-left-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { 
        max-width: 460px; padding: 40px; }

    .wdt-popup-box-window.mfp-wrap.wdt-left-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder,
    .wdt-popup-box-window.mfp-wrap.wdt-right-side-slide-full .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { padding: 30px 20px; }
}

@media (max-width: 767px) { 
    .wdt-popup-box-window.mfp-wrap.wdt-right-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder,
    .wdt-popup-box-window.mfp-wrap.wdt-left-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { max-width: 440px; }

    .wdt-popup-box-window .wdt-popup-box-content-holder .wdt-popup-box-content-inner > *:last-child { width: 100%;}
    .wdt-popup-box-window.mfp-wrap .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder .wdt-popup-box-content-inner{overflow-y: auto;}
}

@media (max-width: 480px) { 
    .wdt-popup-box-window.mfp-wrap.wdt-right-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder,
    .wdt-popup-box-window.mfp-wrap.wdt-left-side-slide .mfp-container.mfp-inline-holder .mfp-content .wdt-popup-box-content-holder { padding: 30px; }
}
/* Pop-up None Style */
.wdt-popup-box-trigger-holder.wdt-popup-disable {
    display: none;
}


