@keyframes button-ripple {
70% {
box-shadow: 0 0 0 15px currentColor;
opacity: 0.25;
}
100% {
box-shadow: 0 0 0 0 currentColor;
opacity: 0;
}
}
@keyframes spinner {
to {
transform: rotateZ(360deg);
}
}
.wcf-popup-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #000;
color: #fff;
gap: 10px;
line-height: 1;
height: 60px;
width: 60px;
border-radius: 100%;
text-align: center;
transition: all 0.3s;
z-index: 1;
cursor: pointer;
}
.wcf-popup-btn .spinner_image {
width: 100%;
height: 100%;
border-radius: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
z-index: -1;
animation: spinner 4s infinite linear;
}
.wcf-popup-btn.ripple::after, .wcf-popup-btn.ripple::before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: dodgerblue;
border-radius: 100%;
box-shadow: 0 0 0 0 currentColor;
animation: button-ripple 3s infinite ease-out;
opacity: 0.6;
z-index: -1;
}
.wcf-popup-btn.ripple::before {
animation-delay: 0.9s;
}
.wcf-popup-btn.ripple::after {
animation-delay: 0.3s;
}
.wcf-popup-btn svg {
width: 1em;
height: 1em;
}
.mfp-content button.mfp-close {
width: 44px;
padding: 0;
text-align: center;
background: transparent;
transition: all 0.4s ease;
border: 1px solid;
border-radius: 100px;
} .wcp--popup {
position: relative;
background: #fff;
padding: 20px;
width: auto;
max-width: 1000px;
margin: 30px auto;
max-height: 90vh;
overflow-y: scroll;
}
.mfp-zoom-in {   }
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-newspaper {   }
.mfp-newspaper .mfp-with-anim {
opacity: 0;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-horizontal {   }
.mfp-move-horizontal .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
transform: translateX(50px);
opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-from-top {   }
.mfp-move-from-top .mfp-content {
vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-3d-unfold {   }
.mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-zoom-out {   }
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
}
@keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out;
}
100% {
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
animation-duration: 1s;
animation-name: hinge;
}
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
opacity: 0;
transition: opacity 0.5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
opacity: 0;
}
@media (max-width: 1024px) {
.elementor-widget-wcf--tabs.wcf-tabs-tablet .tabs-wrapper,
.elementor-widget-wcf--services-tab.wcf-tabs-tablet .tabs-wrapper {
display: none;
}
}
@media (max-width: 767px) {
.elementor-widget-wcf--tabs.wcf-tabs-mobile .tabs-wrapper,
.elementor-widget-wcf--services-tab.wcf-tabs-mobile .tabs-wrapper {
display: none;
}
}
@media (min-width: 768px) {
.elementor-widget-wcf--tabs.wcf-tabs-mobile .tab-mobile-title,
.elementor-widget-wcf--services-tab.wcf-tabs-mobile .tab-mobile-title {
display: none;
}
}
@media (min-width: 1025px) {
.elementor-widget-wcf--tabs.wcf-tabs-tablet .tab-mobile-title,
.elementor-widget-wcf--services-tab.wcf-tabs-tablet .tab-mobile-title {
display: none;
}
}