.justified-gallery {
width: 100%;
position: relative;
overflow: hidden;
}
.tf-image-group-widget .tf-image-item {
position: relative;
}
@keyframes routate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.wrap-tf-button .tf-btn {
padding: 18px 36px;
} .owl-carousel.row {
margin: 0 !important;
} .owl-carousel .owl-dots {
left: 50%;
transform: translateX(-50%);
display: inline-flex;
align-items: center;
position: absolute;
cursor: default;
}
.owl-carousel .owl-dots .owl-dot::before,
.owl-carousel .owl-dots .owl-dot::after {
display: none;
}
.owl-carousel .owl-dots .owl-dot {
width: 14px;
height: 14px;
border-radius: 50%;
line-height: 14px;
background-color: #c4c4c4;
margin: 0 8px;
position: relative;
display: inline-block;
overflow: unset;
box-shadow: none;
}
.owl-carousel .owl-dots .owl-dot.active {
background-color: var(--theme-primary-color);
} .owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
font-size: 30px;
width: 56px;
height: 56px;
line-height: 56px;
color: #000000;
background: transparent;
border: 1px solid #00000047;
border-radius: 0;
}
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover  {
color: #ffffff;
background: var(--theme-primary-color);
border-color: var(--theme-primary-color);
opacity: 1;
}
.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled {
cursor: not-allowed;
}
.text-half .counter-number {
background: linear-gradient(
to top,
#ffffff 52.5%,
#000000 52.5%
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.no-padding .item {
padding-left: 0px;
padding-right: 0px;
}
.inner-globe #rotatingGlobe {
width: 166%;
margin-left: -34%;
margin-bottom: -66%;
} .tf-list .number {
width: 60px;
height: 60px;
background: #fff;
border-radius: 50%;
color: #0A1426;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 28px;
-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-list .heading {
color: #0A1426;
font-size: 24px;
font-weight: 700;
text-transform: capitalize;
margin-bottom: 24px;
}
.tf-list .description {
color: #86898E;
font-size: 16px;
font-weight: 400;
line-height: 28.8px; }
.tf-list:hover .number {
background: var(--theme-primary-color);
color: #fff;
} .tf-car-banner {
background: #000;
padding: 62px 60px 56px 44px;
overflow: hidden;
position: relative;
background-size: cover;
}
.tf-car-banner .subtitle {
color: #FFF;
font-size: 16px;
font-weight: 700;
line-height: 30px;
letter-spacing: 1.76px;
text-transform: uppercase;
position: relative;
display: inline-block;
margin-bottom: 17px;
z-index: 25;
position: relative;
}
.tf-car-banner .subtitle::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: unset;
border: 1px dashed var(--theme-primary-color);
}
.tf-car-banner .heading {
color: #FFF;
font-size: 34px;
font-weight: 700;
line-height: 1.2941176470588236em;
margin-bottom: 23px;
z-index: 25;
position: relative;
}
.tf-car-banner .heading span {
color: var(--theme-primary-color);
}
.tf-car-banner .tf-button {
color: #FFF;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.8px;
text-transform: uppercase;
z-index: 25;
position: relative;
}
.tf-car-banner .tf-button:hover {
color: var(--theme-primary-color);
}
.tf-car-banner .tf-button i {
margin-left: 6px;
font-size: 20px;
vertical-align: text-bottom;
display: inline-block;
}
.tf-car-banner .tf-button:hover i {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
.tf-car-banner .group-image {
position: absolute;
top: 0;
right: 3%;
text-align: right;
width: 300px;
height: 300px;
display: flex;
justify-content: right;
align-items: center;
}
.tf-car-banner .group-image img:nth-child(1) {
position: relative;
z-index: 5;
}
.tf-car-banner .group-image img:nth-child(2) {
position: absolute;
top: -2%;
right: -7%;
z-index: 1;
}
.tf-car-banner.style2 {
padding: 38px 60px 77px 39px;
}
.tf-car-banner.style2 .heading {
font-size: 32px;
margin-bottom: 26px;
}
.tf-car-banner .group-image {
top: 6%;
right: 2%;
width: unset;
}
.hover-partner .elementor-widget-container .swiper-slide-inner img {
-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;
opacity: 0.5;
}
.hover-partner .elementor-widget-container .swiper-slide-inner img:hover {
opacity: 1;
}
.wrap-services-post {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.wrap-services-post .item {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding: 15px;
}
.wrap-services-post .services-post .featured-post img {
transition: clip-path 1s cubic-bezier(.12,.76,.36,1), opacity .3s, transform 1.5s cubic-bezier(.12,.76,.36,1);
}
.wrap-services-post .services-post .featured-post>a {
display: block;
overflow: hidden;
}
.wrap-services-post .services-post:hover .featured-post img {
transform: scale(1.05);
} .wrap-services-post .services-post .tf-button {
display: inline-flex;
align-items: center;
}
.wrap-services-post .services-post .tf-button i {
margin-left: 4px;
}
.wrap-services-post .services-post .tf-button .info-label {
position: relative;
}
.wrap-services-post .services-post .tf-button .info-label:after {
content: attr(data-text);
left: 0;
top: 0;
opacity: 0;
position: absolute;
transform: rotateX(90deg);
}
.wrap-services-post .services-post .tf-button .info-label .label-inner,
.wrap-services-post .services-post .tf-button .info-label:after {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-origin: 50% 50% .55em;
transition: transform .4s cubic-bezier(.43,.05,.2,1), opacity .6s cubic-bezier(.43,.05,.2,1);
display: inline-block;
}
.wrap-services-post .services-post .tf-button:hover .info-label .label-inner {
opacity: 0;
transform: rotateX(-90deg);
}
.wrap-services-post .services-post .tf-button:hover .info-label:after {
opacity: 1;
transform: rotateX(0);
}
.wrap-services-post .services-post .tf-button:hover i {
-webkit-animation: toRight 0.3s forwards;
-moz-animation: toRight 0.3s forwards;
animation: toRight 0.3s forwards;
}
.wrap-services-post .content .icon-services {
width: 85px;
height: 85px;
background: var(--theme-primary-color);
display: flex;
align-items: center;
justify-content: center;
margin-top: -42px;
position: relative;
margin-bottom: 33px;
}
.wrap-services-post .content .icon-services > * {
-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;
}
.wrap-services-post .content .icon-services i,
.wrap-services-post .content .icon-services svg path {
color: #fff;
fill: #fff;
}
.wrap-services-post .services-post:hover .icon-services > * {
transform: scale(1.05);
}
.wrap-services-post .content .icon-services i {
font-size: 50px;
}
.wrap-services-post .content .icon-services svg {
width: 50px;
height: 50px;
}
.wrap-services-post .content .title {
font-size: 24px;
font-weight: 700;
line-height: 30.24px;
color: #0A1C26;
margin-bottom: 15px;
}
.wrap-services-post .content .description {
font-size: 16px;
font-weight: 400;
line-height: 32px;
color: #5E5F63;
}
.wrap-services-post .content .tf-button {
font-size: 16px;
font-weight: 600;
line-height: 20.16px;
color: #5E5F63;
text-transform: capitalize;
}
.wrap-services-post .content .tf-button:hover {
color: var(--theme-primary-color);
}
.wrap-services-post .content .tf-button i {
color: #000000;
}
.wrap-services-post .services-post .tf-button .info-label::before {
position: absolute;
content: "";
bottom: 0;
height: 1px;
width: 0;
left: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
-o-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background-color: currentColor;
}
.wrap-services-post .content .tf-button:hover .info-label::before {
width: 100%;
}
.wrap-services-post .services-post .tf-button-container {
margin-top: 14px;
}
.navigation.paging-navigation.services {
text-align: center;
}
.navigation.paging-navigation.services a.next,
.navigation.paging-navigation.services a.prev {
font-size: 20px;
} .single-services .entry-content .featured-post img {
max-height: 518px;
object-fit: cover;
width: 100%;
}
.single-services .entry-content .featured-post {
margin-bottom: 31px;
}
.single-services .entry-content .title-main {
font-size: 40px;
font-weight: 700;
line-height: 50.4px;
color: #0A1C26;  
margin-bottom: 20px;
}
.step-custom .num-step .elementor-widget-container {
height: 45px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 45px;
}
.step-custom:hover .num-step .elementor-widget-container {
background: var(--theme-primary-color);
color: #fff;
border-color: var(--theme-primary-color);
}
.step-custom:hover .num-step .elementor-widget-container .elementor-heading-title {
color: #fff;
}
.appoint-form {
text-align: center;
}
.appoint-form h2 {
font-size: 30px;
font-weight: 600;
line-height: 37.8px;
color: #0A1C26;
margin-bottom: 42px;
}
.appoint-form .group-form {
display: flex;
align-items: center;
column-gap: 30px;
row-gap: 20px;
margin-bottom: 10px;
}
.appoint-form input {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: #000;
border-radius: 0;
padding: 19px 24px;
}
.appoint-form input::placeholder {
font-size: 16px;
font-weight: 500;
line-height: 20.16px;
color: #5E5F63;
}
.appoint-form button {
font-size: 16px;
font-weight: 700;
line-height: 20.16px;
background: var(--theme-primary-color);
color: #fff;
min-width: 339px;
text-align: center;
padding: 20px 20px;
border-radius: 0;
}
.appoint-form button:hover {
background: #0A1C26;
color: #fff;
} @media only screen and (max-width: 1200px) {
.tf-car-banner,
.tf-car-banner.style2  {
padding: 50px 20px ;
}
.tf-car-banner .heading {
font-size: 25px;
}
.tf-car-banner .heading {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 991px) {
.wrap-services-post .item {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.tf-pricetable .wrap-button a {
width: 100%;
}
.tf-car-banner .group-image {
position: relative;
margin-top: 40px;
text-align: left;
top: unset;
right: unset;
display: block;
width: unset;
height: unset;
max-height: 200px;
min-height: 200px;
max-width: 280px;
min-width: 280px;
display: flex;
justify-content: right;
align-items: center;
}
.tf-car-banner .group-image img:nth-child(2) {
position: absolute;
top: 50%;
left: 50%;
right: unset;
transform: translate(-50%, -50%);
z-index: 1;
}
}
@media only screen and (max-width: 767px) {
.owl-carousel .owl-nav,
.group-navigation {
display: none;
}
.text-half .counter-number {
background: unset;
background-clip: unset;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
}
.wrap-services-post .item {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.appoint-form .group-form {
flex-direction: column;
}
.appoint-form button {
min-width: 100%;
}
}