.elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container,.elementor-widget:not(:has(.elementor-widget-container)) .elementor-widget-container{overflow:hidden}.elementor-widget .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;margin-inline:-8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-inline-item{word-break:break-word}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:8px}.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{border-width:0;border-inline-start-width:1px;border-style:solid;height:100%;inset-inline-end:-8px;inset-inline-start:auto;position:relative;width:auto}.elementor-widget .elementor-icon-list-items{list-style-type:none;margin:0;padding:0}.elementor-widget .elementor-icon-list-item{margin:0;padding:0;position:relative}.elementor-widget .elementor-icon-list-item:after{inset-block-end:0;position:absolute;width:100%}.elementor-widget .elementor-icon-list-item,.elementor-widget .elementor-icon-list-item a{align-items:var(--icon-vertical-align,center);display:flex;font-size:inherit}.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text{align-self:center;padding-inline-start:5px}.elementor-widget .elementor-icon-list-icon{display:flex;inset-block-start:var(--icon-vertical-offset,initial);position:relative}.elementor-widget .elementor-icon-list-icon svg{height:var(--e-icon-list-icon-size,1em);width:var(--e-icon-list-icon-size,1em)}.elementor-widget .elementor-icon-list-icon i{font-size:var(--e-icon-list-icon-size);width:1.25em}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon{text-align:var(--e-icon-list-icon-align)}.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg{margin:var(--e-icon-list-icon-margin,0 calc(var(--e-icon-list-icon-size, 1em) * .25) 0 0)}.elementor-widget.elementor-list-item-link-full_width a{width:100%}.elementor-widget.elementor-align-center .elementor-icon-list-item,.elementor-widget.elementor-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-align-start .elementor-icon-list-item,.elementor-widget.elementor-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-align-end .elementor-icon-list-item,.elementor-widget.elementor-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-align-start) .elementor-icon-list-item:after{inset-inline-end:0}@media (min-width:-1){.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-widescreen-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-widescreen-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item,.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-widescreen-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-widescreen-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-widescreen-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-laptop-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-laptop-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item,.elementor-widget.elementor-laptop-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-laptop-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-laptop-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-laptop-align-start) .elementor-icon-list-item:after{inset-inline-end:0}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:1024px){.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-tablet-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-tablet-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item,.elementor-widget.elementor-tablet-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-tablet-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-tablet-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-tablet-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:-1){.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile_extra-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile_extra-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile_extra-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile_extra-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}@media (max-width:767px){.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a{justify-content:center}.elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after{margin:auto}.elementor-widget.elementor-mobile-align-center .elementor-inline-items{justify-content:center}.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-start .elementor-icon-list-item a{justify-content:start;text-align:start}.elementor-widget.elementor-mobile-align-start .elementor-inline-items{justify-content:start}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item,.elementor-widget.elementor-mobile-align-end .elementor-icon-list-item a{justify-content:end;text-align:end}.elementor-widget.elementor-mobile-align-end .elementor-icon-list-items{justify-content:end}.elementor-widget:not(.elementor-mobile-align-end) .elementor-icon-list-item:after{inset-inline-start:0}.elementor-widget:not(.elementor-mobile-align-start) .elementor-icon-list-item:after{inset-inline-end:0}}#left-area ul.elementor-icon-list-items,.elementor .elementor-element ul.elementor-icon-list-items,.elementor-edit-area .elementor-element ul.elementor-icon-list-items{padding:0}.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}.tf-step {
background: #fff;
padding: 40px 80px;
padding-bottom: 23px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tf-step .number-count {
width: 75px;
height: 75px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 1px 5px 0 var(--theme-primary-color);
background: var(--theme-accent-color);
margin-bottom: 17px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tf-step .number-count .number {
font-family: 'Nunito';
font-weight: 700;
font-size: 30px;
line-height: 38px;
color: #FFFFFF;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tf-step h3 {
font-family: 'Nunito';
font-weight: 600;
font-size: 30px;
line-height: 130%;
letter-spacing: -0.02em;
color: var(--theme-primary-color);
} .tf-working-process .group-working {
position: relative;
display: flex;
margin-left: -50px;
}
.tf-working-process .group-working .line {
position: absolute;
top: 35px;
left: 0;
right: 0;
z-index: 1;
}
.tf-working-process .group-working .box {
width: calc(33.3333% - 50px);
margin-left: 50px;
text-align: center;
position: relative;
z-index: 5;
}
.tf-working-process .group-working .box.box2 {
margin-top: 61px;
}
.tf-working-process .group-working .box .features {
width: 80px;
height: 80px;
background: #FFFFFF;
border: 1px solid #00234B;
border-radius: 50%;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 22px;
}
.tf-working-process .group-working .box .features img {
width: 36px;
height: 36px;
object-fit: cover;
}
.tf-working-process .group-working .box .content {
position: relative;
background: #FFFFFF;
border-radius: 12px;
padding: 23px 15px 20px 15px;
z-index: 5;
}
.tf-working-process .group-working .box .content::after {
content: '';
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%);
right: 0;
width: 90%;
height: 100%;
background: #fff;
clip-path: polygon(50% 0%, 100% 5%, 100% 99%, 0 100%, 0 5%);
z-index: -1;
}
.tf-working-process .group-working .box .content h4 {
font-family: 'Nunito';
font-weight: 500;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--theme-accent-color);
margin-bottom: 6px;
}
.tf-working-process .group-working .box .content h3 {
font-family: 'Nunito';
font-weight: 600;
font-size: 18px;
line-height: 23px;
margin: 0 5px;
color: #00234B;
margin-bottom: 6px;
}
.tf-working-process .group-working .box .content p {
font-family: 'Manrope';
font-weight: 400;
font-size: 16px;
line-height: 185%;
color: #617798;
} .tf-button2 {
font-family: 'Poppins';
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
padding: 18px 35px;
border-radius: 5px;
display: inline-flex;
z-index: 1;
overflow: hidden;
position: relative;
line-height: 1;
white-space: nowrap;
background: #297d53;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tf-button2 i {
margin-left: 6px;
}
.tf-button2:hover {
background: #e6d54f;
color: #3e483c;
} @media only screen and (max-width: 767px) {
.tf-working-process .group-working {
flex-wrap: wrap;
}
.tf-working-process .group-working .box {
width: calc(100% - 50px);
}
.tf-working-process .group-working .box,
.tf-working-process .group-working .box.box2 {
margin-top: 40px;
}
.tf-step {
padding: 40px;
}
}.elementor-widget-google_maps .elementor-widget-container,.elementor-widget-google_maps:not(:has(.elementor-widget-container)){overflow:hidden}.elementor-widget-google_maps .elementor-custom-embed{line-height:0}.elementor-widget-google_maps iframe{height:300px}.tficonbox {
font-family: "Poppins";
font-size: 14px;
line-height: 25px;
}
.tficonbox .title {
font-size: 16px;
}
.tficonbox.top {
text-align: center;
}
.tficonbox.left {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tficonbox.left .wrap-icon {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.tficonbox.left .content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tficonbox.right {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: right;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.tficonbox.right .wrap-icon {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.tficonbox.right .content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.tficonbox .wrap-icon .wrap-icon-inner {
display: inline-flex;
font-size: 50px;
justify-content: center;
align-items: center;
position: relative;
}
.tficonbox .wrap-icon .wrap-icon-inner .icon-2,
.tficonbox .wrap-icon .wrap-icon-inner .icon {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tficonbox .wrap-icon .wrap-icon-inner .icon {
width: 87px;
height: 87px;
background: #f3f6f0;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
}
.tficonbox .wrap-icon .wrap-icon-inner.image {
line-height: 0 !important;
}
.tficonbox .wrap-icon.circle .wrap-icon-inner,
.tficonbox .wrap-icon.square .wrap-icon-inner {
background-color: #23a455;
}
.tficonbox .wrap-icon.circle .wrap-icon-inner,
.tficonbox .wrap-icon.circle-outline .wrap-icon-inner,
.tficonbox .wrap-icon.circle .wrap-icon-spin-around:before,
.tficonbox .wrap-icon.circle-outline .wrap-icon-spin-around:before {
padding: 0.5em;
border-radius: 50%;
}
.tficonbox .wrap-icon.circle-outline .wrap-icon-inner,
.tficonbox .wrap-icon.square-outline .wrap-icon-inner,
.tficonbox .wrap-icon.square-outline .wrap-icon-spin-around:before,
.tficonbox .wrap-icon.circle-outline .wrap-icon-spin-around:before {
border-width: 3px;
border-style: solid;
}
.tficonbox,
.tficonbox a,
.tficonbox .wrap-icon .wrap-icon-inner,
.tficonbox .tf-button i,
.tficonbox .tf-button svg,
.tficonbox .description,
.tficonbox .title,
.tficonbox .tf-button.has-line:after {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tficonbox.top .wrap-icon {
margin-bottom: 17px;
}
.tficonbox.left .wrap-icon {
margin-right: 19px;
}
.tficonbox.right .wrap-icon {
margin-left: 50px;
}
.tficonbox .tf-button-container.left {
text-align: left;
}
.tficonbox .tf-button-container.center {
text-align: center;
}
.tficonbox .tf-button-container.right {
text-align: right;
}
.tficonbox .tf-button-container.justify .tf-button {
text-align: center;
width: 100%;
}
.tficonbox .tf-button-container a {
margin-top: 10px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
}
.tficonbox .tf-button.has-line:after {
content: "";
position: absolute;
left: 0;
bottom: -3px;
height: 1px;
width: 100%;
}
.tficonbox .tf-button.has-line:after {
content: "";
background-color: #ff7029;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1) 0s,
-webkit-transform 500ms 0s;
}
.tficonbox .tf-button.has-line:hover:after {
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
.tficonbox {
position: relative;
}
.tficonbox .wrap-icon,
.tficonbox .content {
z-index: 2;
position: relative;
}
.tficonbox .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tficonbox .overlay.from-left,
.tficonbox .overlay.from-right,
.tficonbox .overlay.from-top,
.tficonbox .overlay.from-bottom {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tficonbox .overlay.fadein {
opacity: 0;
visibility: hidden;
}
.tficonbox:hover .overlay.fadein {
opacity: 1;
visibility: visible;
}
.tficonbox .overlay.from-left {
opacity: 0;
visibility: hidden;
left: -100%;
}
.tficonbox:hover .overlay.from-left {
opacity: 1;
visibility: visible;
left: 0%;
}
.tficonbox .overlay.from-top {
opacity: 0;
visibility: hidden;
top: -100%;
}
.tficonbox:hover .overlay.from-top {
opacity: 1;
visibility: visible;
top: 0%;
}
.tficonbox .overlay.from-right {
opacity: 0;
visibility: hidden;
left: 100%;
}
.tficonbox:hover .overlay.from-right {
opacity: 1;
visibility: visible;
left: 0%;
}
.tficonbox .overlay.from-bottom {
opacity: 0;
visibility: hidden;
top: 100%;
}
.tficonbox:hover .overlay.from-bottom {
opacity: 1;
visibility: visible;
top: 0%;
}
.tficonbox .content .description,
.tficonbox .wrap-icon-inner .icon-2,
.tficonbox .wrap-icon-inner .icon,
.tficonbox .content .title,
.tficonbox .content .title a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tficonbox .wrap-icon-inner .icon {
color: rgba(0, 176, 252, 0.1);
}
.tficonbox .wrap-icon-inner .icon-2 {
color: #8B54FF;
}
.tficonbox:hover .wrap-icon-inner .icon {
color: rgba(255, 255, 255, 0.2);
}
.tficonbox:hover .wrap-icon-inner .icon-2 {
color: #fff;
}
.tficonbox .content .title {
margin-bottom: 9px;
}
.tficonbox .content .title,
.tficonbox .content .title a {
color: var(--theme-primary-color);
font-family: "Nunito", Sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 26px;
}
.tficonbox.style1:hover .content .title,
.tficonbox.style1:hover .content .title a {
color: #fff;
}
.tficonbox.style1 .wrap-icon .wrap-icon-inner .icon {
overflow: hidden;
}
.tficonbox.style1:hover .wrap-icon .wrap-icon-inner .icon i {
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
.tficonbox .content .description {
color: #666666;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.tficonbox.style1:hover .content .description {
color: #e8e8e9;
}
.tficonbox.style1 {
background-color: #fff;
padding: 20px 20px 20px 20px;
box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
border-radius: 100px 5px 5px 100px;
}
.tficonbox.style1:hover {
background-color: var(--theme-secondary-color);
}
.tficonbox .wrap-icon-inner i {
font-size: 52px;
color: var(--theme-secondary-color);
} .tficonbox.style2 {
text-align: left;
}
.tficonbox.style2 .wrap-icon .wrap-icon-inner .icon {
background: transparent;
width: unset;
height: unset;
}
.tficonbox.style2 .wrap-icon-inner i {
font-size: 70px;
color: #7d7f82;
}
.tficonbox.style2 .wrap-icon {
margin-bottom: 41px;
}
.tficonbox.style2 .content .title {
margin-bottom: 20px;
}
.tficonbox.style2 .content .description {
color: #7d7f82;
font-family: "Rubik", Sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 36px;
}
.tficonbox.style2 .tf-button-container a {
width: 40px;
height: 40px;
background: var(--theme-accent-color);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--theme-primary-color);
}
.tficonbox.style2 .tf-button-container a:hover {
background: var(--theme-secondary-color);
color: #fff;
} .btn-overlay {
position: relative;
overflow: hidden;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-overlay:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.from-top.btn-overlay:after {
top: -100%;
left: 0;
}
.from-top.btn-overlay:hover:after {
top: 0%;
}
.from-bottom.btn-overlay:after {
top: 100%;
left: 0;
}
.from-bottom.btn-overlay:hover:after {
top: 0%;
}
.from-left.btn-overlay:after {
top: 0;
left: -100%;
}
.from-left.btn-overlay:hover:after {
left: 0;
}
.from-right.btn-overlay:after {
top: 0;
left: 100%;
}
.from-right.btn-overlay:hover:after {
left: 0;
}
.from-center.btn-overlay:after {
width: 0%;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 0;
visibility: hidden;
}
.from-center.btn-overlay:hover:after {
width: 100%;
opacity: 1;
visibility: visible;
}
.skew.btn-overlay:after {
width: 100%;
height: 0;
top: 50%;
left: 50%;
background: #fff;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.skew.btn-overlay:hover:after {
height: 260%;
opacity: 1;
} .container-widget.flip-box {
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.flip-box-front,
.flip-box-back {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.flip-box-front {
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 1;
}
.flip-box-back {
-webkit-transform: rotateX(0) rotateY(180deg);
transform: rotateX(0) rotateY(180deg);
}
.container-widget.flip-box:hover .flip-box-front {
-webkit-transform: rotateX(0) rotateY(-180deg);
transform: rotateX(0) rotateY(-180deg);
}
.container-widget.flip-box:hover .flip-box-back {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.container-widget.flip-box.reverse-horizontal-rotation .flip-box-back {
-webkit-transform: rotateX(0) rotateY(-180deg);
transform: rotateX(0) rotateY(-180deg);
}
.container-widget.flip-box.reverse-horizontal-rotation:hover .flip-box-front {
-webkit-transform: rotateX(0) rotateY(180deg);
transform: rotateX(0) rotateY(180deg);
}
.container-widget.flip-box.reverse-horizontal-rotation:hover .flip-box-back {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.container-widget.flip-box.vertical-rotation .flip-box-back {
-webkit-transform: rotateX(0) rotateX(180deg);
transform: rotateX(0) rotateX(180deg);
}
.container-widget.flip-box.vertical-rotation:hover .flip-box-front {
-webkit-transform: rotateX(0) rotateX(-180deg);
transform: rotateX(0) rotateX(-180deg);
}
.container-widget.flip-box.vertical-rotation:hover .flip-box-back {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.container-widget.flip-box.reverse-vertical-rotation .flip-box-back {
-webkit-transform: rotateX(0) rotateX(-180deg);
transform: rotateX(0) rotateX(-180deg);
}
.container-widget.flip-box.reverse-vertical-rotation:hover .flip-box-front {
-webkit-transform: rotateX(0) rotateX(180deg);
transform: rotateX(0) rotateX(180deg);
}
.container-widget.flip-box.reverse-vertical-rotation:hover .flip-box-back {
-webkit-transform: none;
-ms-transform: none;
transform: none;
} .tficonbox .wrap-icon-inner {
position: relative;
}
.tficonbox .wrap-icon-inner.right-to-left,
.tficonbox .wrap-icon-inner.left-to-right,
.tficonbox .wrap-icon-inner.top-to-bottom,
.tficonbox .wrap-icon-inner.bottom-to-top {
overflow: hidden;
}
.tficonbox:hover .wrap-icon-inner.right-to-left i,
.tficonbox:hover .wrap-icon-inner.right-to-left svg,
.tficonbox:hover .wrap-icon-inner.right-to-left image {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.tficonbox:hover .wrap-icon-inner.left-to-right i,
.tficonbox:hover .wrap-icon-inner.left-to-right svg,
.tficonbox:hover .wrap-icon-inner.left-to-right image {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
}
.tficonbox:hover .wrap-icon-inner.top-to-bottom i,
.tficonbox:hover .wrap-icon-inner.top-to-bottom svg,
.tficonbox:hover .wrap-icon-inner.top-to-bottom image {
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
.tficonbox:hover .wrap-icon-inner.bottom-to-top i,
.tficonbox:hover .wrap-icon-inner.bottom-to-top svg,
.tficonbox:hover .wrap-icon-inner.bottom-to-top image {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
.tficonbox:hover .wrap-icon-inner.spin-around i,
.tficonbox:hover .wrap-icon-inner.spin-around svg,
.tficonbox:hover .wrap-icon-inner.spin-around image {
-webkit-animation: spinAround 3s linear infinite;
-moz-animation: spinAround 3s linear infinite;
animation: spinAround 3s linear infinite;
}
.tficonbox .wrap-icon-spin-around:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tficonbox:hover
.wrap-icon.circle-outline
.wrap-icon-inner.wrap-icon-spin-around,
.tficonbox:hover
.wrap-icon.square-outline
.wrap-icon-inner.wrap-icon-spin-around {
border-color: transparent !important;
}
.tficonbox:hover .wrap-icon.circle .wrap-icon-inner.wrap-icon-spin-around,
.tficonbox:hover .wrap-icon.square .wrap-icon-inner.wrap-icon-spin-around {
background-color: transparent !important;
background-image: unset !important;
}
.tficonbox:hover .wrap-icon-spin-around:before {
-webkit-animation: spinAround 9s linear infinite;
-moz-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
.tficonbox:hover .wrap-icon-pop {
-webkit-animation: sonarEffect 0.5s ease-out 50ms;
-moz-animation: sonarEffect 0.5s ease-out 50ms;
animation: sonarEffect 0.5s ease-out 50ms;
}
@keyframes routate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinAround {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 0px #000,
0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 0px #000,
0 0 0 10px rgba(255, 255, 255, 0.5);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 0px #000,
0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 0px #000,
0 0 0 10px rgba(255, 255, 255, 0.5);
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 0px #000,
0 0 0 10px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 0px #000,
0 0 0 10px rgba(255, 255, 255, 0.5);
transform: scale(1.5);
opacity: 0;
}
}
@media only screen and (max-width: 1024px) {
.tficonbox.style6 {
padding: 30px;
}
}
@media only screen and (max-width: 991px) {
.tficonbox.style5 {
padding: 46px 20px 44px 24px;
}
}
@media only screen and (max-width: 776px) {
.tficonbox.style1 {
align-items: center;
}
}