@keyframes elementor-animation-wobble-top{16.65%{transform:skew(-12deg)}33.3%{transform:skew(10deg)}49.95%{transform:skew(-6deg)}66.6%{transform:skew(4deg)}83.25%{transform:skew(-2deg)}100%{transform:skew(0)}}.elementor-animation-wobble-top{transform-origin:0 100%}.elementor-animation-wobble-top:active,.elementor-animation-wobble-top:focus,.elementor-animation-wobble-top:hover{animation-name:elementor-animation-wobble-top;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:1}.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))}.helo-service-accordion svg {
width: 1em;
height: 1em;
}
.helo-service-accordion .accordion-item:first-child .heading {
border-top: 1px solid #ddd;
}
.helo-service-accordion .header .heading-title {
flex: 1;
}
.helo-service-accordion .heading {
display: flex;
padding: 20px 0;
border-bottom: 1px solid #ddd;
cursor: pointer;
}
.helo-service-accordion .accordion-icon-opened {
display: none;
}
.helo-service-accordion .heading .title {
flex: 1;
}
.helo-service-accordion .heading .title:first-child {
flex: 0.1;
}
.helo-service-accordion .accordion-content {
display: flex;
}
.helo-service-accordion.gallary-image .image-item:last-child {
margin-left: auto;
margin-right: auto;
}
.helo-service-accordion .accordion-item .gallary-image {
display: none;
}
.helo-service-accordion .gallary-image-inner {
display: flex;
flex-wrap: wrap;
}
.helo-service-accordion .image-item img {
min-width: 243px;
}
.helo-service-accordion .content-item {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.helo-service-accordion .service-link {
position: relative;
align-self: flex-start;
}
.helo-service-accordion .service-link::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background-color: #121212;
transition: all 0.3s;
}
.helo-service-accordion .service-link:hover::after {
width: 30%;
}
@media (max-width: 767px) {
.helo-service-accordion .gallary-image-inner {
flex-direction: column;
}
}.helo--btn {
gap: 5px;
display: inline-flex;
align-items: center;
}
.helo--btn-wrapper svg,
.helo--btn svg {
width: 1em;
height: 1em;
} .btn-border-divide {
align-items: flex-end;
overflow: hidden;
}
.btn-border-divide .text,
.btn-border-divide .icon {
border-bottom: 1px solid;
}
.btn-border-divide .icon {
display: inline-flex;
padding-bottom: 3px;
position: relative;
}
.btn-border-divide .icon i:first-child,
.btn-border-divide .icon svg:first-child {
position: absolute;
transform: translate(-10px, 10px);
transition: all .3s;
opacity: 0;
}
.btn-border-divide .icon i:last-child,
.btn-border-divide .icon svg:last-child {
transition: all .3s;
opacity: 1;
} .btn-border-divide:hover .icon i:first-child,
.btn-border-divide:hover .icon svg:first-child {
transform: translate(0, 0);
opacity: 1;
}
.btn-border-divide:hover .icon i:last-child,
.btn-border-divide:hover .icon svg:last-child {
transform: translate(10px, -10px);
opacity: 0;
} .wc-btn-wrapper {
display: inline-block;
}
.btn-text-flip svg,
.wc-btn-wrapper svg {
width: 1em;
height: 1em;
}
.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;
} .style-4 .wc-btn-primary {
display: inline-flex;
font-weight: 500;
font-size: 16px;
text-align: center;
color: var(--white);
background-color: var(--primary);
padding: 18px 42px;
border-radius: 5px;
transition: all 0.3s;
position: relative;
overflow: hidden;
z-index: 1;
}
.style-4 .wc-btn-primary span {
position: absolute;
width: 0;
height: 0;
background: #121212;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s ease;
z-index: -1;
}
.style-4 .wc-btn-primary strong {
width: 50px;
display: inherit;
height: 1px;
background: #fff;
margin-left: 5px;
position: relative;
}
.style-4 .wc-btn-primary strong::after {
position: absolute;
content: "";
top: -5px;
right: 30px;
border: solid var(--white);
border-width: 0 1px 1px 0;
padding: 5px;
transform: rotate(-45deg);
transition: all 0.3s;
opacity: 0;
}
.style-4 .wc-btn-primary:hover span {
width: 500px;
height: 500px;
}
.style-4 .wc-btn-primary:hover strong::after {
right: 0;
opacity: 1;
}
.btn-text-flip{
align-items: center;
} .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;
text-decoration: none;
}
.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-5 .wc-btn-group>*:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-right: calc(var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-5 .wc-btn-group>*:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}
.style-5 .wc-btn-group:hover>*:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-5 .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-6 .wc-btn-group>*:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-right: 0;
opacity: 1;
}
.style-6 .wc-btn-group>*:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-left: calc(var(--icon-width, 60px) * -1);
opacity: 0;
}
.style-6 .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-6 .wc-btn-group:hover>*:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-left: 0;
opacity: 1;
}.helo--accordion svg {
width: 1em;
height: 1em;
}
.helo--accordion .ct-accordion-content {
display: none;
}
.helo--accordion {
position: relative;
}
.helo--accordion .accordion-item.active::before,
.helo--accordion::before {
transition: all 0.3s;
position: absolute;
content: "";
width: 1px;
height: 100%;
left: 0;
top: 0;
}
.helo--accordion::before {
background-color: #E7E7E7;
}
.helo--accordion .accordion-item.active::before {
background-color: #121212;
}
.helo--accordion p {
margin: 0;
padding: 0;
}
.helo--accordion .accordion-item.active {
position: relative;
} .helo--accordion.style-1 .accordion-item {
padding: 10px 20px;
} .helo--accordion.style-2 .accordion-item {
display: flex;
padding: 15px 0;
}
.helo--accordion.style-2 .number {
width: 50px;
height: 50px;
flex-basis: 50px;
background: #E7E7E7;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
z-index: 1;
border: 1px solid #ccc;
margin-right: 20px;
transition: all 0.3s;
}
.helo--accordion.style-2 .content-wrap {
flex: 1;
}
.helo--accordion.style-2 .accordion-item.active::before,
.helo--accordion.style-2::before {
left: 25px;
}
.helo--accordion.style-3 .accordion-item {
display: grid;
grid-template-columns: 80px 1fr 20px;
}
.helo--accordion.style-3 span.accordion-icon-opened.accordion-icon {
display: none;
}
.helo--accordion.style-3 .accordion-item.active span.accordion-icon-opened.accordion-icon {
display: block;
}
.helo--accordion.style-3 .accordion-item.active span.accordion-icon-closed.accordion-icon {
display: none;
}
.helo--accordion.style-3 .accordion-item.active::before, .helo--accordion::before{
transition: all 0.3s;
position: absolute;
content: "";
width: 1px;
height: 80%;
left: 12px;
top: 20px;
background-color: #ddd;
z-index: -1;
}
.helo--accordion.style-3 .accordion-item.active::before {
background-color: #ddd;
}
.helo--accordion.style-3 .number{
position: relative;
}
.helo--accordion.style-3 .number::after {
position: absolute;
content: "";
width: 100%;
height: 40px;
background: #fff;
left: 0;
z-index: -1;
top: -13px;
}