.wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
} .wc-btn-group {
display: flex;
width: fit-content;
}
.wc-btn-group .wc-btn-primary {
padding: 21px 40px;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #fff;
background-color: #0A1A3D;
text-transform: capitalize;
transition: all 0.3s;
display: inline-flex;
align-items: center;
overflow: hidden;
z-index: 1;
gap: 30px;
white-space: nowrap;
border-radius: 30px;
}
.wc-btn-group .wc-btn-play {
color: #fff;
fill: #fff;
border-radius: 50px;
background-color: #0A1A3D;
border: 1px solid transparent;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.5s;
}
.wc-btn-group > *:nth-child(2) {
transform: scale3d(1, 1, 1);
}
.wc-btn-group:hover > *:nth-child(2) {
transform: scale3d(1, 1, 1);
} .style-1 .wc-btn-group > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-1 .wc-btn-group > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-1 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
} .style-2 .wc-btn-group > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-2 .wc-btn-group > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc( var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-2 .wc-btn-group:hover > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
} .btn-text-flip {
perspective: 1000px;
}
.btn-text-flip:hover span {
transform: rotateX(90deg) translateY(-12px);
}
.btn-text-flip span {
position: relative;
display: inline-block;
padding: 0;
color: #121212;
transition: transform 0.3s;
transform-origin: 50% 0;
transform-style: preserve-3d;
}
.btn-text-flip span:before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
content: attr(data-text);
transition: color 0.3s;
transform: rotateX(-90deg);
transform-origin: 50% 0;
text-align: center;
}.wcf--image-gallery{display:grid;align-items:center}.wcf--image-gallery .icon{position:absolute;width:100%;height:100%;top:0;inset-inline-start:0;background-color:rgba(0,0,0,.5);transform:translateX(-101%);transition:all .7s}.wcf--image-gallery .icon i{display:inline-block;position:absolute;inset-inline-start:0;top:50%;z-index:9;font-size:20px;color:#fff;opacity:0;transition:all .6s;transform:translate(-50%,-50%)}.wcf--image-gallery a{display:block;position:relative;line-height:0}.wcf--image-gallery a:hover .icon{transform:translateX(0)}.wcf--image-gallery a:hover i{opacity:1;inset-inline-start:50%}.wcf--image-gallery .wcf--gallery-item{overflow:hidden}.wcf--image-gallery .wcf--gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wcf--image-gallery.style-2{align-items:start}.wcf--image-gallery.style-2 .wcf--gallery-item:nth-child(even){margin-top:120px}@media only screen and (max-width:1399px){.wcf--image-gallery.style-2 .wcf--gallery-item:nth-child(even){margin-top:90px}}@media only screen and (max-width:1199px){.wcf--image-gallery.style-2 .wcf--gallery-item:nth-child(even){margin-top:60px}}@media only screen and (max-width:767px){.wcf--image-gallery.style-2 .wcf--gallery-item:nth-child(even){margin-top:0}}.elementor-widget-wcf--image-gallery.wcf--image-effect-zoom-in img,.elementor-widget-wcf--image-gallery.wcf--image-effect-zoom-out img,.elementor-widget-wcf--image-gallery.wcf--image-left-move img,.elementor-widget-wcf--image-gallery.wcf--image-right-move img{transition:all .5s}.elementor-widget-wcf--image-gallery.wcf--image-effect-zoom-in .wcf--gallery-item,.elementor-widget-wcf--image-gallery.wcf--image-effect-zoom-out .wcf--gallery-item,.elementor-widget-wcf--image-gallery.wcf--image-left-move .wcf--gallery-item,.elementor-widget-wcf--image-gallery.wcf--image-right-move .wcf--gallery-item{overflow:hidden}.elementor-widget-wcf--image-gallery.wcf--image-effect-zoom-in img{transform:scale(1)}.elementor-widget-wcf--image-gallery.wcf--image-effect-zoom-in .wcf--gallery-item:hover img{transform:scale(1.1)}.elementor-widget-wcf--image-gallery.wcf--image-effect-zoom-out img{transform:scale(1)}.elementor-widget-wcf--image-gallery.wcf--image-effect-zoom-out .wcf--gallery-item:hover img{transform:scale(.9)}.elementor-widget-wcf--image-gallery.wcf--image-left-move img{transform:scale(1.1)}.elementor-widget-wcf--image-gallery.wcf--image-left-move .wcf--gallery-item:hover img{transform:scale(1.1) translateX(4%)}.elementor-widget-wcf--image-gallery.wcf--image-right-move img{transform:scale(1.1)}.elementor-widget-wcf--image-gallery.wcf--image-right-move .wcf--gallery-item:hover img{transform:scale(1.1) translateX(-4%)}.wcf--social-icons ul{margin:0;padding:0}.wcf--social-icons ul li{list-style:none;line-height:1}.wcf--social-icons ul li a{display:flex;align-items:center;justify-content:center;font-size:var(--icon-size,20px);line-height:var(--icon-size,20px);width:calc(var(--icon-size,20px) + 2 * var(--icon-padding,1px));height:calc(var(--icon-size,20px) + 2 * var(--icon-padding,1px))}