.main-slider {
position: relative;
display: block;
z-index: 10;
}
.main-slider.style1 {
position: relative;
display: block;
background-color: #ffffff;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}
.main-slider .slide {
position: relative;
display: block;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.main-slider .slide .image-layer {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background-color: var(--thm-bg);
background-blend-mode: luminosity;
transition: transform 7000ms ease, opacity 1500ms ease-in;
z-index: 1;
}
.main-slider .slide .image-layer:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color: var(--thm-bg);
opacity: 0.60;
z-index: -1;
}
.main-slider .active .slide .image-layer {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.main-slider .content {
position: relative;
z-index: 11;
}
.main-slider .auto-container {
position: relative;
}
.main-slider .slide {
position: relative;
display: block;
padding-top: 205px;
padding-bottom: 100px;
}
.main-slider .shape-box {
position: absolute;
top: 205px;
left: 115px;
bottom: 100px;
right: 100%;
background-color: var(--thm-base);
mix-blend-mode: soft-light;
z-index: 1;
-moz-transform: skew(0deg, 0deg);
-webkit-transform: skew(0deg, 0deg);
-o-transform: skew(0deg, 0deg);
-ms-transform: skew(0deg, 0deg);
transform: skew(0deg, 0deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .active .shape-box {
right: 65%;
-moz-transform: skew(20deg, 0deg);
-webkit-transform: skew(20deg, 0deg);
-o-transform: skew(20deg, 0deg);
-ms-transform: skew(20deg, 0deg);
transform: skew(20deg, 0deg);
-webkit-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
transition: all 1500ms ease;
}
.main-slider .content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
padding: 70px 0 100px;
}
.main-slider .content .big-title {
position: relative;
display: block;
margin-top: 21px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(-80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(-80px);
transform: perspective(400px) rotateY(0deg) translateY(-80px);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 1000ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
z-index: 10;
}
.main-slider .active .content .big-title {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1000ms;
-moz-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.main-slider .content .big-title h2 {
color: #ffffff;
font-size: 120px;
line-height: 0.9em;
font-weight: 700;
text-transform: capitalize;
}
.main-slider .content .big-title h2 .dotted {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
background: var(--thm-base);
border-radius: 50%;
}
.main-slider .content .btns-box {
position: relative;
display: block;
overflow: hidden;
width: 100%;
line-height: 0;
margin-top: 47px;
opacity: 0;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(80px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(80px);
transform: perspective(400px) rotateY(0deg) translateY(80px);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
-webkit-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
transition: all 1500ms ease;
z-index: 10;
}
.main-slider .active .content .btns-box {
opacity: 1;
-webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
-ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
transform: perspective(400px) rotateY(0deg) translateY(0px);
-webkit-transition-delay: 1500ms;
-moz-transition-delay: 1500ms;
-ms-transition-delay: 1500ms;
-o-transition-delay: 1500ms;
transition-delay: 1500ms;
}
.main-slider .content .btns-box a {} .main-slider .owl-theme .owl-nav {
position: absolute;
top: 50%;
right: 15%;
height: 150px;
line-height: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
opacity: 0;
transform: scaleX(1.0) translateX(0px);
display: flex;
flex-direction: column;
align-items: flex-end;
transition: all 500ms ease;
z-index: 3;
}
.main-slider:hover .owl-theme .owl-nav {
opacity: 1;
transform: scaleX(1.0) translateY(-50%);
}
.main-slider .owl-theme .owl-nav .owl-prev,
.main-slider .owl-theme .owl-nav .owl-next {
position: relative;
display: block;
height: 70px;
width: 70px;
background: rgba(255, 255, 255, .20);
border: 0px solid rgba(255, 255, 255, .20);
border-radius: 50%;
text-align: center;
color: rgba(255, 255, 255, .20);
font-size: 25px;
line-height: 70px;
font-weight: 100;
opacity: 1;
margin: 0;
padding: 0;
transform: translateY(0px);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-slider .owl-theme .owl-prev span,
.main-slider .owl-theme .owl-next span {
display: block;
}
.main-slider .owl-theme .owl-prev span:before {
transition: all 100ms ease;
}
.main-slider .owl-theme .owl-nav .owl-prev {
transform: rotate(180deg);
}
.main-slider .owl-theme .owl-nav .owl-next {
transform: rotate(0deg);
}
.main-slider .owl-theme .owl-nav .owl-prev:hover,
.main-slider .owl-theme .owl-nav .owl-next:hover {
color: var(--thm-black);
background: rgba(255, 255, 255, 1.0);
}
.banner-carousel .owl-dots {
display: block;
}
.main-slider.style2 .owl-theme .owl-nav {
position: absolute;
display: block;
top: 50%;
left: 0;
bottom: 0;
right: 0;
height: 0px;
opacity: 1;
line-height: 0;
transform: scaleX(1.0) translateY(-50px);
transition: all 500ms ease;
}
.main-slider.style2 .owl-theme .owl-nav .owl-prev {
position: absolute;
left: 20px;
}
.main-slider.style2 .owl-theme .owl-nav .owl-next {
position: absolute;
right: 20px;
} .main-slider .banner-carousel.owl-carousel .owl-dots {
position: absolute;
top: 0;
right: 70px;
bottom: 0px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
opacity: 0;
transform: scaleX(1.0) translateX(0px);
-webkit-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
transition: all 1500ms ease;
display: none;
}
.main-slider .banner-carousel.owl-carousel .owl-dots:before {
content: "";
position: absolute;
top: auto;
left: 6px;
bottom: auto;
width: 3px;
height: 95px;
background: #262626;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.main-slider:hover .banner-carousel.owl-carousel .owl-dots {
opacity: 1;
transform: scaleX(1.0) translateX(0px);
}
.main-slider .banner-carousel.owl-carousel button.owl-dot {
position: relative;
display: block;
width: 15px;
height: 15px;
background: #262626;
float: none;
border-radius: 50%;
margin: 20px 0px;
-webkit-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
z-index: 1;
}
.main-slider .banner-carousel.owl-carousel button.owl-dot.active:before {
transform: scaleX(1.0);
}
.main-slider .banner-carousel.owl-carousel button.owl-dot.active {
background-image: -moz-linear-gradient(0deg, rgb(128, 183, 87) 0%, rgb(147, 188, 48) 40%, rgb(165, 193, 9) 100%);
background-image: -webkit-linear-gradient(0deg, rgb(128, 183, 87) 0%, rgb(147, 188, 48) 40%, rgb(165, 193, 9) 100%);
background-image: -ms-linear-gradient(0deg, rgb(128, 183, 87) 0%, rgb(147, 188, 48) 40%, rgb(165, 193, 9) 100%);
} .main-slider.style2 {
position: relative;
display: block;
}
.main-slider.style2 .slide {
position: relative;
display: block;
padding-top: 166px;
padding-bottom: 200px;
}
.main-slider.style2 .slide .image-layer:before {
opacity: 0.60;
}
.main-slider.style2 .content {
padding: 0px 0 0px;
}
.main-slider.style2 .content .big-title h2 {
font-size: 110px;
line-height: 1.0em;
} .service-style1-area {
position: relative;
display: block;
padding: 0px 0 0px;
background: #ffffff;
z-index: 10;
}
.service-style1__title {
position: relative;
display: block;
padding-top: 100px;
padding-right: 60px;
padding-bottom: 100px;
margin-right: -30px;
z-index: 1;
}
.service-style1__title:before {
content: "";
position: absolute;
top: 0;
left: -1000000px;
bottom: 0;
right: 0;
background: var(--thm-bg);
z-index: -1;
}
.service-style1__title .sec-title--style2 {
padding-bottom: 36px;
}
.service-style1__title .inner-text {
position: relative;
display: block;
padding-bottom: 29px;
}
.service-style1__title .inner-text p {
margin: 0;
}
.video-holder-box {
position: relative;
display: flex;
align-items: center;
}
.video-gallery-style1 {
position: relative;
display: block;
overflow: hidden;
width: 160px;
height: 75px;
}
.video-gallery-style1__bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: var(--thm-bg);
background-blend-mode: luminosity;
}
.video-gallery-style1 .icon {
position: absolute;
right: 0;
bottom: 0;
width: 35px;
height: 35px;
background: var(--thm-base);
z-index: 2;
}
.video-gallery-style1 .icon:after {
position: absolute;
content: '';
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: -1;
-webkit-box-shadow: 0 0 0 0 rgba(0, 10, 20, .10);
box-shadow: 0 0 0 0 rgba(0, 10, 20, .10);
-webkit-animation: ripple 6s infinite;
animation: ripple 6s infinite;
}
.video-gallery-style1 .icon .video-popup {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #ffffff;
font-size: 12px;
text-align: center;
}
.video-gallery-style1 .icon .video-popup span::before {
position: relative;
color: #ffffff;
}
.video-gallery-title {
position: relative;
display: block;
padding-left: 30px;
}
.video-gallery-title h3 {
color: #ffffff;
font-size: 20px;
line-height: 22px;
font-weight: 500;
margin: 0 0 4px;
}
.video-gallery-title a {
position: relative;
display: inline-block;
color: var(--thm-base);
font-size: 16px;
line-height: 22px;
font-weight: 700;
}
.service-style1__content {
position: relative;
display: block;
padding-top: 70px;
padding-left: 100px;
}
.single-service-style1 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
min-height: 232px;
z-index: 1;
}
.single-service-style1:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--thm-primary);
z-index: -1;
}
.single-service-style1:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--thm-base);
-webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
-ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
transform: perspective(400px) rotateX(90deg) scaleY(0.5);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
z-index: -1;
}
.single-service-style1:hover:after {
-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
transform: perspective(400px) rotateX(0deg) scaleY(1.0);
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.single-service-style1 .shape-box {
position: absolute;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
z-index: 1;
background-blend-mode: soft-light;
mix-blend-mode: soft-light;
border-bottom: 60px solid #ffffff;
border-left: 60px solid transparent;
-webkit-transform: perspective(400px) rotateX(-90deg) scaleY(1.0);
-ms-transform: perspective(400px) rotateX(-90deg) scaleY(1.0);
transform: perspective(400px) rotateX(-90deg) scaleY(1.0);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
}
.single-service-style1:hover .shape-box {
-webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
-ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
transform: perspective(400px) rotateX(0deg) scaleY(1.0);
transition-delay: .6s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.single-service-style1 .icon-holder {
position: relative;
display: block;
padding-bottom: 12px;
}
.single-service-style1 .icon-holder span:before {
position: relative;
display: inline-block;
color: var(--thm-base);
font-size: 60px;
line-height: 60px;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.single-service-style1:hover .icon-holder span:before {
color: #ffffff;
transform: scale(1.1);
transition: all 200ms linear;
transition-delay: 0.3s;
}
.single-service-style1 .title-holder {
position: relative;
display: block;
}
.single-service-style1 .title-holder h3 {
font-size: 20px;
line-height: 26px;
font-weight: 700;
}
.single-service-style1 .title-holder h3 a {
color: var(--thm-black);
transition: all 200ms linear;
transition-delay: 0.3s;
}
.single-service-style1:hover .title-holder h3 a {
color: #ffffff;
}
.single-service-style1 .title-holder h3 a:hover {
color: var(--thm-black);
} .service-style2-area {
position: relative;
display: block;
padding: 120px 0 90px;
background: #ffffff;
overflow: hidden;
z-index: 10;
}
.service-style2--primary-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 660px;
background: var(--thm-primary);
z-index: -1;
}
.single-service-style2 {
position: relative;
display: block;
margin: 0 0 30px;
}
.single-service-style2 .img-holder {
position: relative;
display: block;
}
.single-service-style2 .img-holder .inner {
position: relative;
display: block;
overflow: hidden;
background-color: var(--thm-bg);
z-index: 1;
}
.single-service-style2 .img-holder .inner:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background: rgba(var(--thm-base-rgb), .70);
content: '';
transition: all 500ms ease;
}
.single-service-style2:hover .img-holder .inner:before {
opacity: 1.0;
}
.single-service-style2 .img-holder .inner img {
width: 100%;
transform: scale(1.0);
mix-blend-mode: luminosity;
transition: all 700ms ease;
}
.single-service-style2:hover .img-holder .inner img {
transform: scale(1.2);
mix-blend-mode: normal;
}
.single-service-style2 .img-holder .icon {
position: absolute;
bottom: -20px;
right: 20px;
width: 100px;
height: 100px;
background: var(--thm-base);
z-index: 2;
}
.single-service-style2 .img-holder .icon:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--thm-black);
content: "";
z-index: -1;
transform: scale(0.0);
transform-origin: center;
transform-style: preserve-3d;
transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
}
.single-service-style2:hover .img-holder .icon:before {
transform: scaleX(1.0);
}
.single-service-style2 .img-holder .icon span {
position: relative;
display: block;
}
.single-service-style2 .img-holder .icon span:before {
position: relative;
display: block;
color: #ffffff;
font-size: 60px;
line-height: 100px;
text-align: center;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.single-service-style2:hover .img-holder .icon span:before {
color: #ffffff;
}
.single-service-style2 .title-holder {
position: relative;
display: block;
background: #ffffff;
padding: 44px 49px 50px;
border: 1px solid #d9e3e4;
border-top: none;
transition: all 0.3s ease-in-out 0.1s;
z-index: 1;
}
.single-service-style2:hover .title-holder {
border: 1px solid var(--thm-base);
border-top: none;
}
.single-service-style2 .title-holder:before {
content: "";
position: absolute;
right: -1px;
bottom: -1px;
width: 60px;
height: 60px;
border-bottom: 60px solid var(--thm-base);
border-left: 60px solid transparent;
transform: rotateY(-90deg) scaleY(1.0);
transform-origin: right;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .5s;
transition-property: all;
z-index: 1;
}
.single-service-style2:hover .title-holder:before {
transform: rotateY(0deg) scaleY(1.0);
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
.single-service-style2 .title-holder h3 {
font-size: 26px;
line-height: 30px;
font-weight: 700;
margin-bottom: 14px;
}
.single-service-style2 .title-holder h3 a {
color: var(--thm-black);
transition: all 200ms linear;
transition-delay: 0.1s;
}
.single-service-style2 .title-holder h3 a:hover {
color: var(--thm-base);
}
.single-service-style2 .title-holder .text {
position: relative;
display: block;
}
.single-service-style2 .title-holder .text p {
margin: 0;
transition: all 0.3s ease-in-out 0.1s;
}
.single-service-style2 .title-holder .btn-box {
position: relative;
display: block;
padding-top: 19px;
}
.single-service-style2 .title-holder .btn-box a {
position: relative;
display: block;
width: 50px;
height: 50px;
background: var(--thm-primary);
border-radius: 50%;
color: var(--thm-black);
font-size: 20px;
line-height: 54px;
text-align: center;
transition: all 0.3s ease-in-out 0.1s;
}
.single-service-style2:hover .title-holder .btn-box a {
color: #ffffff;
background-color: var(--thm-black);
} .service-page {
position: relative;
display: block;
padding: 120px 0 90px;
background: #ffffff;
overflow: hidden;
z-index: 10;
} .service-details-area {
position: relative;
display: block;
background: #ffffff;
padding: 120px 0px 120px;
z-index: 10;
}
.service-details__sidebar {
position: relative;
display: block;
max-width: 370px;
width: 100%;
}
.view-all-service {
position: relative;
display: block;
background: #eff7f8;
padding: 30px 30px 30px;
}
.view-all-service .service-pages {
position: relative;
display: block;
}
.view-all-service .service-pages li {
position: relative;
display: block;
border-bottom: 1px solid #ffffff;
}
.view-all-service .service-pages li:last-child {
margin-bottom: 0px;
}
.view-all-service .service-pages li a {
position: relative;
display: block;
background: #ffffff;
padding: 0px 30px 0px;
color: var(--thm-black);
font-size: 16px;
font-weight: 700;
line-height: 50px;
font-family: var(--thm-font);
transition: all 200ms linear;
transition-delay: 0.1s;
z-index: 1;
}
.view-all-service .service-pages li.active a,
.view-all-service .service-pages li:hover a {
color: #ffffff;
}
.view-all-service .service-pages li a span {
position: relative;
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 400;
float: right;
line-height: 50px;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.view-all-service .service-pages li.active a span,
.view-all-service .service-pages li:hover a span {
color: #ffffff;
}
.view-all-service .service-pages li a::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--thm-base);
transform: perspective(400px) scaleY(0);
transform-origin: center;
transition: all 300ms linear;
transition-delay: 0.1s;
z-index: -1;
}
.view-all-service .service-pages li:hover a::before,
.view-all-service .service-pages li.active a::before {
transform: perspective(400px) scaleY(1.0);
}
.service-details-contact-info {
position: relative;
display: block;
background: var(--thm-base);
padding: 60px 50px 60px;
margin-top: 30px;
z-index: 1;
}
.service-details-contact-info .sidebar-info-box-bg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-attachment: scroll;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
background-color: var(--thm-bg);
background-blend-mode: luminosity;
z-index: -1;
}
.service-details-contact-info .sidebar-info-box-bg:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: var(--thm-bg);
opacity: 0.90;
}
.service-details-contact-info .icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 85px;
height: 85px;
background: var(--thm-base);
border-radius: 50%;
margin: 0 auto;
color: #ffffff;
font-size: 40px;
}
.service-details-contact-info .icon:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
background: transparent;
-webkit-animation-delay: .9s;
animation-delay: .9s;
content: "";
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.9);
-webkit-animation: ripple 3s infinite;
animation: ripple 3s infinite;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.service-details-contact-info h3 {
color: #ffffff;
font-size: 38px;
line-height: 40px;
font-weight: 700;
letter-spacing: -0.02em;
margin: 25px 0 33px;
}
.service-details-contact-info h2 {
position: relative;
display: inline-block;
background-color: rgba(255, 255, 255, .10);
padding: 15px 30px 15px;
font-size: 20px;
font-weight: 700;
}
.service-details-contact-info h2 a {
color: #ffffff;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.service-details-contact-info h2 a:hover {
color: var(--thm-base);
}
.info-download-box {
position: relative;
display: block;
margin-top: 30px;
}
.info-download-box ul {
position: relative;
display: block;
}
.info-download-box ul li {
position: relative;
display: flex;
align-items: center;
background: var(--thm-base);
padding: 25px 50px 25px;
}
.info-download-box ul li .icon {
position: relative;
display: block;
line-height: 0;
width: 50px;
}
.info-download-box ul li .icon span:before {
position: relative;
top: 2px;
display: block;
color: #ffffff;
font-size: 30px;
line-height: 30px;
}
.info-download-box ul li .title {
position: relative;
display: block;
}
.info-download-box ul li .title h5 {
color: #ffffff;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
.info-download-box ul li .title h5 a {
color: #ffffff;
transition: all .5s ease-in-out;
}
.info-download-box ul li .title h5 a:hover {
color: var(--thm-black);
}
.service-details__content {
position: relative;
display: block;
}
.service-details__content .img-box-outer {
position: relative;
display: block;
}
.service-details__content .img-box-outer .icon {
position: absolute;
bottom: -20px;
right: 20px;
width: 100px;
height: 100px;
background: var(--thm-base);
z-index: 2;
}
.service-details__content .img-box-outer .icon span {
position: relative;
display: block;
}
.service-details__content .img-box-outer .icon span:before {
position: relative;
display: block;
color: #ffffff;
font-size: 60px;
line-height: 100px;
text-align: center;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.service-details__content .img-box1 {
position: relative;
display: block;
overflow: hidden;
background-color: var(--thm-bg);
}
.service-details__content .img-box1::after {
position: absolute;
top: 0;
left: -100%;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right,
rgba(var(--thm-base-rgb), .1) 0%,
rgba(var(--thm-base-rgb), .5) 50%,
rgba(255, 255, 255, .9) 100%);
transform: skewX(-15deg);
z-index: 2;
}
.service-details__content .img-box1:hover::after {
-webkit-animation: shine 1.5s;
animation: shine 1.5s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.service-details__content .img-box1 img {
width: 100%;
mix-blend-mode: luminosity;
}
.service-details__content .img-box1:hover img {
transform: scale(1.3) rotate(1deg);
}
.service-details__content .text-box1 {
position: relative;
display: block;
margin-top: 41px;
}
.service-details__content .text-box1 h2 {
color: var(--thm-black);
font-size: 34px;
line-height: 44px;
font-weight: 700;
margin-bottom: 19px;
}
.service-details__content .text-box1 p {
font-size: 18px;
line-height: 34px;
margin: 0;
}
.service-details__content .text-box1 p+p {
margin-top: 19px;
}
.service-details__content .text-box2 {
position: relative;
display: block;
margin-top: 48px;
margin-bottom: 50px;
background: var(--thm-base);
padding: 37px 60px 36px;
}
.service-details__content .text-box2 .text-box2-single {
position: relative;
display: block;
}
.service-details__content .text-box2 .text-box2-single p {
color: #ffffff;
font-size: 18px;
line-height: 40px;
font-weight: 700;
margin: 0;
}
.service-details__content .text-box3 {
position: relative;
display: block;
}
.service-details__content .text-box3 p {
font-size: 18px;
line-height: 34px;
margin: 0;
}
.service-details__content .text-box4 {
position: relative;
display: block;
margin-top: 48px;
}
.service-details__content .text-box4 .img-box {
position: relative;
display: block;
background-color: var(--thm-bg);
}
.service-details__content .text-box4 .img-box img {
width: 100%;
mix-blend-mode: luminosity;
}
.service-details__content .text-box4 .content-box {
position: relative;
display: block;
margin-top: -8px;
}
.service-details__content .text-box4 .content-box h2 {
color: var(--thm-black);
font-size: 30px;
line-height: 40px;
font-weight: 700;
margin-bottom: 20px;
}
.service-details__content .text-box4 .content-box p {
font-size: 20px;
line-height: 34px;
margin: 0;
}
.service-details__content .text-box4 .content-box ul {
position: relative;
display: block;
margin-top: 33px;
}
.service-details__content .text-box4 .content-box ul li {
position: relative;
display: flex;
align-items: center;
margin-bottom: 18px;
color: var(--thm-black);
font-size: 18px;
line-height: 28px;
font-weight: 500;
}
.service-details__content .text-box4 .content-box ul li:last-child {
margin-bottom: 0;
}
.service-details__content .text-box4 .content-box ul li span::before {
position: relative;
display: inline-block;
color: var(--thm-base);
font-size: 16px;
top: 0px;
padding-right: 7px;
}
.service-details-faq-content {
position: relative;
display: block;
margin-top: 60px;
} .about-style1-area {
position: relative;
display: block;
background: #ffffff;
padding: 120px 0 120px;
z-index: 9;
}
.about-style1__image {
position: relative;
display: block;
max-width: 585px;
margin-right: -15px;
}
.about-style1__image .shape-1 {
position: absolute;
top: 60px;
left: -100px;
width: 120px;
height: 170px;
background-color: var(--thm-base);
-moz-transform: skew(20deg, 0deg);
-webkit-transform: skew(20deg, 0deg);
-o-transform: skew(20deg, 0deg);
-ms-transform: skew(20deg, 0deg);
transform: skew(20deg, 0deg);
z-index: 2;
}
.about-style1__image .shape-2 {
position: absolute;
top: 230px;
left: -170px;
width: 80px;
height: 80px;
background-color: var(--thm-black);
-moz-transform: skew(20deg, 0deg);
-webkit-transform: skew(20deg, 0deg);
-o-transform: skew(20deg, 0deg);
-ms-transform: skew(20deg, 0deg);
transform: skew(20deg, 0deg);
z-index: 2;
}
.about-style1__image .inner {
position: relative;
display: block;
overflow: hidden;
background-color: var(--thm-bg);
z-index: 1;
}
.about-style1__image .inner::before {
position: absolute;
top: 0;
left: -100%;
display: block;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, .1) 100%);
transform: skewX(1deg);
z-index: 1;
}
.about-style1__image:hover .inner::before {
-webkit-animation: shine 1.5s;
animation: shine 1.5s;
}
.about-style1__image .inner img {
width: 100%;
mix-blend-mode: luminosity;
-webkit-transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
}
.about-style1__image:hover .inner img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.about-style1__content {
position: relative;
display: block;
padding-left: 70px;
}
.about-style1__content .inner-content {
position: relative;
display: block;
}
.about-style1__content .inner-content .top-text {
position: relative;
display: block;
margin-top: -10px;
margin-bottom: 41px;
}
.about-style1__content .inner-content .top-text h3 {
color: var(--thm-base);
font-size: 20px;
font-weight: 500;
margin: 0 0 0px;
}
.about-style1__content .inner-content .top-text p {
font-size: 18px;
line-height: 34px;
font-weight: 400;
margin: 0;
}
.about-style1__content .inner-content ul {
position: relative;
display: block;
padding-bottom: 4px;
}
.about-style1__content .inner-content ul li {
position: relative;
display: flex;
align-items: center;
color: var(--thm-black);
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.about-style1__content .inner-content ul li+li {
margin-top: 13px;
}
.about-style1__content .inner-content ul li span:before {
position: relative;
display: inline-block;
color: var(--thm-base);
padding-right: 10px;
}
.progress-block {
position: relative;
display: flex;
align-items: center;
}
.progress-block .inner-box {
position: relative;
min-height: 100px;
}
.progress-block .graph-outer {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
min-height: 100px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.progress-block .graph-outer .count-box {
position: absolute;
left: 0;
top: 50%;
width: 100%;
margin-top: 0px;
font-size: 20px;
color: var(--thm-base);
font-weight: 400;
line-height: 1.4em;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.progress-block .graph-outer .count-text {
position: relative;
font-size: 20px;
line-height: 1.2em;
color: var(--thm-base);
font-weight: 400;
}
.progress-block .outer-text {
position: relative;
display: block;
padding-left: 120px;
}
.progress-block .outer-text h3 {
color: var(--thm-black);
font-size: 18px;
line-height: 30px;
font-weight: 500;
}
.signature-box {
position: relative;
display: block;
padding-top: 29px;
top: 10px;
}
.signature-box h2 {
color: var(--thm-black);
font-size: 60px;
font-weight: 400;
line-height: 50px;
font-family: 'the_sayinisticitalic';
}
.signature-box h2 span {
color: var(--thm-gray);
font-size: 16px;
font-weight: 500;
font-family: var(--thm-font);
position: relative;
display: inline-block;
padding-left: 10px;
} .about-style2-area {
position: relative;
display: block;
padding: 120px 0 120px;
background: #ffffff;
z-index: 9;
}
.about-style2__content {
position: relative;
display: block;
}
.about-style2__content .sec-title--style2 {
padding-bottom: 36px;
}
.about-style2__content .sec-title--style2 h2 {
color: var(--thm-black);
}
.about-style2__content .inner-content {
position: relative;
display: block;
}
.about-style2__content .inner-content .top-text {
position: relative;
display: flex;
align-items: flex-start;
}
.about-style2__content .inner-content .top-text .icon {
position: relative;
display: block;
width: 80px;
}
.about-style2__content .inner-content .top-text .icon span::before {
position: relative;
top: 10px;
display: inline-block;
color: var(--thm-base);
font-size: 60px;
}
.about-style2__content .inner-content .top-text .inner-title {
position: relative;
display: block;
width: 400px;
}
.about-style2__content .inner-content .top-text .inner-title h3 {
color: var(--thm-black);
font-size: 18px;
line-height: 34px;
font-weight: 500;
}
.about-style2__content .inner-content .text-box {
position: relative;
display: block;
padding-top: 30px;
padding-bottom: 30px;
}
.about-style2__content .inner-content .text-box p {
margin: 0;
}
.about-style2__content .inner-content ul {
position: relative;
display: block;
}
.about-style2__content .inner-content ul li {
position: relative;
display: flex;
align-items: center;
color: var(--thm-black);
font-size: 18px;
line-height: 30px;
font-weight: 500;
}
.about-style2__content .inner-content ul li+li {
margin-top: 7px;
}
.about-style2__content .inner-content ul li span:before {
position: relative;
display: inline-block;
padding-right: 7px;
color: var(--thm-base);
font-size: 16px;
}
.about-style2__content .inner-content .btn-box {
position: relative;
display: block;
padding-top: 45px;
line-height: 0;
}
.about-style2__image {
position: relative;
display: block;
max-width: 570px;
width: 100%;
}
.about-style2__image .shape-1 {
position: absolute;
top: 60px;
right: -120px;
width: 120px;
height: 170px;
background-color: var(--thm-base);
-moz-transform: skew(-20deg, 0deg);
-webkit-transform: skew(-20deg, 0deg);
-o-transform: skew(-20deg, 0deg);
-ms-transform: skew(-20deg, 0deg);
transform: skew(-20deg, 0deg);
webkit-animation: bgSlideReverse2 20s linear infinite;
animation: bgSlideReverse2 20s linear infinite;
z-index: 1;
}
.about-style2__image .shape-2 {
position: absolute;
top: 230px;
right: -200px;
width: 80px;
height: 80px;
background-color: var(--thm-black);
-moz-transform: skew(-20deg, 0deg);
-webkit-transform: skew(-20deg, 0deg);
-o-transform: skew(-20deg, 0deg);
-ms-transform: skew(-20deg, 0deg);
transform: skew(-20deg, 0deg);
z-index: 1;
}
.about-style2__image .border-box {
position: absolute;
top: 40px;
left: -10px;
bottom: 40px;
width: 10px;
background: var(--thm-base);
}
.about-style2__image .inner {
position: relative;
display: block;
overflow: hidden;
background-color: var(--thm-bg);
}
.about-style2__image .inner::before {
position: absolute;
top: 90%;
left: 90%;
display: block;
content: '';
width: 0;
height: 0;
background-color: rgba(var(--thm-base-rgb), .90);
border-radius: 50%;
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
opacity: 0;
z-index: 1;
}
.about-style2__image:hover .inner::before {
-webkit-animation: circle .95s;
animation: circle .95s;
}
.about-style2__image .inner img {
width: 100%;
transition: all 2500ms ease 100ms;
mix-blend-mode: luminosity;
}
.about-style2__image:hover .inner img {
transform: scale(1.2) rotate(3deg);
}
.about-style2__image .inner .overlay-content {
position: absolute;
left: 40px;
bottom: 0;
width: 300px;
background: #ffffff;
border-top: 5px solid var(--thm-base);
padding: 31px 60px 26px;
z-index: 10;
}
.about-style2__image .inner .overlay-content .count-outer {
position: relative;
display: block;
line-height: 0;
padding-bottom: 7px;
}
.about-style2__image .inner .overlay-content .count-outer .count-text {
position: relative;
display: inline-block;
color: var(--thm-black);
font-size: 30px;
line-height: 30px;
font-weight: 700;
z-index: 99;
}
.about-style2__image .inner .overlay-content h3 {
color: var(--thm-gray);
font-size: 18px;
line-height: 20px;
font-weight: 500;
}
.about-style2__content--in-about-style3 {
position: relative;
display: block;
padding-left: 70px;
}
.about-style2__content--in-about-style3 .inner-content .top-text .inner-title h3 {
color: var(--thm-gray);
}
.about-style2__content--in-about-style3 .inner-content .top-text .inner-title h3 span {
color: var(--thm-base);
}
.about-style2__content--in-about-style3 .inner-content ul {
padding-top: 38px;
} .partner-area {
position: relative;
display: block;
background: var(--thm-primary);
z-index: 10;
}
.partner-area.bg-white {
background: #ffffff;
}
.partner-area.pdtop120 {
padding-top: 120px;
}
.brand-content {
position: relative;
display: block;
}
.brand-content .inner {
position: relative;
display: block;
}
.partner-box {
position: relative;
display: block;
}
.partner-box li {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.single-partner-logo-box {
position: relative;
display: block;
text-align: center;
border: 1px solid rgba(var(--thm-black-rgb), .10);
z-index: 1;
}
.single-partner-logo-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #ffffff;
border: 1px dashed rgba(var(--thm-primary-rgb), .90);
transform: perspective(400px) scaleX(0);
transform-origin: center;
transition: all 500ms linear;
transition-delay: 0.5s;
z-index: -1;
}
.single-partner-logo-box:hover:before {
transform: perspective(400px) scaleX(1.0);
}
.single-partner-logo-box a {
position: relative;
display: inline-block;
overflow: hidden;
padding: 15px 0;
}
.single-partner-logo-box a img {
opacity: 0.20;
width: auto;
transition: all 0.2s ease-in-out 0.1s;
}
.single-partner-logo-box:hover a img {
opacity: 1.0;
transition: all 0.8s ease-in-out 0.1s;
}
.partner-carousel.owl-carousel.owl-dot-style1 .owl-dots {
display: none;
}