.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.working-block-style1 {
position: relative;
}
.working-block-style1 .inner-box {
text-align: center;
margin: 0 auto;
padding: 0 20px;
}
.working-block-style1 .inner-box:hover .icon-box ibefore {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.working-block-style1 .inner-box .icon-box {
position: relative;
text-align: center;
border-radius: 10px;
padding: 30px 20px 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--theme-light-background);
min-height: 170px;
margin-bottom: 50px;
}
.working-block-style1 .inner-box .icon-box i {
line-height: 1;
position: relative;
display: inline-block;
font-size: 58px;
color: var(--theme-color1);
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style1 .inner-box .icon-box i {
transition: none;
}
}
.working-block-style1 .inner-box .icon-box .count {
position: absolute;
left: 50%;
bottom: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 27px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
font-weight: 700;
display: inline-block;
color: var(--theme-color1);
}
.working-block-style1 .inner-box .working-title {
margin-top: 0;
margin-bottom: 10px;
color: var(--theme-color2);
}
.working-block-style1 .inner-box .working-details {
color: var(--theme-color2);
}
.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.working-block-style2 {
position: relative;
}
.working-block-style2 .inner-box {
position: relative;
border: 1px solid #e3e3e3;
padding: 40px 40px;
border-radius: 10px;
background-color: #fff;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style2 .inner-box {
transition: none;
}
}
@media (max-width: 575.98px) {
.working-block-style2 .inner-box {
padding: 20px 20px;
}
}
.working-block-style2 .inner-box:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.working-block-style2 .inner-box:hover .icon-box i::before {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.working-block-style2 .inner-box .icon-box {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.working-block-style2 .inner-box .icon-box i {
position: relative;
height: 80px;
width: 80px;
background-color: var(--theme-light-background);
color: var(--theme-color1);
font-size: 32px;
line-height: 1em;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
border-bottom: 3px solid var(--theme-color1);
}
.working-block-style2 .inner-box .icon-box i::before {
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style2 .inner-box .icon-box i::before {
transition: none;
}
}
.working-block-style2 .inner-box .icon-box .count {
position: relative;
line-height: 60px;
text-align: center;
font-weight: 700;
font-size: 48px;
display: inline-block;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--theme-color2);
opacity: 0.2;
}
.working-block-style2 .inner-box .working-title {
margin-top: 0;
margin-bottom: 20px;
color: var(--theme-color2);
}
.working-block-style2 .inner-box .working-details {
color: var(--theme-color2);
}
.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.working-block-style3 {
position: relative;
}
.working-block-style3 .inner-box {
position: relative;
padding: 40px 30px;
border-radius: 10px;
border: 1px solid #e3e3e3;
background-color: #fff;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style3 .inner-box {
transition: none;
}
}
@media (max-width: 1199.98px) {
.working-block-style3 .inner-box {
padding: 30px 30px;
}
}
.working-block-style3 .inner-box:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.working-block-style3 .inner-box .count {
position: absolute;
right: 50px;
top: 20px;
line-height: 60px;
text-align: center;
font-weight: 700;
font-size: 48px;
display: inline-block;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--theme-color1);
}
@media (max-width: 1199.98px) {
.working-block-style3 .inner-box .count {
position: relative;
right: 0;
top: 0;
margin-bottom: 10px;
}
}
.working-block-style3 .inner-box .working-title {
margin-top: 0;
margin-bottom: 25px;
}
.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.working-block-style4 {
position: relative;
}
.working-block-style4 .inner-box {
border-radius: 10px;
padding: 20px 40px 30px;
box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
background-color: #fff;
position: relative;
text-align: center;
margin-top: 36px;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style4 .inner-box {
transition: none;
}
}
.working-block-style4 .inner-box:hover .icon-box i {
background-color: var(--theme-color2);
}
.working-block-style4 .inner-box:hover .icon-box i::before {
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
display: inline-block;
}
.working-block-style4 .inner-box:hover .count {
color: var(--theme-color1);
}
.working-block-style4 .inner-box .icon-box i {
position: absolute;
right: 38px;
top: -36px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: var(--theme-color1);
border-radius: 13.33px;
margin-bottom: 30px;
font-size: 36px;
color: #fff;
}
.working-block-style4 .inner-box .icon-box i::before {
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style4 .inner-box .icon-box i::before {
transition: none;
}
}
.working-block-style4 .inner-box .working-title {
margin-top: 0;
color: var(--theme-color2);
margin-bottom: 15px;
}
.working-block-style4 .inner-box .count {
font-size: 48px;
color: #e3e3e3;
font-weight: 600;
line-height: 58px;
margin-bottom: 20px;
display: inline-block;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style4 .inner-box .count {
transition: none;
}
}
.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.working-block-style5 {
margin-bottom: 30px;
}
.working-block-style5 .inner-box {
position: relative;
}
.working-block-style5 .inner-box .content-box {
text-align: center;
background: #ffffff;
box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
border-radius: 5px;
padding: 30px 30px;
margin-bottom: 80px;
}
@media (max-width: 1199.98px) {
.working-block-style5 .inner-box .content-box {
margin-bottom: 110px;
}
}
.working-block-style5 .inner-box .content-box:hover .icon-box i::before {
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
display: inline-block;
}
.working-block-style5 .inner-box .content-box:hover .count {
background-color: var(--theme-color2);
color: #fff;
}
.working-block-style5 .inner-box .content-box .icon-box i {
display: inline-block;
font-size: 60px;
color: var(--theme-color1);
line-height: 1em;
margin-bottom: 30px;
}
.working-block-style5 .inner-box .content-box .icon-box i::before {
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style5 .inner-box .content-box .icon-box i::before {
transition: none;
}
}
.working-block-style5 .inner-box .content-box .working-title {
margin-top: 0;
color: var(--theme-color2);
margin-bottom: 20px;
}
.working-block-style5 .inner-box .content-box .working-details {
color: var(--text-color);
margin-bottom: 0;
}
.working-block-style5 .inner-box .content-box .count {
position: absolute;
display: inline-block;
bottom: -80px;
left: 0;
right: 0;
margin: 0 auto;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: var(--theme-color1);
color: #fff;
border-radius: 50px;
font-size: 24px;
font-weight: 600;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style5 .inner-box .content-box .count {
transition: none;
}
}
.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.working-block-style6 {
position: relative;
}
.working-block-style6 .inner-box {
position: relative;
margin: 0 auto;
}
.working-block-style6 .inner-box .content-box {
text-align: center;
border: 1px solid #e3e3e3;
border-radius: 5px;
padding: 60px 20px 30px;
margin-top: 40px;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style6 .inner-box .content-box {
transition: none;
}
}
.working-block-style6 .inner-box .content-box:hover {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
}
.working-block-style6 .inner-box .content-box:hover .icon-box i::before {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.working-block-style6 .inner-box .content-box:hover .count {
background-color: var(--theme-color2);
color: #fff;
}
.working-block-style6 .inner-box .content-box .icon-box i {
font-size: 60px;
display: block;
color: var(--theme-color1);
line-height: 60px;
margin-bottom: 25px;
display: inline-block;
}
.working-block-style6 .inner-box .content-box .icon-box i::before {
transition: all 300ms ease;
display: inline-block;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style6 .inner-box .content-box .icon-box i::before {
transition: none;
}
}
.working-block-style6 .inner-box .content-box .working-title {
margin-top: 0;
color: var(--theme-color2);
margin-bottom: 8px;
}
.working-block-style6 .inner-box .content-box .working-details {
margin-bottom: 0;
}
.working-block-style6 .inner-box .content-box .count {
width: 60px;
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
height: 60px;
text-align: center;
line-height: 60px;
background-color: var(--theme-light-background);
color: var(--theme-color2);
border-radius: 50px;
font-size: 24px;
font-weight: 600;
display: inline-block;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style6 .inner-box .content-box .count {
transition: none;
}
}
.tm-sc-features .icon {
display: inline-block;
}
.tm-sc-features .icon,
.tm-sc-features .features-title,
.tm-sc-features .features-details {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.working-block-style7 {
position: relative;
}
.working-block-style7 .inner-box {
position: relative;
border: 1px solid #e3e3e3;
border-radius: 10px;
text-align: center;
padding: 40px 30px 60px;
margin-top: 30px;
margin-bottom: 30px;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style7 .inner-box {
transition: none;
}
}
.working-block-style7 .inner-box:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}
.working-block-style7 .inner-box:hover .icon-box i {
background-color: var(--theme-color2);
color: #fff;
}
.working-block-style7 .inner-box:hover .icon-box i::before {
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
display: inline-block;
}
.working-block-style7 .inner-box:hover .count {
color: var(--theme-color1);
}
.working-block-style7 .inner-box .icon-box i {
position: absolute;
top: -30px;
right: 40px;
display: block;
font-size: 30px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%;
background-color: var(--theme-color1);
color: #fff;
}
.working-block-style7 .inner-box .icon-box i::before {
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style7 .inner-box .icon-box i::before {
transition: none;
}
}
.working-block-style7 .inner-box .count {
font-size: 48px;
font-weight: 600;
line-height: 58px;
color: #e3e3e3;
margin-bottom: 20px;
display: inline-block;
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style7 .inner-box .count {
transition: none;
}
}
.working-block-style7 .inner-box .working-title {
margin-top: 0;
margin-bottom: 20px;
}
.working-block-style7 .inner-box .btn-circle-arrow {
position: absolute;
bottom: -25px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: all 300ms ease;
}
@media (prefers-reduced-motion: reduce) {
.working-block-style7 .inner-box .btn-circle-arrow {
transition: none;
}
}
.working-block-style7 .inner-box .btn-circle-arrow:hover {
background-color: var(--theme-color1);
}