.tp-flipbox{
width: 100%;
min-height: 250px;
height: 100%;
}
.tp-flipbox__holder {
position: relative;
width: 100%;
height: 100%;
min-height: inherit;
}
.tp-flipbox__front,
.tp-flipbox__back {
height: 100%;
width : 100%;
display: -webkit-box;
display: flex;
-webkit-display: flex;
-ms-flex-align: center;
-moz-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
-webkit-align-items: center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
background-size: cover;
}
.tp-flipbox__content{
display: flex;
-webkit-display: flex;
flex-direction: column;
width: 100%;
}
.tp-flipbox__title-front,
.tp-flipbox__title-back{
padding: 20px;
text-align: center;
}
.tp-flipbox__icon-front,
.tp-flipbox__icon-back{
padding: 20px;
text-align: center;
}
.tp-flipbox__icon-front img,
.tp-flipbox__icon-back img{
max-width: 100%;
height: auto;
margin: 0 auto;
}
.tp-flipbox__desc-front,
.tp-flipbox__desc-back{
padding: 0 20px;
text-align: center;
padding-bottom: 40px;
}
.tp-flipbox__action{
margin-top: 20px;
margin-bottom: 15px;
text-align: center;
} .tp-flipbox__btn{
padding: 12px 18px;
display: inline-block;
font-weight: bold;
font-size:10px;
transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
-webkit-transition: color .1s ease-in-out,background .1s ease-in-out,border .1s ease-in-out;
} .tp-flipbox.flip-box-style{
-webkit-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-ms-transform: perspective(1000px);
-ms-transform-style: preserve-3d;
}
.flip-box-style .tp-flipbox__holder{
-webkit-transition: 0.6s;
-ms-transition: 0.6s;
-moz-transition: 0.6s;
transition: 0.6s;
-webkit-transform-style: preserve-3d;
-moz-transform: perspective(1000px);
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-box-style .tp-flipbox__front,
.flip-box-style .tp-flipbox__back {
-webkit-transition: all .5s cubic-bezier(.645,.045,.355,1) 0.1s;
-webkit-transform-style: preserve-3d;
-webkit-transform: rotateY(0deg);
-moz-transition: all .5s cubic-bezier(.645,.045,.355,1);
-moz-transform-style: preserve-3d;
-moz-transform: rotateY(0deg);
-o-transition: 0.6s;
-o-transform-style: preserve-3d;
-o-transform: rotateY(0deg);
-ms-transition: all .5s cubic-bezier(.645,.045,.355,1);
-ms-transform-style: preserve-3d;
-ms-transform: rotateY(0deg);
transition: all .5s cubic-bezier(.645,.045,.355,1) 0.1s;
transform-style: preserve-3d;
transform: rotateY(0deg);
}
.flip-box-style .tp-flipbox__front {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
z-index: 2;
}
.flip-box-style .tp-flipbox__back {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
transform: rotateY(-180deg);
} .flip-box-style.tp-flipbox--horizontal:hover .tp-flipbox__holder{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-box-style.tp-flipbox--horizontal.hover .tp-flipbox__holder{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
} .ie .flip-box-style.tp-flipbox--horizontal:hover .tp-flipbox__back,
.ie .flip-box-style.tp-flipbox--horizontal.hover .tp-flipbox__back {
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.ie .flip-box-style.tp-flipbox--horizontal:hover .tp-flipbox__front,
.ie .flip-box-style.tp-flipbox--horizontal.hover .tp-flipbox__front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.ie .flip-box-style.tp-flipbox--horizontal:hover .tp-flipbox__holder{
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
transform: rotateY(0deg);
}  .flip-box-style.tp-flipbox--vertical .tp-flipbox {
position: relative;
}
.flip-box-style.tp-flipbox--vertical .tp-flipbox__back {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.flip-box-style.tp-flipbox--vertical .tp-flipbox__holder {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.flip-box-style.tp-flipbox--vertical:hover .tp-flipbox__holder {
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.flip-box-style.tp-flipbox--vertical.hover .tp-flipbox__holder {
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
transform: rotateX(-180deg);
} .ie .flip-box-style.tp-flipbox--vertical:hover .tp-flipbox__back,
.ie .flip-box-style.tp-flipbox--vertical.hover .tp-flipbox__back {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.ie .flip-box-style.tp-flipbox--vertical:hover .tp-flipbox__front,
.ie .flip-box-style.tp-flipbox--vertical.hover .tp-flipbox__front {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ie .flip-box-style.tp-flipbox--vertical:hover .tp-flipbox__holder {
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
transform: rotateX(0deg);
}  .tp-flipbox.rotate-box-style {
overflow: hidden;
}
.tp-flipbox.rotate-box-style .tp-flipbox__front{
-webkit-transition: -webkit-transform 0.9s ease-in-out;
transition: -webkit-transform 0.9s ease-in-out;
-o-transition: transform 0.9s ease-in-out;
transition: transform 0.9s ease-in-out;
transition: transform 0.9s ease-in-out, -webkit-transform 0.9s ease-in-out;
}
.tp-flipbox.rotate-box-style:hover .tp-flipbox__front {
-webkit-transform: scale(3) rotate(30deg);
-ms-transform: scale(3) rotate(30deg);
transform: scale(3) rotate(30deg);
}
.tp-flipbox.rotate-box-style .tp-flipbox__back{
-webkit-transform: scale(1.5) rotate(30deg);
-ms-transform: scale(1.5) rotate(30deg);
transform: scale(1.5) rotate(30deg);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
opacity: 0;
}
.tp-flipbox.rotate-box-style:hover .tp-flipbox__back{
-webkit-transform: scale(1)rotate(0deg);
-ms-transform: scale(1)rotate(0deg);
transform: scale(1)rotate(0deg);
opacity: 1;
} .tp-flipbox.zoomin-box-style {
overflow: hidden;
}
.tp-flipbox.zoomin-box-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.zoomin-box-style .tp-flipbox__back{
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
opacity: 0;
z-index:1;
}
.tp-flipbox.zoomin-box-style:hover .tp-flipbox__front {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
z-index:1;
}
.tp-flipbox.zoomin-box-style:hover .tp-flipbox__back{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 3;
} .tp-flipbox.zoomout-box-style {
overflow: hidden;
}
.tp-flipbox.zoomout-box-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.zoomout-box-style .tp-flipbox__back{
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
opacity: 0;
z-index:1;
}
.tp-flipbox.zoomout-box-style:hover .tp-flipbox__front {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
z-index:1;
}
.tp-flipbox.zoomout-box-style:hover .tp-flipbox__back{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 3;
} .tp-flipbox.side-right-style {
overflow: hidden;
}
.tp-flipbox.side-right-style .tp-flipbox__back {
transform: translateX(-120%);
transition: all 0.9s ease-in-out;
}
.tp-flipbox.side-right-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.side-right-style:hover .tp-flipbox__back{
transform: translateX(0) scale(1);
}
.tp-flipbox.side-right-style:hover .tp-flipbox__front{
transform: translateX(100%);
} .tp-flipbox.side-left-style {
overflow: hidden;
}
.tp-flipbox.side-left-style .tp-flipbox__back {
transform: translateX(120%);
transition: all 0.9s ease-in-out;
}
.tp-flipbox.side-left-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.side-left-style:hover .tp-flipbox__back{
transform: translateX(0);
}
.tp-flipbox.side-left-style:hover .tp-flipbox__front{
transform: translateX(-100%);
} .tp-flipbox.to-top-style {
overflow: hidden;
}
.tp-flipbox.to-top-style .tp-flipbox__back {
transform: translateY(120%);
transition: all 0.9s ease-in-out;
}
.tp-flipbox.to-top-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.to-top-style:hover .tp-flipbox__back{
transform: translateY(0);
}
.tp-flipbox.to-top-style:hover .tp-flipbox__front{
transform: translateY(-100%);
} .tp-flipbox.to-bottom-style {
overflow: hidden;
}
.tp-flipbox.to-bottom-style .tp-flipbox__back {
transform: translateY(-120%);
transition: all 0.9s ease-in-out;
}
.tp-flipbox.to-bottom-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.to-bottom-style:hover .tp-flipbox__back{
transform: translateY(0);
}
.tp-flipbox.to-bottom-style:hover .tp-flipbox__front{
transform: translateY(100%);
} .tp-flipbox.fade-style {
overflow: hidden;
}
.tp-flipbox.fade-style .tp-flipbox__front{
z-index: 3;
-webkit-transition: all 0.9s ease-in-out;
-o-transition: all 0.9s ease-in-out;
transition: all 0.9s ease-in-out;
}
.tp-flipbox.fade-style .tp-flipbox__back{
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out;
transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out;
opacity: 0;
}
.tp-flipbox.fade-style:hover .tp-flipbox__front {
z-index:1;
opacity: 0;
}
.tp-flipbox.fade-style:hover .tp-flipbox__back{
opacity: 1;
z-index: 3;
}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{flex-shrink:0;margin:0 var(--divider-element-spacing)}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{border-block-end:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color);content:"";display:block;flex-grow:1}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;min-height:var(--divider-pattern-height);width:100%}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var( --container-widget-flex-grow )}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}