:root { --tj-ff-body: 'Lato', sans-serif;
--tj-ff-heading: 'Libre Franklin', serif;
--tj-ff-fontawesome: "Font Awesome 6 Pro"; --tj-fw-normal: normal;
--tj-fw-thin: 100;
--tj-fw-elight: 200;
--tj-fw-light: 300;
--tj-fw-regular: 400;
--tj-fw-medium: 500;
--tj-fw-sbold: 600;
--tj-fw-bold: 700;
--tj-fw-ebold: 800;
--tj-fw-black: 900; --tj-fs-body: 16px;
--tj-fs-p: 16px;
--tj-fs-h1: 72px;
--tj-fs-h2: 48px;
--tj-fs-h3: 32px;
--tj-fs-h4: 24px;
--tj-fs-h5: 20px;
--tj-fs-h6: 18px; --tj-color-common-white: #f7f7f7;
--tj-color-common-white-2: #a9b0b8;
--tj-color-common-black: #000000;
--tj-color-common-black-2: #676e7a;
--tj-color-common-black-3: #969ca5;
--tj-color-heading-primary: #051229;
--tj-color-text-body: #364052;
--tj-color-text-body-2: #7e8590;
--tj-color-theme-primary: #0075ff;
--tj-color-theme-dark: #051229;
--tj-color-theme-bg: #e1e8f0;
--tj-color-theme-bg-2: #dfecfd;
--tj-color-border-1: #27354d;
--tj-color-border-2: #ced7e0;
--tj-color-border-3: #d7d8db;
}  * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body,
html {
position: relative;
overflow-x: hidden;
}
body {
font-family: var(--tj-ff-body);
font-size: var(--tj-fs-body);
font-weight: normal;
color: var(--tj-color-text-body);
line-height: 1.6;
background-color: var(--tj-color-common-white);
}
html.lenis,
html.lenis body {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
a {
text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--tj-ff-heading);
color: var(--tj-color-heading-primary);
margin-top: 0px;
font-weight: var(--tj-fw-sbold);
line-height: 1.2;
letter-spacing: -0.025em;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
h1 {
font-size: var(--tj-fs-h1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
h1 {
font-size: 65px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
h1 {
font-size: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
h1 {
font-size: 40px;
}
}
@media (max-width: 575px) {
h1 {
font-size: 38px;
}
}
h2 {
font-size: var(--tj-fs-h2);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
h2 {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
h2 {
font-size: 35px;
}
}
@media (max-width: 575px) {
h2 {
font-size: 30px;
}
}
h3 {
font-size: var(--tj-fs-h3);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
h3 {
font-size: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
h3 {
font-size: 24px;
}
}
@media (max-width: 575px) {
h3 {
font-size: 22px;
}
}
h4 {
font-size: var(--tj-fs-h4);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
h4 {
font-size: 22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
h4 {
font-size: 20px;
}
}
h5 {
font-size: var(--tj-fs-h5);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
h5 {
font-size: 17px;
}
}
h6 {
font-size: var(--tj-fs-h6);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
h6 {
font-size: 16px;
}
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-size: inherit;
color: inherit;
font-weight: inherit;
line-height: inherit;
display: inline-block;
}
h1:hover a,
h2:hover a,
h3:hover a,
h4:hover a,
h5:hover a,
h6:hover a {
font-size: inherit;
color: inherit;
font-weight: inherit;
}
ul {
margin: 0px;
padding: 0px;
}
a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
h1,
h2,
h3,
h4,
h5,
h6 {
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
a:focus,
.button:focus {
text-decoration: none;
outline: none;
}
a:focus,
a:hover {
color: inherit;
text-decoration: none;
}
a,
button {
color: inherit;
outline: none;
border: none;
background: transparent;
}
button:hover {
cursor: pointer;
}
button:focus,
button:focus:not(:focus-visible) {
outline: 0;
box-shadow: 0 0 0;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
select,
.nice-select,
input:not([type=radio]):not([type=checkbox]),
textarea {
outline: none;
background-color: var(--tj-color-theme-bg);
height: auto;
width: 100%;
font-size: var(--tj-fs-body);
border: 1px solid var(--tj-color-theme-bg);
color: var(--tj-color-common-black);
padding: 10px 15px;
}
input[type=color] {
appearance: none;
background: none;
border: 0;
cursor: pointer;
height: 100%;
width: 100%;
padding: 0;
border-radius: 50%;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none !important;
}
* {
scrollbar-width: thin;
scrollbar-color: var(--tj-color-theme-primary) var(--tj-color-theme-bg);
}
::-webkit-scrollbar {
height: 4px;
width: 6px;
}
::-webkit-scrollbar-thumb {
background: var(--tj-color-theme-primary);
-webkit-border-radius: 1ex;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
background: transparent;
}
*::-moz-selection {
background: var(--tj-color-common-black);
color: var(--tj-color-common-white);
text-shadow: none;
}
::-moz-selection {
background: var(--tj-color-common-black);
color: var(--tj-color-common-white);
text-shadow: none;
}
::selection {
background: var(--tj-color-common-black);
color: var(--tj-color-common-white);
text-shadow: none;
}
*::-webkit-input-placeholder {
color: var(--tj-color-common-black);
font-size: var(--tj-fs-body);
opacity: 1;
}
*:-moz-placeholder {
color: var(--tj-color-common-black);
font-size: var(--tj-fs-body);
opacity: 1;
}
*::-moz-placeholder {
color: var(--tj-color-common-black);
font-size: var(--tj-fs-body);
opacity: 1;
}
*:-ms-input-placeholder {
color: var(--tj-color-common-black);
font-size: var(--tj-fs-body);
opacity: 1;
}
*::placeholder {
color: var(--tj-color-common-black);
font-size: var(--tj-fs-body);
opacity: 1;
} .section-space {
padding: 120px 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.section-space {
padding: 100px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.section-space {
padding: 80px 0;
}
}
.section-bottom-space {
padding-bottom: 120px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.section-bottom-space {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.section-bottom-space {
padding-bottom: 80px;
}
}
img {
max-width: 100%;
}
.w-img img {
width: 100%;
}
.m-img img {
max-width: 100%;
}
.fix {
overflow: hidden;
}
.rg-30 {
row-gap: 30px;
}
.rg-40 {
row-gap: 40px;
}
.rg-50 {
row-gap: 50px;
}
.rg-60 {
row-gap: 60px;
}
.rg-70 {
row-gap: 70px;
}
.rg-80 {
row-gap: 80px;
}
.mt-30 {
margin-top: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mb-40 {
margin-bottom: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mb-50 {
margin-bottom: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mb-60 {
margin-bottom: 60px;
}
.hover\:shine {
overflow: hidden;
position: relative;
z-index: 1;
}
.hover\:shine::before {
position: absolute;
content: "";
top: 0;
inset-inline-start: -140%;
bottom: 0;
width: 100%;
background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 0.3) 100%);
transform: skewX(-25deg);
transition: 0.5s ease;
z-index: 1;
}
.hover\:shine:is(:hover, :focus-within)::before {
animation: shine 1s ease forwards;
}
.move-anim {
animation: move 5s linear infinite;
}
.move-anim-2 {
animation: move-two 5s linear infinite;
}
.zoominout {
animation: zoom-effect 3s linear infinite;
}
.line-hover {
position: relative;
}
.line-hover::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: -2px;
inset-inline-start: 0;
transform-origin: right;
transform: scaleX(0);
background: var(--tj-color-common-white);
transition: transform 0.3s ease-in-out;
}
.line-hover.style-2::before {
background-color: var(--tj-color-heading-primary);
}
.line-hover:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.elementor:not(.elementor-edit-mode) .svg-animate svg path {
-webkit-animation-play-state: paused;
animation-play-state: paused;
opacity: 1;
} .tj-primary-btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
line-height: 1;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-dark);
padding: 5.5px;
border-radius: 50px;
position: relative;
z-index: 1;
}
.tj-primary-btn .btn_inner {
position: relative;
z-index: 1;
padding: 15px 20px 15px 55px;
width: 100%;
text-align: center;
}
.tj-primary-btn .btn_inner::before {
content: "";
position: absolute;
z-index: 0;
top: 0;
inset-inline-start: 0;
width: 45px;
height: 100%;
background-color: var(--tj-color-theme-primary);
border-radius: 50px;
transition: all 0.3s ease-in-out 0s;
}
.tj-primary-btn .btn_inner .btn_icon {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
inset-inline-start: 0;
top: 0;
min-width: 45px;
height: 100%;
z-index: 2;
font-size: 1.6em;
line-height: 1;
color: var(--tj-color-common-white);
}
.tj-primary-btn .btn_inner .btn_icon > span {
overflow: hidden;
position: relative;
display: inline-flex;
}
.tj-primary-btn .btn_inner .btn_icon > span i:first-child, .tj-primary-btn .btn_inner .btn_icon > span i:last-child {
transition: transform 0.4s ease-in-out 0s;
}
.tj-primary-btn .btn_inner .btn_icon > span i:last-child {
position: absolute;
transform: translateX(-150%);
}
.tj-primary-btn .btn_inner .btn_text {
display: inline-flex;
overflow: hidden;
color: var(--tj-color-common-white);
text-shadow: 0 23px 0 currentColor;
}
.tj-primary-btn .btn_inner .btn_text > span {
display: flex;
align-items: center;
backface-visibility: hidden;
transform: translateY(0);
transition: 0.5s;
}
.tj-primary-btn.white-btn {
background-color: var(--tj-color-common-white);
}
.tj-primary-btn.white-btn .btn_inner .btn_text {
color: var(--tj-color-heading-primary);
}
.tj-primary-btn.white-btn:hover .btn_inner .btn_text {
color: var(--tj-color-common-white);
}
.tj-primary-btn.header_btn {
background-color: var(--tj-color-common-white);
padding: 4.5px;
}
.tj-primary-btn.header_btn .btn_inner {
padding: 12px 18px 12px 50px;
}
.tj-primary-btn.header_btn .btn_inner::before {
width: 40px;
}
.tj-primary-btn.header_btn .btn_inner .btn_icon {
min-width: 40px;
font-size: 1.4em;
}
.tj-primary-btn.header_btn .btn_inner .btn_text {
color: var(--tj-color-heading-primary);
}
.tj-primary-btn:hover .btn_inner::before {
width: 100%;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}
.tj-primary-btn:hover .btn_inner .btn_icon i:first-child {
transform: translateX(150%);
}
.tj-primary-btn:hover .btn_inner .btn_icon i:last-child {
transform: translateX(0);
}
.tj-primary-btn:hover .btn_inner .btn_text {
color: var(--tj-color-common-white);
}
.tj-primary-btn:hover .btn_inner .btn_text > span {
transform: translateY(-24px);
}
@media (max-width: 575px) {
.tj-primary-btn {
padding: 4.5px;
}
.tj-primary-btn .btn_inner {
padding: 12px 18px 12px 50px;
}
.tj-primary-btn .btn_inner::before {
width: 40px;
}
.tj-primary-btn .btn_inner .btn_icon {
min-width: 40px;
font-size: 1.4em;
}
}
.text-btn {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-heading-primary);
position: relative;
z-index: 1;
}
.text-btn::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: 0px;
inset-inline-start: 0;
transform-origin: right;
transform: scaleX(0);
background-color: var(--tj-color-heading-primary);
transition: transform 0.3s ease-in-out;
}
.text-btn i {
position: relative;
font-size: 1.3em;
top: 1px;
}
.text-btn:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.icon-btn {
margin-top: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 22px;
line-height: 1;
color: var(--tj-color-common-white);
background-color: var(--tj-color-heading-primary);
overflow: hidden;
}
.icon-btn i,
.icon-btn svg {
display: inline-flex;
line-height: 1;
color: var(--tj-color-common-white);
}
.icon-btn i {
transform: rotate(-45deg) translateX(0);
transition: transform 0.3s ease-in-out;
text-shadow: -40px 0 0;
}
.icon-btn:hover i {
transform: rotate(-45deg) translateX(40px);
}
.icon-btn-2 {
font-weight: var(--tj-fw-bold);
color: var(--tj-color-theme-dark);
display: inline-flex;
align-items: center;
text-decoration: none;
gap: 8px;
overflow: hidden;
position: relative;
}
.icon-btn-2 .btn-icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-dark);
transition: background-color 0.3s ease-in-out 0s;
}
.icon-btn-2 .btn-text {
transform: translateX(-20px);
opacity: 0;
visibility: hidden;
white-space: nowrap;
transition: all 0.3s ease-in-out 0s;
}
.icon-btn-2:hover .btn-icon {
background-color: var(--tj-color-theme-primary);
}
.icon-btn-2:hover .btn-text {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.text-btn-2 {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 15px;
line-height: 1;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-heading-primary);
position: relative;
z-index: 1;
}
.text-btn-2 .icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border-radius: 50%;
background-color: var(--tj-color-theme-dark);
color: var(--tj-color-common-white);
font-size: 18px;
transition: all 0.3s;
}
.text-btn-2 .icon i,
.text-btn-2 .icon svg {
display: inline-flex;
line-height: 1;
}
.text-btn-2 > *:nth-child(1) {
transform: scale3d(0.5, 0.5, 1);
margin-inline-end: -28px;
background-color: var(--tj-color-theme-primary);
opacity: 0;
}
.text-btn-2 > *:nth-child(3) {
transform: scale3d(1, 1, 1);
margin-inline-start: 0;
opacity: 1;
}
.text-btn-2:hover > *:nth-child(1) {
transform: scale3d(1, 1, 1);
margin-inline-end: 0;
opacity: 1;
}
.text-btn-2:hover > *:nth-child(3) {
transform: scale3d(0.5, 0.5, 1);
margin-inline-start: -28px;
opacity: 0;
}  .cursor-outer {
margin-inline-start: -15px;
margin-top: -15px;
width: 30px;
height: 30px;
border: 2px solid var(--tj-color-theme-primary);
box-sizing: border-box;
z-index: 10000000;
opacity: 0.5;
transition: all 0.08s ease-out;
}
.mouseCursor {
position: fixed;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: 0;
pointer-events: none;
border-radius: 50%;
transform: translateZ(0);
visibility: hidden;
text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.mouseCursor {
display: none;
}
}
.cursor-inner {
margin-inline-start: -3px;
margin-top: -3px;
width: 6px;
height: 6px;
z-index: 10000001;
background-color: var(--tj-color-theme-primary);
transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner span {
color: var(--tj-color-common-white);
line-height: 120px;
opacity: 0;
font-size: 15px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.cursor-inner span {
line-height: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.cursor-inner span {
line-height: 50px;
}
}
.cursor-inner.cursor-big span {
opacity: 1;
}
.mouseCursor.cursor-big {
width: 120px;
height: 120px;
margin-inline-start: -40px;
margin-top: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.mouseCursor.cursor-big {
width: 80px;
height: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.mouseCursor.cursor-big {
width: 50px;
height: 50px;
}
}
.mouseCursor.cursor-big.cursor-outer {
display: none;
}
.mouseCursor.cursor-big.d-none {
display: none;
}
.project-slider-one,
.slider-drag .swiper-slide {
cursor: none;
}
.tj-cursor {
position: fixed;
z-index: 1000;
top: 0;
inset-inline-start: 0;
width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 50%;
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-cursor {
width: 80px;
height: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cursor {
width: 50px;
height: 50px;
}
}  .preloader {
position: fixed;
top: 0;
inset-inline-start: 0;
inset-inline-end: 0;
bottom: 0;
z-index: 9999999;
background-color: var(--tj-color-common-white);
display: flex;
align-items: center;
justify-content: center;
}
.preloader .loading-container,
.preloader .loading {
height: 100px;
position: relative;
width: 100px;
border-radius: 100%;
}
.preloader .loading-container {
margin: 40px auto;
}
.preloader .loading {
border: 1px solid transparent;
border-color: transparent var(--tj-color-theme-primary) transparent var(--tj-color-theme-primary);
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.preloader .loading-container:hover .loading,
.preloader .loading-container .loading {
transition: all 0.5s ease-in-out;
}
.preloader #loading-icon {
position: absolute;
top: 50%;
left: 50%;
max-width: 66px;
transform: translate(-50%, -50%);
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}  .tj-header-area {
position: relative;
background-color: var(--tj-color-theme-dark);
width: 100%;
inset-inline-start: 0;
top: 0;
z-index: 97;
}
.tj-header-area.wp-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.tj-header-area.header-absolute {
background-color: transparent;
border-bottom: 1px solid var(--tj-color-border-1);
position: absolute;
z-index: 98;
}
.tj-header-area.header-duplicate {
background-color: var(--tj-color-theme-dark);
box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.06);
position: fixed;
z-index: 99;
visibility: hidden;
transform: translateY(-120%);
transition: transform 500ms ease, visibility 500ms ease;
}
.tj-header-area.sticky {
transform: translateY(0);
visibility: visible;
z-index: 100;
}
.tj-header-area.header-1 .menu_btn {
color: var(--tj-color-common-white);
margin-inline-start: 10px;
}
.tj-header-area.header-2 {
border: none;
}
.tj-header-area.header-2 .header-bottom {
padding: 23px 45px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-header-area.header-2 .header-bottom {
padding: 20px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-2 .header-bottom {
padding: 15px 0;
}
}
.tj-header-area.header-2.header-absolute .header-wrapper {
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 0px 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-2.header-absolute .header-wrapper {
padding: 10px 15px;
}
}
.tj-header-area.header-2.header-duplicate .header-bottom {
padding: 0px 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-header-area.header-2.header-duplicate .header-bottom {
padding: 17px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-2.header-duplicate .header-bottom {
padding: 15px 0;
}
}
.tj-header-area.header-2 .header_right_info {
column-gap: 0;
}
.tj-header-area.header-2 .header_right_info > * {
position: relative;
z-index: 1;
}
.tj-header-area.header-2 .header_right_info > *:not(:last-child) {
padding-inline-end: 13px;
margin-inline-end: 12px;
}
.tj-header-area.header-2 .header_right_info > *:not(:last-child)::after {
content: "";
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
height: 12px;
width: 1px;
background-color: var(--tj-color-common-white);
opacity: 0.2;
}
.tj-header-area.header-2 .header_search {
color: var(--tj-color-common-white);
}
.tj-header-area.header-2 .header_search i {
color: var(--tj-color-common-white);
-webkit-transition: color 0.3s ease-in-out 0s;
-moz-transition: color 0.3s ease-in-out 0s;
-ms-transition: color 0.3s ease-in-out 0s;
-o-transition: color 0.3s ease-in-out 0s;
transition: color 0.3s ease-in-out 0s;
}
.tj-header-area.header-2 .menu_btn {
color: var(--tj-color-common-white);
}
.tj-header-area.header-3 {
border: none;
}
.tj-header-area.header-3 .header-bottom {
padding: 23px 45px;
padding-bottom: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-3 .header-bottom {
padding: 20px 0;
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-header-area.header-3 .header-bottom {
padding: 20px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-3 .header-bottom {
padding: 15px 0;
}
}
.tj-header-area.header-3.header-absolute .header-wrapper {
background: var(--tj-color-common-white);
padding: 0px 24px;
border-radius: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-3.header-absolute .header-wrapper {
padding: 0 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-3.header-absolute .header-wrapper {
padding: 10px 15px;
}
}
.tj-header-area.header-3.header-duplicate .header-bottom {
padding: 0px 45px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-3.header-duplicate .header-bottom {
padding: 0px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-3.header-duplicate .header-bottom {
padding: 15px 0;
}
}
.tj-header-area.header-3.header-duplicate .header_right_info .header_search {
color: var(--tj-color-common-white);
}
.tj-header-area.header-3.header-duplicate .header_right_info .header_search i {
color: var(--tj-color-common-white);
}
.tj-header-area.header-3.header-duplicate .header_right_info .menu_btn {
color: var(--tj-color-common-white);
}
.tj-header-area.header-3.header-duplicate .header_right_info > *:not(:last-child)::after {
background-color: var(--tj-color-border-2);
}
.tj-header-area.header-3.header-duplicate .menu_btn {
color: var(--tj-color-common-white);
}
.tj-header-area.header-3 .header_right_info {
column-gap: 0;
}
.tj-header-area.header-3 .header_right_info > * {
position: relative;
z-index: 1;
}
.tj-header-area.header-3 .header_right_info > *:first-child::after {
content: "";
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
height: 12px;
width: 1px;
background-color: var(--tj-color-border-1);
opacity: 0.2;
}
.tj-header-area.header-3 .header_right_info > *:not(:last-child) {
padding-inline-end: 13px;
margin-inline-end: 12px;
}
.tj-header-area.header-3 .header_right_info .header_search {
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-bold);
}
.tj-header-area.header-3 .header_right_info .header_search i {
color: var(--tj-color-heading-primary);
}
.tj-header-area .logo-space {
padding: 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area .logo-space {
padding: 0;
}
}
.header-topbar {
position: relative;
padding: 9px 45px;
background-color: var(--tj-color-theme-primary);
z-index: 2;
}
.header-topbar_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 6px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.header-topbar {
padding: 9px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.header-topbar {
padding: 12px 0;
}
.header-topbar .header-topbar_wrap {
justify-content: center;
text-align: center;
row-gap: 10px;
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.header-topbar {
display: none;
}
}
.topbar_note {
display: flex;
flex-wrap: wrap;
column-gap: 6px;
align-items: center;
font-size: 14px;
color: var(--tj-color-common-white);
}
.topbar_note > i {
display: inline-flex;
line-height: 1;
font-size: 1.4em;
}
.topbar_note a {
display: inline-flex;
align-items: center;
gap: 4px;
font-weight: var(--tj-fw-bold);
line-height: 1;
}
.topbar_note a > span {
position: relative;
}
.topbar_note a > span::after {
content: "";
position: absolute;
bottom: -2px;
inset-inline-end: 0;
width: 100%;
height: 1px;
background-color: var(--tj-color-common-white);
}
.topbar_note a i,
.topbar_note a svg {
font-size: 1.1em;
display: inline-flex;
line-height: 1;
margin-top: 1px;
}
.topbar_note a:hover span::after {
animation: linehover 0.8s linear;
}
@media (max-width: 575px) {
.topbar_note {
text-align: center;
justify-content: center;
}
}
.topbar_infos {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
}
.topbar_infos .info_item {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
font-size: 14px;
line-height: 1;
color: var(--tj-color-common-white);
}
.topbar_infos .info_item:not(:last-child) {
border-inline-end: 1px solid var(--tj-color-common-white);
padding-inline-end: 13px;
margin-inline-end: 12px;
}
.topbar_infos .info_item i,
.topbar_infos .info_item span {
display: inline-flex;
line-height: 1;
}
.topbar_infos .info_item a {
color: inherit;
font-size: inherit;
}
.topbar_infos .info_item select,
.topbar_infos .info_item .nice-select {
display: inline-flex;
align-items: center;
column-gap: 6px;
height: auto;
background-color: transparent;
padding: 0;
font-size: 14px;
line-height: 1;
border-radius: 0;
border: none;
color: var(--tj-color-common-white);
padding-inline-end: 17px;
}
.topbar_infos .info_item select::before,
.topbar_infos .info_item .nice-select::before {
content: "\e927";
font-family: "solvior-icons";
}
.topbar_infos .info_item select::after,
.topbar_infos .info_item .nice-select::after {
inset-inline-end: 0;
height: auto;
width: auto;
border: none;
content: "\e91a";
font-family: "solvior-icons";
transform: translateY(-50%) rotate(0);
margin-top: 0;
transform-origin: center;
}
.topbar_infos .info_item select.open::after,
.topbar_infos .info_item .nice-select.open::after {
transform: translateY(-50%) rotate(-180deg);
}
.topbar_infos .info_item select .list,
.topbar_infos .info_item .nice-select .list {
color: var(--tj-color-heading-primary);
width: 100%;
border-radius: 0;
}
.topbar_infos .info_item select .list .option,
.topbar_infos .info_item .nice-select .list .option {
display: flex;
align-items: center;
line-height: 1;
min-height: 30px;
padding: 10px;
background-color: transparent;
}
.topbar_infos .info_item select .list .option.selected,
.topbar_infos .info_item .nice-select .list .option.selected {
background-color: transparent;
}
@media (max-width: 575px) {
.topbar_infos {
text-align: center;
justify-content: center;
column-gap: 10px;
row-gap: 10px;
}
.topbar_infos .info_item:not(:last-child) {
border-inline-end: none;
padding-inline-end: 0;
margin-inline-end: 0;
}
}
.site-logo .logo {
display: inline-block;
max-width: 150px;
width: 100%;
}
.header-bottom {
padding: 0px 45px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.header-bottom {
padding: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.header-bottom {
padding: 17px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.header-bottom {
padding: 15px 0;
}
}
.header-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.mainmenu ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 30px;
}
.mainmenu ul > li {
position: relative;
z-index: 1;
}
.mainmenu ul > li > a {
display: flex;
align-items: center;
position: relative;
font-size: 16px;
color: var(--tj-color-common-white-2);
padding: 32px 0;
font-weight: var(--tj-fw-bold);
line-height: 1;
column-gap: 5px;
}
.mainmenu ul > li.menu-item-has-children > a::after, .mainmenu ul > li.has-dropdown > a::after {
content: "\e91a";
font-family: "solvior-icons";
transition: transform 0.4s;
}
.mainmenu ul > li.current-menu-ancestor > a, .mainmenu ul > li.current-menu-item > a, .mainmenu ul > li:hover > a {
color: var(--tj-color-theme-primary);
}
.mainmenu ul > li:hover > a::after {
transform: rotate(-180deg);
}
.mainmenu ul > li:hover > .sub-menu {
visibility: visible;
opacity: 1;
top: 100%;
pointer-events: inherit;
}
.mainmenu ul > li:hover > .sub-menu::before {
width: 100%;
}
.mainmenu ul > li > .sub-menu {
width: 250px;
background: var(--tj-color-common-white);
flex-direction: column;
align-items: start;
text-align: start;
gap: 0;
position: absolute;
padding: 10px 0;
z-index: 9;
top: 85%;
transition: 0.4s;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.mainmenu ul > li > .sub-menu::before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 0;
height: 3px;
background: var(--tj-color-theme-primary);
transition: 0.6s;
}
.mainmenu ul > li > .sub-menu > li {
width: 100%;
}
.mainmenu ul > li > .sub-menu > li > a {
width: 100%;
padding: 12px 15px;
color: var(--tj-color-text-body);
line-height: 1.3;
}
.mainmenu ul > li > .sub-menu > li > a::before {
position: absolute;
content: "";
width: 0;
height: 2px;
background: var(--tj-color-theme-primary);
top: 21px;
inset-inline-start: 15px;
transition: 0.4s;
}
.mainmenu ul > li > .sub-menu > li > a::after {
position: absolute;
inset-inline-end: 12px;
}
.mainmenu ul > li > .sub-menu > li.menu-item-has-children > a, .mainmenu ul > li > .sub-menu > li.has-dropdown > a {
padding: 12px 28px 12px 15px;
}
.mainmenu ul > li > .sub-menu > li.menu-item-has-children > a::after, .mainmenu ul > li > .sub-menu > li.has-dropdown > a::after {
content: "\e91c";
transition: none;
}
.mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a, .mainmenu ul > li > .sub-menu > li.current-menu-item > a, .mainmenu ul > li > .sub-menu > li:hover > a {
color: var(--tj-color-theme-primary);
padding-inline-start: 36px;
padding-inline-end: 5px;
}
.mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a::before, .mainmenu ul > li > .sub-menu > li.current-menu-item > a::before, .mainmenu ul > li > .sub-menu > li:hover > a::before {
width: 12px;
}
.mainmenu ul > li > .sub-menu > li.current-menu-ancestor > a::after, .mainmenu ul > li > .sub-menu > li.current-menu-item > a::after, .mainmenu ul > li > .sub-menu > li:hover > a::after {
transform: rotate(0);
}
.mainmenu ul > li > .sub-menu > li > .sub-menu {
top: -15%;
inset-inline-start: 100%;
}
.mainmenu ul > li > .sub-menu > li:hover > .sub-menu {
top: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.mainmenu ul {
gap: 18px;
}
.mainmenu ul > li > a {
column-gap: 3px;
}
}
.mainmenu.menu-3 ul > li > a {
color: #676e7a;
}
.mainmenu.menu-3 ul > li.current-menu-ancestor > a, .mainmenu.menu-3 ul > li.current-menu-item > a, .mainmenu.menu-3 ul > li:hover > a {
color: var(--tj-color-theme-primary);
}
.header_right_info {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: end;
column-gap: 30px;
row-gap: 20px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.header_right_info {
column-gap: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.header_right_info {
margin-inline-start: auto;
}
}
.header_contact {
display: inline-flex;
gap: 8px;
align-items: center;
}
.header_contact .icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background-color: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(50px);
font-size: 16px;
line-height: 1;
color: var(--tj-color-common-white);
transition: all 0.4s ease-in-out 0s;
}
.header_contact .text {
display: inline-flex;
line-height: 1;
color: var(--tj-color-common-white);
}
.header_contact:hover .icon {
background-color: var(--tj-color-theme-primary);
}
.header_search {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--tj-color-common-white-2);
font-size: 16px;
font-weight: var(--tj-fw-bold);
line-height: 1;
background-color: transparent;
border: none;
outline: none;
box-shadow: 0 0 0;
}
.header_search i {
display: inline-flex;
color: var(--tj-color-common-white-2);
line-height: 1;
font-size: 18px;
}
.menu_btn {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: var(--tj-fw-bold);
line-height: 1;
color: var(--tj-color-heading-primary);
}
.menu_btn i {
display: inline-flex;
line-height: 1;
font-size: 22px;
}
.sidebar-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.sidebar-menu .menu-btn {
font-size: 16px;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-bold);
}
.sidebar-menu .menu-btn span {
font-size: 20px;
}
.cubes {
display: flex;
flex-wrap: wrap;
width: 21px;
gap: 2px;
}
.cubes span {
width: 9px;
height: 9px;
border-radius: 3px;
border: 2px solid var(--tj-color-theme-dark);
}
.cubes span:nth-child(2) {
box-shadow: inset 0 0 0 2px var(--tj-color-theme-dark);
border: 0;
transform: rotate(45deg);
transition: all 0.3s ease-in-out;
}
.tj-header-area.header-1 .menu_btn .cubes span, .tj-header-area.header-2 .menu_btn .cubes span, .tj-header-area.header-duplicate .menu_btn .cubes span {
border-color: var(--tj-color-common-white);
}
.tj-header-area.header-1 .menu_btn .cubes span:nth-child(2), .tj-header-area.header-2 .menu_btn .cubes span:nth-child(2), .tj-header-area.header-duplicate .menu_btn .cubes span:nth-child(2) {
box-shadow: inset 0 0 0 2px var(--tj-color-common-white);
}
.menu_btn:hover .cubes span:nth-child(2) {
animation: bounceTwice 0.6s linear forwards;
}
@keyframes bounceTwice {
0% {
transform: rotate(45deg) translateY(0);
}
25% {
transform: rotate(0deg) translateY(-3px);
}
50% {
transform: rotate(0deg) translateY(0);
}
75% {
transform: rotate(0deg) translateY(-3px);
}
100% {
transform: rotate(0deg) translateY(0);
}
}
.site-logo.has-text {
display: inline-flex;
align-items: center;
}
.site-logo .logo-text {
margin: 0;
font-size: 40px;
}
.header-duplicate .logo-text {
color: var(--tj-color-common-white);
}  .mainmenu ul > li.has-mega-menu,
.mobile_menu ul > li.has-mega-menu {
position: static;
}
.mainmenu ul > li.has-mega-menu::before,
.mobile_menu ul > li.has-mega-menu::before {
display: none;
}
.mainmenu ul > li > .mega-menu,
.mobile_menu ul > li > .mega-menu {
max-width: 1920px;
width: 100%;
left: 50%;
transform: translateX(-50%);
padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.mainmenu ul > li > .mega-menu,
.mobile_menu ul > li > .mega-menu {
transform: translateX(0);
}
.mainmenu ul > li > .mega-menu li,
.mobile_menu ul > li > .mega-menu li {
padding-inline-start: 0 !important;
}
}
.mainmenu ul > li > .mega-menu::before,
.mobile_menu ul > li > .mega-menu::before {
display: none;
}
.mainmenu ul > li > .mega-menu .col-xl-3,
.mobile_menu ul > li > .mega-menu .col-xl-3 {
width: 20%;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.mainmenu ul > li > .mega-menu .col-xl-3,
.mobile_menu ul > li > .mega-menu .col-xl-3 {
width: 25%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.mainmenu ul > li > .mega-menu .col-xl-3,
.mobile_menu ul > li > .mega-menu .col-xl-3 {
width: 100%;
}
}
.mainmenu ul > li > .mega-menu-pages,
.mobile_menu ul > li > .mega-menu-pages {
width: calc(100% - 30px);
max-width: 1320px;
padding: 0;
margin: 0 auto;
}
.mega-menu .tj-sidebar-widget {
border: 0;
}
.mega-menu .tj-sidebar-cta {
height: 460px;
}
@media (max-width: 575px) {
.mega-menu .tj-sidebar-cta {
height: 400px;
padding: 30px 15px;
}
}
.mega-menu-title {
font-size: 16px;
font-family: var(--tj-ff-body);
padding-bottom: 10px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.mega-menu-title {
color: var(--tj-color-common-white);
}
}
.mega-menu-title::before {
position: absolute;
content: "";
width: 32px;
height: 3px;
background: var(--tj-color-border-2);
bottom: 0px;
inset-inline-start: 0;
}
.mega-menu-title::after {
position: absolute;
content: "";
width: 4px;
height: 3px;
background: var(--tj-color-common-white);
bottom: 0px;
inset-inline-start: 20px;
}
.mega-menu-list {
display: flex;
flex-direction: column;
}
.mega-menu-list a {
font-weight: var(--tj-fw-bold);
color: var(--tj-color-common-black-2);
padding: 12px 0;
line-height: 1;
position: relative;
}
.mega-menu-list a:has(.mega-menu-badge) {
display: flex;
gap: 5px;
align-items: center;
}
.mega-menu-list a::before {
position: absolute;
content: "";
width: 0;
height: 2px;
background: var(--tj-color-theme-primary);
top: 21px;
inset-inline-start: 0;
transition: 0.4s;
}
.mega-menu-list a:hover, .mega-menu-list a.active {
color: var(--tj-color-theme-primary);
padding-inline-start: 20px;
}
.mega-menu-list a:hover::before, .mega-menu-list a.active::before {
width: 12px;
}
.mega-menu-badge {
font-size: 10px;
line-height: 1;
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
padding: 3px 7px;
border-radius: 40px;
}
.mega-menu-badge.badge-hot {
background-color: #ff0000;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.mega-menu .row {
--bs-gutter-x: 20px;
}
.mega-menu .rg-30 {
row-gap: 20px;
}
}
.mega-menu-service {
width: 346px;
padding: 15px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.mega-menu-service {
width: 100%;
margin-inline-start: 0;
}
}
.mega-menu-service a {
display: flex;
align-items: center;
gap: 12px;
padding: 15px 25px;
border-bottom: 1px solid var(--tj-color-border-2);
font-weight: 700;
}
.mega-menu-service a:last-child {
border-bottom: 0;
}
.mega-menu-service:hover a {
padding-inline-start: 25px;
}
.mega-menu-service:hover a::before {
display: none;
}
.mega-menu-service-single .mega-menu-service-icon {
width: 54px;
height: 54px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: relative;
z-index: 2;
text-align: center;
background-color: var(--tj-color-theme-bg);
color: var(--tj-color-theme-primary);
font-size: 40px;
flex-shrink: 0;
transition: 0.4s ease-in-out 0s;
}
.mega-menu-service-single .mega-menu-service-title {
line-height: 1.375;
max-width: 152px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.mega-menu-service-single .mega-menu-service-title {
max-width: 156px;
}
}
.mega-menu-service-single .mega-menu-service-nav {
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
min-width: 45px;
height: 100%;
z-index: 2;
font-size: 1.6em;
line-height: 1;
color: var(--tj-color-theme-dark);
transform: rotate(-45deg) translate(23px, 25px);
opacity: 0;
transition: all 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.mega-menu-service-single .mega-menu-service-nav {
color: var(--tj-color-common-white);
transform: rotate(-45deg) translate(56px, 73px);
}
}
@media (max-width: 575px) {
.mega-menu-service-single .mega-menu-service-nav {
color: var(--tj-color-common-white);
transform: rotate(-45deg) translate(-1px, 19px);
}
}
.mega-menu-service-single .mega-menu-service-nav i {
transition: transform 0.4s ease-in-out 0s;
}
.mega-menu-service-single .mega-menu-service-nav i:last-child {
position: absolute;
transform: translateX(-150%);
}
.mega-menu-service-single .mega-menu-service-nav:hover i:first-child {
transform: translateX(150%);
}
.mega-menu-service-single .mega-menu-service-nav:hover i:last-child {
transform: translateX(0);
}
.mega-menu-service-single:hover .mega-menu-service-icon {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.mega-menu-service-single:hover .mega-menu-service-nav {
opacity: 1;
}
.tj-demo-thumb {
padding: 9px 9px 20px;
position: relative;
z-index: 1;
border: 1px solid var(--tj-color-border-2);
transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-demo-thumb {
border-color: var(--tj-color-border-1);
}
}
.tj-demo-thumb .image {
max-width: 596px;
width: 100%;
position: relative;
transition: 0.4s;
border-radius: 12px;
}
.tj-demo-thumb .image::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
background: var(--tj-color-theme-dark);
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.tj-demo-thumb .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-demo-thumb .image {
max-width: 100%;
}
}
.tj-demo-thumb .tj-demo-title {
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-sbold);
font-size: 16px;
text-align: center;
margin-top: 20px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-demo-thumb .tj-demo-title {
font-size: 14px;
}
}
.tj-demo-thumb .tj-demo-title a {
color: var(--tj-color-heading-primary);
}
.tj-demo-thumb .tj-demo-title a:hover {
color: var(--tj-color-theme-primary);
}
.tj-demo-thumb:not(.coming):hover .image::before {
opacity: 0.6;
visibility: visible;
}
.tj-demo-thumb:not(.coming):hover .tj-demo-button {
top: 50%;
opacity: 1;
visibility: visible;
}
@media (max-width: 575px) {
.tj-demo-thumb {
padding: 15px 15px 25px;
}
}
.tj-demo-thumb.coming .image::before {
display: none;
}
.tj-demo-thumb .tj-demo-badge {
font-size: 14px;
line-height: 1;
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
background-color: #ff0000;
padding: 3px 7px;
border-radius: 40px;
position: absolute;
inset-inline-start: 11px;
top: 11px;
}
.tj-demo-button {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: ease-out 0.4s;
}
.tj-demo-button .tj-primary-btn.header_btn {
width: 154px;
}
.hamburger_menu .mean-container .mean-nav ul li .rg-30 {
row-gap: 20px;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a {
display: inline-flex;
float: none;
border-bottom: 0;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a:has(.mega-menu-badge),
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a:has(.mega-menu-badge) {
gap: 5px;
align-items: center;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a.tj-primary-btn,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a.tj-primary-btn {
padding: 4.5px;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a .mega-menu-badge,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a .mega-menu-badge {
font-size: 10px;
line-height: 1;
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
padding: 3px 7px;
border-radius: 40px;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li a .mega-menu-badge-hot,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a .mega-menu-badge-hot {
background-color: var(--tj-color-red-1);
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu li .tj-demo-title a,
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service .tj-demo-title a {
padding: 0;
text-align: center;
justify-content: center;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-service a.mega-menu-service-single {
border-bottom: 1px solid var(--tj-color-border-1);
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages-single .mega-menu-title::after {
background-color: var(--tj-color-theme-dark);
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages-single a:not(.tj-primary-btn) {
width: 100%;
padding: 18px 0;
text-transform: capitalize;
color: var(--tj-color-common-white);
border-bottom: 1px solid var(--tj-color-border-1);
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages-single a:not(.tj-primary-btn)::before {
display: none;
}
.hamburger_menu .mean-container .mean-nav ul li .mega-menu-pages-single a:not(.tj-primary-btn):hover {
color: var(--tj-color-text-body);
padding: 18px 0;
}
.hamburger_menu .mean-container .mean-nav ul li .cta-btn .tj-primary-btn {
width: auto;
}  .search_popup {
position: fixed;
top: 0;
inset-inline-start: 0;
width: 100%;
background-color: var(--tj-color-theme-dark);
z-index: 100;
padding-top: 60px;
padding-bottom: 90px;
opacity: 0;
-webkit-transform: translateY(calc(-100% - 80px));
-moz-transform: translateY(calc(-100% - 80px));
-ms-transform: translateY(calc(-100% - 80px));
-o-transform: translateY(calc(-100% - 80px));
transform: translateY(calc(-100% - 80px));
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
transition-delay: 0.5s;
z-index: 9999;
}
.search_popup .search_close {
position: absolute;
top: 36px;
inset-inline-end: 36px;
}
.search_popup .search_close .search_close_btn {
font-size: 24px;
line-height: 1;
color: var(--tj-color-common-white);
}
.search_popup .search_close .search_close_btn svg {
width: 24px;
height: 24px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.search_popup .search_close .search_close_btn svg path {
fill: var(--tj-color-common-white);
}
.search_popup .search_close .search_close_btn svg:hover {
transform: rotate(90deg);
}
.search_popup .search_close .search_close_btn svg:hover path {
fill: var(--tj-color-theme-primary);
}
.search_popup.search-opened {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
transition-delay: 0s;
}
.search_popup.search-opened .search_form .search_input {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
transition-delay: 0.3s;
}
.search_popup.search-opened .search_form .search_input::after {
width: 100%;
transition-delay: 0.5s;
}
.tj_search_wrapper .search_form form .search_input {
position: relative;
z-index: 1;
}
.tj_search_wrapper .search_form form .search_input .title {
color: var(--tj-color-common-white);
margin-bottom: 30px;
}
.tj_search_wrapper .search_form form .search_input .search-box {
position: relative;
z-index: 1;
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search] {
width: 100%;
font-family: var(--tj-ff-body);
color: var(--tj-color-common-white);
border: 1px solid var(--tj-color-border-1);
background: transparent;
padding: 20px 75px 20px 24px;
-webkit-appearance: textfield;
appearance: textfield;
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]::placeholder {
color: var(--tj-color-common-white-2);
}
.tj_search_wrapper .search_form form .search_input .search-box input[type=search]:focus {
border: 1px solid var(--tj-color-theme-primary);
}
.tj_search_wrapper .search_form form .search_input .search-box button {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
max-width: 62px;
font-size: 22px;
line-height: 1;
color: var(--tj-color-common-white);
border-inline-start: 1px solid var(--tj-color-border-1);
width: 100%;
height: 100%;
}
.tj_search_wrapper .search_form form .search_input .search-box button i {
display: inline-flex;
line-height: 1;
}
.tj_search_wrapper .search_form form .search_input .search-box button:hover {
color: var(--tj-color-theme-primary);
}
.search-popup-overlay {
position: fixed;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
z-index: 99;
-webkit-transform: translateY(calc(-100% - 80px));
-moz-transform: translateY(calc(-100% - 80px));
-ms-transform: translateY(calc(-100% - 80px));
-o-transform: translateY(calc(-100% - 80px));
transform: translateY(calc(-100% - 80px));
transition: all 0.5s ease-in-out 0s;
transition-delay: 0.3s;
}
.search-popup-overlay.opened {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}  .hamburger-area {
position: fixed;
inset-inline-end: -490px;
top: 0;
width: 450px;
height: 100%;
box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-duration: 1s;
z-index: 9999;
-ms-overflow-style: none;
scrollbar-width: none;
overflow-y: scroll;
}
.hamburger-area::-webkit-scrollbar {
display: none;
}
.hamburger-area.opened {
inset-inline-end: 0px;
}
@media (max-width: 575px) {
.hamburger-area {
width: 320px;
}
}
.hamburger_bg {
height: 100%;
width: 100%;
position: absolute;
top: 0;
inset-inline-start: 0;
background-color: var(--tj-color-theme-dark);
z-index: -1;
backdrop-filter: blur(37px);
}
.hamburger_wrapper {
position: relative;
padding: 45px 45px 90px 45px;
overflow: auto;
height: 100%;
}
@media (max-width: 575px) {
.hamburger_wrapper {
padding: 40px 20px 60px 20px;
}
}
.hamburger_top {
margin-bottom: 40px;
}
.hamburger_close_btn {
display: inline-block;
font-size: 35px;
line-height: 1;
color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
.hamburger_close_btn {
font-size: 30px;
}
}
.hamburger_close_btn:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
color: var(--tj-color-theme-primary);
}
.hamburger_search {
position: relative;
margin-bottom: 30px;
}
.hamburger_search select,
.hamburger_search .nice-select,
.hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.hamburger_search input {
width: 100%;
height: 60px;
line-height: 60px;
padding: 0 25px;
background: rgba(247, 247, 247, 0.1);
border: none;
outline: none;
font-size: 18px;
color: var(--tj-color-common-white);
border: 1px solid transparent;
}
.hamburger_search select::-ms-input-placeholder,
.hamburger_search .nice-select::-ms-input-placeholder,
.hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox])::-ms-input-placeholder,
.hamburger_search input::-ms-input-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.hamburger_search select::placeholder,
.hamburger_search .nice-select::placeholder,
.hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder,
.hamburger_search input::placeholder {
color: rgba(255, 255, 255, 0.6);
}
.hamburger_search select:focus,
.hamburger_search .nice-select:focus,
.hamburger_search input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.hamburger_search input:focus {
border: 1px solid var(--tj-color-theme-primary);
}
.hamburger_search button {
position: absolute;
top: 50%;
inset-inline-end: 25px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
color: var(--tj-color-common-white);
}
.hamburger_menu {
display: block;
width: 100%;
}
.hamburger_menu .mean-container .mean-bar {
background: transparent;
box-sizing: border-box;
margin-bottom: 10px;
}
.hamburger_menu .mean-container .mean-bar * {
box-sizing: border-box;
}
.hamburger_menu .mean-nav {
background: transparent;
margin-top: 0;
overflow: hidden;
}
.hamburger_menu .mean-nav > ul {
display: block !important;
}
.hamburger_menu .mean-nav > ul > li:first-child > a {
border-top: none;
}
.hamburger_menu .mean-nav ul li {
position: relative;
}
.hamburger_menu .mean-nav ul li a {
color: var(--tj-color-common-white);
width: 100%;
padding: 18px 0;
border-top: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
font-weight: var(--tj-fw-bold);
font-size: 16px;
line-height: 1;
text-transform: capitalize;
transition: all 0.4s ease-in-out 0s;
}
.hamburger_menu .mean-nav ul li a:hover {
color: var(--tj-color-theme-secondary);
}
.hamburger_menu .mean-nav ul li a.mean-expand {
padding: 0;
width: 30px;
height: 30px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1em;
position: absolute;
inset-inline-end: 0;
top: 10px;
transition: all 0.4s ease-in-out 0s;
}
.hamburger_menu .mean-nav ul li a.mean-expand:hover {
color: var(--tj-color-common-white);
}
.hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked {
color: var(--tj-color-theme-primary);
transform: rotate(-180deg);
}
.hamburger_menu .mean-nav ul li .sub-menu li {
padding-inline-start: 25px;
position: relative;
}
.hamburger_menu .mean-nav ul li .sub-menu li a {
width: 100%;
padding: 18px 0;
text-transform: capitalize;
}
.hamburger_menu .mean-nav ul li .sub-menu li a.mean-expand {
padding: 0;
width: 30px;
}
.hamburger_menu .mean-nav ul li.dropdown-opened > a {
color: var(--tj-color-theme-primary);
}
.hamburger-desc {
color: var(--tj-color-common-black-3);
margin-bottom: 40px;
}
.hamburger-infos {
margin-top: 20px;
}
.hamburger-title {
color: var(--tj-color-common-white);
font-size: 25px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.header-contact-info {
margin-bottom: 50px;
}
.header-contact-info .contact_item {
padding-top: 20px;
}
.header-contact-info .contact_item:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-contact-info .contact_item .subtitle {
display: block;
color: var(--tj-color-common-black-3);
font-size: 15px;
line-height: 1;
margin-bottom: 8px;
}
.header-contact-info .contact_item .text {
color: var(--tj-color-common-white);
font-size: 20px;
line-height: 1;
}
.header-contact-info .contact_item .text a {
display: inline-flex;
color: inherit;
}
.header-contact-info .contact_item .text a:hover {
color: var(--tj-color-theme-primary);
}
.hamburger-socials ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.hamburger-socials ul li a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
border-radius: 50%;
color: var(--tj-color-heading-primary);
background: rgba(247, 247, 247, 0.3);
font-size: 16px;
line-height: 1;
transform: translateY(0);
}
.hamburger-socials ul li a i {
color: var(--tj-color-heading-primary);
}
.hamburger-socials ul li a:hover {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
transform: translateY(-5px);
}
.hamburger-socials ul li a:hover i {
color: var(--tj-color-common-white);
}
.hamburger_logo .mobile_logo {
display: inline-block;
max-width: 120px;
width: 100%;
}
.menu-bar button {
height: 25px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
transform-origin: center center;
transform: rotate(0deg);
cursor: pointer;
transition: transform 300ms ease;
}
.menu-bar button span {
height: 3px;
width: 35px;
display: block;
background: var(--tj-color-common-white);
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
margin-inline-start: auto;
}
.menu-bar button span:nth-child(2) {
width: 40px;
transition-delay: 200ms;
}
.menu-bar button span:nth-child(3) {
width: 30px;
}
.menu-bar button span:nth-child(4) {
position: absolute;
top: -8px;
inset-inline-start: 50%;
transform: translateX(-50%);
display: block;
width: 3px;
height: 0;
transition: height 400ms;
}
.menu-bar.style-2 button span {
background: var(--tj-color-heading-primary);
}
.menu-bar.menu-bar-toggeled button {
transform: rotate(45deg);
transition-delay: 400ms;
}
.menu-bar.menu-bar-toggeled button span:nth-child(1) {
width: 0;
}
.menu-bar.menu-bar-toggeled button span:nth-child(3) {
width: 0;
}
.menu-bar.menu-bar-toggeled button span:nth-child(4) {
height: 40px;
transition: height 200ms ease;
transition-delay: 200ms;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.menu-bar {
margin-inline-start: 0;
}
}
.body-overlay {
height: 100%;
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
inset-inline-start: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-out 0s;
backdrop-filter: blur(10px);
}
.body-overlay.opened {
opacity: 1;
visibility: visible;
}  .tj-footer-area {
position: relative;
background: var(--tj-color-theme-dark);
border-top: 1px solid var(--tj-color-border-1);
z-index: 1;
}
.tj-footer-area.footer-2 {
border-top: 0;
}
.tj-footer-area.footer-2 .footer-top-area .line::before {
inset-inline-end: unset;
inset-inline-start: 30%;
}
.footer-top-area {
position: relative;
padding-top: 80px;
padding-bottom: 80px;
z-index: 1;
}
.footer-top-area .line {
position: relative;
z-index: 1;
}
.footer-top-area .line::before {
position: absolute;
content: "";
width: 1px;
height: 200%;
top: -100px;
inset-inline-end: 32%;
background: var(--tj-color-border-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-top-area::before {
inset-inline-start: 68%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-top-area .line::before {
display: none;
}
}
.footer-widget.footer1-col-4 {
padding-inline-start: 80px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.footer-widget.footer1-col-4 {
padding-inline-start: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget.footer1-col-4 {
padding-inline-start: 0px;
}
}
.footer-widget.footer2-col-1 {
padding-inline-end: 80px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget.footer2-col-1 {
padding-inline-end: 0;
}
}
.footer-widget.footer2-col-2 {
padding-inline-start: 38px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget.footer2-col-2 {
padding-inline-start: 0;
}
}
.footer-widget.footer2-col-4 {
padding-inline-start: 35px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget.footer2-col-4 {
padding-inline-start: 0;
}
}
.footer-widget .wp-block-tag-cloud a,
.footer-widget .tagcloud a {
font-size: 16px !important;
}
.footer-widget .footer-title .title {
color: var(--tj-color-common-white);
margin-bottom: 40px;
font-size: 20px;
letter-spacing: -0.025em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget .footer-title .title {
margin-bottom: 25px;
}
}
.footer-widget.widget_nav_menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer-widget.widget_nav_menu ul li {
margin-bottom: 15px;
width: 100%;
}
.footer-widget.widget_nav_menu ul li:last-child {
margin-bottom: 0;
}
.footer-widget.widget_nav_menu ul li a {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-white-2);
}
.footer-widget.widget_nav_menu ul li a span {
display: inline-block;
font-size: 10px;
text-transform: uppercase;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-bold);
background-color: var(--tj-color-theme-primary);
padding: 4px 6px;
border-radius: 40px;
line-height: 1;
}
.footer-widget.widget_nav_menu ul li a:hover {
color: var(--tj-color-theme-primary);
padding-inline-start: 5px;
}
.footer-widget.widget_nav_menu ul li ul {
margin-top: 15px;
padding-inline-start: 20px;
}
.footer-widget .newsletter-title {
max-width: 240px;
width: 100%;
margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget .newsletter-title {
max-width: 100%;
}
}
.footer-widget .newsletter-title .title {
font-size: 32px;
font-weight: var(--tj-fw-sbold);
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget .newsletter-title .title {
margin-bottom: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.footer-widget .newsletter-title .title {
font-size: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget .newsletter-title .title {
font-size: 20px;
}
}
.footer-widget .newsletter-form {
position: relative;
z-index: 2;
}
.footer-widget .newsletter-form .form-input {
position: relative;
z-index: 2;
}
.footer-widget .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.footer-widget .newsletter-form .form-input input[type=email] {
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-regular);
font-size: 16px;
padding: 20px 80px 20px 25px;
background: rgba(247, 247, 247, 0.1);
border: 1px solid transparent;
}
.footer-widget .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox])::-ms-input-placeholder,
.footer-widget .newsletter-form .form-input input[type=email]::-ms-input-placeholder {
color: var(--tj-color-common-white-2);
font-weight: var(--tj-fw-regular);
font-size: 16px;
}
.footer-widget .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder,
.footer-widget .newsletter-form .form-input input[type=email]::placeholder {
color: var(--tj-color-common-white-2);
font-weight: var(--tj-fw-regular);
font-size: 16px;
}
.footer-widget .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.footer-widget .newsletter-form .form-input input[type=email]:focus {
border: 1px solid var(--tj-color-theme-primary);
}
.footer-widget .newsletter-form .form-input button {
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: 25px;
font-size: 24px;
color: var(--tj-color-theme-primary);
}
.footer-widget .newsletter-form .form-input button::before {
content: "";
position: absolute;
width: 1px;
height: 55%;
top: 50%;
inset-inline-start: -16px;
background: var(--tj-color-border-1);
transform: translate(0, -50%);
}
.footer-widget .newsletter-form .form-input button i {
transition: transform 0.3s ease-in-out;
}
.footer-widget .newsletter-form .form-input button:hover i {
transform: rotate(40deg);
}
.footer-widget .footer-logo {
max-width: 150px;
}
.footer-widget .desc {
max-width: 310px;
margin-top: 40px;
margin-bottom: 0;
color: var(--tj-color-common-white-2);
}
.footer-widget .footer-social {
margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-widget .footer-social {
margin-top: 60px;
}
}
.footer-widget .footer-social .title {
font-size: 20px;
font-weight: 600;
color: var(--tj-color-common-white);
margin-bottom: 24px;
}
.footer-widget .footer-social ul {
list-style: none;
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.footer-widget .footer-social ul li a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
line-height: 1;
color: var(--tj-color-heading-primary);
background: rgba(247, 247, 247, 0.3);
border-radius: 50%;
}
.footer-widget .footer-social ul li a i {
color: var(--tj-color-heading-primary);
}
.footer-widget .footer-social ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.footer-widget .footer-social ul li a:hover i {
color: var(--tj-color-common-white);
}
.footer-contact-infos .infos-item {
max-width: 230px;
width: 100%;
}
.footer-contact-infos .infos-item:not(:last-child) {
margin-bottom: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-contact-infos .infos-item:not(:last-child) {
margin-bottom: 20px;
}
}
.footer-contact-infos .infos-item span {
display: inline-block;
font-size: 14px;
color: var(--tj-color-common-black-2);
font-weight: var(--tj-fw-regular);
margin-bottom: 6px;
}
.footer-contact-infos .infos-item p {
font-size: 16px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-white-2);
margin-bottom: 6px;
}
.footer-contact-infos .infos-item a {
font-size: 16px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-white);
position: relative;
z-index: 1;
}
.footer-contact-infos .infos-item a::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: -2px;
inset-inline-start: 0;
transform-origin: right;
transform: scaleX(0);
background: var(--tj-color-common-white);
transition: transform 0.3s ease-in-out;
}
.footer-contact-infos .infos-item a:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.footer-copyright-area {
background-color: rgba(247, 247, 247, 0.1);
padding: 28px 0;
}
.copyright-content-area {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 20px;
row-gap: 10px;
justify-content: space-between;
}
.copyright-content-area .copyright-text p {
font-size: 16px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-white-2);
margin-bottom: 0;
}
.copyright-content-area .copyright-text p a {
color: var(--tj-color-common-white);
}
.copyright-content-area .copyright-text p a:hover {
color: var(--tj-color-theme-primary);
}
.copyright-content-area .copyright-text p i {
color: var(--tj-color-common-white);
margin-inline-end: 5px;
}
.copyright-content-area .copyright-socails ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
gap: 6px;
}
.copyright-content-area .copyright-socails ul li a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
line-height: 1;
color: var(--tj-color-heading-primary);
background: rgba(247, 247, 247, 0.3);
border-radius: 50%;
}
.copyright-content-area .copyright-socails ul li a i {
color: var(--tj-color-heading-primary);
}
.copyright-content-area .copyright-socails ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.copyright-content-area .copyright-socails ul li a:hover i {
color: var(--tj-color-common-white);
}
.copyright-content-area .copyright-menu ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
}
.copyright-content-area .copyright-menu ul li {
position: relative;
margin-inline-end: 8px;
padding-inline-end: 12px;
z-index: 1;
}
.copyright-content-area .copyright-menu ul li::before {
position: absolute;
content: "";
width: 4px;
height: 4px;
top: 50%;
inset-inline-end: 0;
background: var(--tj-color-common-white-2);
border-radius: 50%;
}
.copyright-content-area .copyright-menu ul li a {
font-size: 16px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-white-2);
}
.copyright-content-area .copyright-menu ul li a:hover {
color: var(--tj-color-common-white);
}
.copyright-content-area .copyright-menu ul li:last-child {
padding-inline-end: 0;
margin-inline-end: 0;
}
.copyright-content-area .copyright-menu ul li:last-child::before {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.copyright-content-area {
justify-content: center;
align-items: center;
}
}
.copyright-2 {
padding-inline-start: 11%;
padding-top: 28px;
padding-bottom: 28px;
overflow: hidden;
}
.copyright-2 .copyright-content-area {
max-width: 820px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.copyright-2 .copyright-content-area {
max-width: 720px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
.copyright-2 .copyright-content-area {
margin: 0 auto;
justify-content: space-between;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.copyright-2 .copyright-content-area {
max-width: 960px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.copyright-2 .copyright-content-area {
max-width: 720px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.copyright-2 .copyright-content-area {
max-width: 540px;
}
}
@media (max-width: 575px) {
.copyright-2 .copyright-content-area {
max-width: 100%;
margin: 0 auto;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.copyright-2 {
padding-inline-start: 9%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.copyright-2 {
padding-inline-start: 6%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.copyright-2 {
padding-inline-start: 5%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px), (max-width: 575px) {
.copyright-2 {
padding-inline-start: 0;
}
}
.footer-copyright-area-2 {
position: relative;
}
.footer-copyright-area-2::before {
content: "";
position: absolute;
top: 0;
inset-inline-end: 0;
width: 63.8%;
height: 1px;
background: var(--tj-color-border-1);
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.footer-copyright-area-2::before {
width: 66.5%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.footer-copyright-area-2::before {
width: 68.8%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.footer-copyright-area-2::before {
width: 100%;
}
}
.elementor .footerStack.elementor-element {
position: relative;
}
.elementor .footerStack.elementor-element .footerFixed.elementor-element {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
}  .swiper_navigations {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.swiper_navigations .navigation {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 22px;
line-height: 1;
color: var(--tj-color-heading-primary);
border: 1px solid var(--tj-color-border-2);
background: transparent;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
cursor: pointer;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.swiper_navigations .navigation {
width: 40px;
height: 40px;
font-size: 18px;
}
}
.swiper_navigations .navigation i {
display: inline-flex;
line-height: 1;
color: var(--tj-color-heading-primary);
}
.swiper_navigations .navigation:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.swiper_navigations .navigation:hover i {
color: var(--tj-color-common-white);
}
.swiper_pagination {
text-align: center;
margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.swiper_pagination {
margin-top: 40px;
}
}
.swiper_pagination .swiper-pagination-bullet {
position: relative;
z-index: 1;
width: 21px;
height: 22px;
background-color: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 1;
margin: 0 2px !important;
}
.swiper_pagination .swiper-pagination-bullet::before {
content: "";
display: inline-flex;
width: 21px;
height: 22px;
background-color: var(--tj-color-theme-primary);
aspect-ratio: 1;
clip-path: polygon(93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%, 50% 0%, 93.3% 25%, 93.3% 75%, 88.97% 27.5%, 50% 5%, 11.03% 27.5%, 11.03% 72.5%, 50% 95%, 88.97% 72.5%, 88.97% 27.5%);
opacity: 0;
transform: scale(0);
}
.swiper_pagination .swiper-pagination-bullet::after {
content: "";
display: inline-flex;
width: 9px;
height: 10px;
background-color: var(--tj-color-theme-primary);
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 70%, 0 30%);
position: absolute;
top: 6px;
}
.swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
opacity: 1;
transform: scale(1);
}  .back-to-top-wrapper {
position: fixed;
inset-inline-end: 20px;
bottom: 0;
cursor: pointer;
display: block;
border-radius: 25px;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: 0.6s;
}
.back-to-top-wrapper.back-to-top-btn-show {
visibility: visible;
opacity: 1;
bottom: 40px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.back-to-top-wrapper {
inset-inline-end: 15px;
}
}
.back-to-top-btn {
display: inline-flex;
width: 40px;
height: 130px;
text-align: center;
background: transparent;
color: var(--tj-color-heading-primary);
border: 1px solid var(--tj-color-border-2);
border-radius: 25px;
transition: all, 0.3s;
line-height: 1;
flex-direction: column;
align-items: center;
justify-content: center;
}
.back-to-top-btn:hover {
color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.back-to-top-btn i {
margin-bottom: 10px;
animation: bounce2 2s infinite;
}
.back-to-top-btn span {
display: inline-block;
font-weight: var(--tj-fw-bold);
text-transform: uppercase;
writing-mode: vertical-lr;
letter-spacing: -0.03em;
}
.back-to-top-btn:hover {
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px);
}
.back-to-top-btn.style-2 {
color: var(--tj-color-common-white);
border: 1px solid var(--tj-color-border-1);
}
.back-to-top-btn.style-2:hover {
color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.back-to-top-btn.style-3 {
color: var(--tj-color-common-white);
background: rgba(247, 247, 247, 0.1);
border: 1px solid var(--tj-color-border-1);
}
.back-to-top-btn.style-3:hover {
background: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.back-to-top-btn.style-5 {
color: var(--tj-color-heading-primary);
background: var(--tj-color-common-white);
border: 1px solid var(--tj-color-common-white);
}
.back-to-top-btn.style-5:hover {
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.back-to-top-btn.style-6 {
color: var(--tj-color-common-white);
background-color: transparent;
border: 1px solid var(--tj-color-border-1);
}
.back-to-top-btn.style-6:hover {
background: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.tj-backtop {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
font-size: 20px;
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
border-radius: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-backtop {
width: 45px;
height: 45px;
}
}
.tj-backtop:hover {
color: var(--tj-color-common-white);
-webkit-transform: translateY(-4px);
-moz-transform: translateY(-4px);
-ms-transform: translateY(-4px);
-o-transform: translateY(-4px);
transform: translateY(-4px);
}
.tj-backtop:focus {
color: var(--tj-color-common-white);
}  .tj-socials ul {
display: flex;
gap: 7px;
align-content: center;
list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-socials ul {
gap: 5px;
}
}
.tj-socials ul li a {
font-size: 16px;
width: 32px;
height: 32px;
display: inline-flex;
justify-content: center;
align-items: center;
line-height: 1;
color: var(--tj-color-common-white);
background: #aeb2b9;
border-radius: 100%;
transform: translateY(0);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-socials ul li a {
font-size: 14px;
}
}
.tj-socials ul li a:hover {
background: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
transform: translateY(-5px);
}
.tj-socials ul li a:hover i {
color: var(--tj-color-common-white);
}  .tj-progress {
width: 100%;
padding: 0;
margin: 0;
height: 8px;
background: var(--tj-color-theme-bg-2);
position: relative;
border-radius: 0;
z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-progress {
height: 6px;
}
}
.tj-progress__list {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 24px;
list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-progress__list {
margin-top: 20px;
gap: 16px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-progress__list {
margin-top: 20px;
gap: 16px;
}
}
.tj-progress__list.style-2 .tj-progress__title {
color: var(--tj-color-common-white);
}
.tj-progress__list.style-2 .tj-progress {
background: rgba(247, 247, 247, 0.2);
}
.tj-progress__title {
font-size: 16px;
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-progress__title {
font-size: 15px;
}
}
.tj-progress__bar {
width: 0;
height: 100%;
background: var(--tj-color-theme-primary);
position: relative;
z-index: 1;
border-radius: 0;
}
.tj-progress__bar::after {
content: "";
width: 18px;
height: 18px;
border: 4px solid var(--tj-color-theme-primary);
border-radius: 100%;
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translate(3px, -50%);
background: var(--tj-color-common-white);
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-progress__bar::after {
width: 16px;
height: 16px;
border-width: 4px;
}
}
.tj-progress__perchant {
font-size: 12px;
padding: 5px 7px 4px;
line-height: 1;
height: auto;
position: absolute;
inset-inline-end: 0;
bottom: 100%;
transform: translate(11px, -13px);
color: var(--tj-color-common-white) !important;
background: var(--tj-color-theme-primary);
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-progress__perchant {
font-size: 10px;
padding: 4px 3px 4px 5px;
transform: translate(9px, -11px);
}
}
.tj-progress__perchant::after {
content: "";
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: var(--tj-color-theme-primary);
position: absolute;
top: 100%;
inset-inline-start: 50%;
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-progress__perchant::after {
border-width: 4px;
}
}  .tj-page-header {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: var(--tj-color-theme-dark);
position: relative;
overflow: hidden;
z-index: 2;
}
.tj-page-header.pheader-space {
padding-top: 240px;
padding-bottom: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-page-header.pheader-space {
padding-top: 230px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-page-header.pheader-space {
padding-top: 200px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-page-header.pheader-space {
padding-top: 190px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-page-header.pheader-space {
padding-top: 150px;
padding-bottom: 80px;
}
}
.tj-page-header.pheader-space-2 {
padding-top: 130px;
padding-bottom: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-page-header.pheader-space-2 {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-page-header.pheader-space-2 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-page-header.pheader-space-2 {
padding-top: 80px;
padding-bottom: 80px;
}
}
.tj-page-header::before {
position: absolute;
content: "";
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: rgba(5, 18, 41, 0.8);
}
.tj-page-title {
color: var(--tj-color-common-white);
font-size: 48px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-page-title {
font-size: 42px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-page-title {
font-size: 36px;
}
}
.tj-page-link {
margin-top: 25px;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
position: relative;
border-radius: 50px;
font-size: 16px;
color: var(--tj-color-common-white);
background: rgba(247, 247, 247, 0.1);
padding: 8px 15px;
z-index: 2;
}
.tj-page-link span {
color: var(--tj-color-common-white);
font-size: 16px;
position: relative;
display: inline-block;
line-height: 1;
}
.tj-page-link span a:hover span {
color: var(--tj-color-theme-primary);
}  .tj-hero-section {
position: relative;
padding-top: 170px;
background-color: var(--tj-color-theme-dark);
overflow: hidden;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-section {
padding-top: 230px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-hero-section {
padding-top: 140px;
}
}
.heroStack {
position: relative;
z-index: 1;
}
.heroStack .stackOverlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-dark);
z-index: 1;
opacity: 1;
}
.heroStack .tj-hero-section::before {
display: none;
}
.tj-hero-section-two {
padding-top: 246px;
padding-bottom: 120px;
background: var(--tj-color-common-white);
position: relative;
z-index: 2;
overflow: hidden;
}
.tj-hero-section-two::before {
position: absolute;
content: "";
top: 0;
inset-inline-start: 0;
width: 100%;
height: 65%;
background: var(--tj-color-theme-bg);
}
.tj-hero-section-two::after {
position: absolute;
content: "";
top: -15%;
inset-inline-end: -10%;
width: 520px;
height: 520px;
background: var(--tj-color-theme-primary);
border-radius: 50%;
filter: blur(180px);
opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-section-two::after {
width: 375px;
height: 375px;
filter: blur(130px);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-hero-section-two::after {
inset-inline-end: -20%;
width: 310px;
height: 310px;
filter: blur(100px);
}
}
.tj-hero-section-two .hero_shapes {
position: absolute;
top: 0;
inset-inline-end: 0;
max-width: 300px;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-hero-section-two .hero_shapes {
max-width: 250px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-section-two .hero_shapes {
max-width: 200px;
inset-inline-end: -75px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-hero-section-two .hero_shapes {
max-width: 200px;
inset-inline-end: -80px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-hero-section-two {
padding-top: 180px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-section-two {
padding-top: 160px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-hero-section-two {
padding-top: 140px;
padding-bottom: 80px;
}
}
.hero-wrapper-two {
position: relative;
margin-bottom: 140px;
z-index: 1;
}
.hero-wrapper-two .shape-1 {
position: absolute;
bottom: -50px;
inset-inline-start: -45px;
max-width: 30px;
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-wrapper-two .shape-1 {
inset-inline-start: -20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.hero-wrapper-two .shape-1 {
inset-inline-start: -15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-wrapper-two {
margin-bottom: 100px;
}
}
.hero-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-wrapper {
gap: 80px;
}
}
.hero-content-two {
position: relative;
max-width: 915px;
width: 100%;
z-index: 2;
}
.hero-content-two .hero-title {
letter-spacing: -0.025em;
margin-bottom: 0;
line-height: 1;
}
.hero-content-two .hero-title span {
color: var(--tj-color-theme-primary);
}
.hero-content-two .desc {
position: absolute;
bottom: -55px;
inset-inline-start: 52%;
padding-inline-start: 15px;
max-width: 325px;
width: 100%;
font-size: 18px;
margin-inline-start: auto;
}
.hero-content-two .desc p:last-child {
margin-bottom: 0;
}
.hero-content-two .desc span {
display: inline-block;
max-width: 12px;
width: 100%;
position: absolute;
top: -14px;
inset-inline-start: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content-two .desc span {
display: none;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-content-two .desc {
inset-inline-start: 67%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content-two .desc {
margin-top: 30px;
padding-inline-start: 0;
position: unset;
max-width: 100%;
}
}
.hero-content {
max-width: 665px;
width: 100%;
padding-top: 80px;
position: relative;
z-index: 1;
}
.hero-content .hero-title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
line-height: 1.1;
margin-bottom: 20px;
}
.hero-content .hero-title .active-color {
color: var(--tj-color-theme-primary);
}
.hero-content .desc {
font-size: 18px;
color: var(--tj-color-common-white-2);
font-weight: var(--tj-fw-regular);
max-width: 530px;
width: 100%;
line-height: 1.5;
}
.hero-content .desc p:last-child {
margin-bottom: 0;
}
.hero-content .hero-button {
margin-top: 40px;
background-color: var(--tj-color-common-white);
}
.hero-content .hero-button .btn_text {
color: var(--tj-color-heading-primary);
}
.hero-content .hero-shapes-1 {
position: absolute;
top: -30px;
inset-inline-start: -25%;
z-index: -1;
max-width: 265px;
width: 100%;
opacity: 0.4;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content .hero-shapes-1 {
top: -135px;
inset-inline-end: -10%;
inset-inline-start: auto;
max-width: 230px;
}
}
.hero-content .hero-shapes-1 img {
width: 100%;
mix-blend-mode: luminosity;
}
.hero-content .hero-shapes-2 {
position: absolute;
position: absolute;
inset-inline-end: 75px;
bottom: 30%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content .hero-shapes-2 {
inset-inline-end: 35px;
bottom: 10%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-content {
padding-inline-start: 65px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-content {
max-width: 460px;
padding-inline-start: 40px;
padding-top: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content {
max-width: 100%;
padding-inline-start: 0px;
padding-top: 0px;
}
.hero-content .hero-buuton {
margin-top: 25px;
}
}
.hero-images-box {
position: relative;
max-width: 610px;
width: 100%;
margin-inline-start: auto;
z-index: 1;
}
.hero-images-box img {
width: 100%;
}
.hero-images-box .images-shapes {
position: absolute;
top: -30px;
inset-inline-end: -78px;
z-index: -1;
opacity: 0.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-images-box {
max-width: 430px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-images-box {
max-width: 450px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-images-box {
max-width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
}
.hero-images-box-two.style-2 {
position: relative;
max-width: 1800px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
height: 860px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-images-box-two.style-2 {
height: 760px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-images-box-two.style-2 {
height: 660px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.hero-images-box-two.style-2 {
height: 560px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero-images-box-two.style-2 {
height: 460px;
}
}
@media (max-width: 575px) {
.hero-images-box-two.style-2 {
height: 390px;
}
}
.hero-images-box-two.style-2 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-images-box-two.style-2 .hero-button {
position: absolute;
top: -35px;
inset-inline-end: 22%;
z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-images-box-two.style-2 .hero-button {
inset-inline-end: 15%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.hero-images-box-two.style-2 .hero-button {
inset-inline-end: 10%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-images-box-two.style-2 .hero-button {
inset-inline-end: 15%;
}
}
.hero-images-box-two.style-2 .hero-button::before {
position: absolute;
content: "";
width: 196px;
height: 196px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--tj-color-theme-bg);
border-radius: 50%;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-images-box-two.style-2 .hero-button::before {
width: 130px;
height: 130px;
}
}
.hero-images-box-two.style-2 .hero-button .hero-btn {
position: relative;
z-index: 1;
}
.hero-images-box-two.style-2 .hero-button .hero-btn::before {
position: absolute;
content: "";
width: 160px;
height: 160px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--tj-color-theme-dark);
border-radius: 50%;
z-index: -1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-images-box-two.style-2 .hero-button .hero-btn::before {
width: 110px;
height: 110px;
}
}
.hero-images-box-two.style-2 .hero-button .hero-btn::after {
position: absolute;
content: "";
width: 120px;
height: 120px;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
background-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h3-circle.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
animation: rotateImg-two 10s infinite linear;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-images-box-two.style-2 .hero-button .hero-btn::after {
width: 90px;
height: 90px;
}
}
.hero-images-box-two.style-2 .hero-button .hero-btn span.blue {
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
font-size: 20px;
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border-radius: 50%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-images-box-two.style-2 .hero-button .hero-btn span.blue {
width: 44px;
height: 44px;
font-size: 18px;
}
}
.hero-images-box-two.style-2 .hero-button .hero-btn span.blue span {
position: relative;
overflow: hidden;
display: inline-flex;
}
.hero-images-box-two.style-2 .hero-button .hero-btn span.blue span i:first-child, .hero-images-box-two.style-2 .hero-button .hero-btn span.blue span i:last-child {
transition: transform 0.4s ease-in-out 0s;
}
.hero-images-box-two.style-2 .hero-button .hero-btn span.blue span i:last-child {
position: absolute;
transform: translateY(-150%);
}
.hero-images-box-two.style-2 .hero-button .hero-btn:hover span.blue span i:first-child {
transform: translateY(150%);
}
.hero-images-box-two.style-2 .hero-button .hero-btn:hover span.blue span i:last-child {
transform: translateY(0);
}
.hero-circle {
position: absolute;
max-width: 150px;
width: 100%;
height: 130px;
top: 50%;
inset-inline-start: -1px;
transform: translateY(-50%);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h1-hero-video.svg);
mask-repeat: no-repeat;
mask-size: contain;
background-color: var(--tj-color-theme-dark);
mask-position: center;
z-index: 1;
}
.hero-circle .circle-wrap {
position: absolute;
width: 100px;
height: 100px;
top: 50%;
inset-inline-end: 15px;
transform: translateY(-50%);
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
}
.hero-circle .circle-wrap .rotate-image {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: 100%;
transform: translate(-50%, -50%);
animation: rotateImg 10s infinite linear;
}
.hero-circle .circle-wrap .rotate-image textPath {
fill: var(--tj-color-common-white);
}
.hero-circle .circle-wrap .circle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border-radius: 50%;
text-decoration: none;
line-height: 1;
z-index: 5;
}
.hero-circle .circle-wrap:hover .circle {
transform: scale(0.9);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-circle {
height: 115px;
max-width: 132px;
}
.hero-circle .circle-wrap {
width: 90px;
height: 90px;
inset-inline-end: 12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero-circle {
height: 115px;
max-width: 132px;
}
.hero-circle .circle-wrap {
width: 90px;
height: 90px;
inset-inline-end: 12px;
}
}
@media (max-width: 575px) {
.hero-circle {
height: 100px;
max-width: 115px;
}
.hero-circle .circle-wrap {
width: 80px;
height: 80px;
inset-inline-end: 10px;
}
.hero-circle .circle-wrap .circle {
width: 45px;
height: 45px;
}
}
.hero_scroll {
position: absolute;
inset-inline-start: 15px;
bottom: 100px;
border: 1px solid var(--tj-color-border-1);
transform: rotate(-90deg);
border-radius: 70px;
padding: 6px 20px;
z-index: 2;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.hero_scroll .down {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
gap: 12px;
color: var(--tj-color-border-2);
text-decoration: none;
font-weight: var(--tj-fw-bold);
text-transform: uppercase;
}
.hero_scroll .down span {
animation: bounce 2s infinite;
}
.hero_scroll:hover {
border-color: var(--tj-color-theme-primary);
}
.hero_scroll:hover .down {
color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero_scroll {
inset-inline-start: -6px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero_scroll {
inset-inline-start: -35px;
}
}  .tj-feature-section .sec-heading {
max-width: 585px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
.tj-feature-section .sec-heading .desc p:last-child {
margin-bottom: 0;
}
.tj-feature-section-two {
position: relative;
z-index: 2;
}
.tj-feature-section-two .sec-heading {
max-width: 500px;
width: 100%;
margin: 0;
line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-feature-section-two .sec-heading .sec-title {
color: var(--tj-color-common-white);
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-feature-section-two .sec-heading {
margin-bottom: 40px;
}
}
.tj-feature-section-two .feature-bg-images {
position: absolute;
bottom: 0;
inset-inline-end: 0;
max-width: 1050px;
width: 100%;
height: calc(100% - 124px);
z-index: -1;
}
.tj-feature-section-two .feature-bg-images img {
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tj-feature-section-two .feature-bg-images {
max-width: 850px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-feature-section-two .feature-bg-images {
max-width: 790px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-feature-section-two .feature-bg-images {
max-width: 100%;
height: 100%;
}
}
.feature-item {
border: 1px solid var(--tj-color-border-2);
padding: 40px 30px;
background-color: var(--tj-color-common-white);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.feature-item .feature-icon {
display: inline-flex;
line-height: 1;
font-size: 75px;
margin-bottom: 35px;
}
.feature-item .feature-icon svg,
.feature-item .feature-icon img {
max-width: 80px;
width: 100%;
height: auto;
}
.feature-item .feature-content .title {
margin-bottom: 20px;
letter-spacing: -0.025em;
}
.feature-item .feature-content .desc {
line-height: 1.5;
}
.feature-item .feature-content .desc p:last-child {
margin-bottom: 0;
}
.feature-item:hover .feature-icon {
animation: wobble-horizontal-hover 1s ease-in-out 1;
}
.feature-item.hover-bg {
position: relative;
overflow: hidden;
z-index: 1;
}
.feature-item.hover-bg::before {
content: "";
position: absolute;
top: 0;
inset-inline-end: 0;
inset-inline-start: auto;
width: 0;
height: 100%;
background-color: var(--tj-color-theme-bg);
border-color: var(--tj-color-theme-bg);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: -1;
}
.feature-item.hover-bg:hover::before {
width: 100%;
inset-inline-start: 0;
inset-inline-end: auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.feature-item {
padding: 35px 15px;
}
}  .tj-about-section {
padding-top: 140px;
padding-bottom: 140px;
position: relative;
z-index: 1;
overflow: hidden;
}
.tj-about-section::before {
position: absolute;
content: "";
width: 97%;
height: 100%;
top: 0;
inset-inline-start: 0;
border-radius: 0 0 var(--br-bottom-left) 0;
background: var(--tj-color-theme-bg);
z-index: -1;
}
.tj-about-section .sec-heading {
margin-bottom: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-about-section {
padding-top: 120px;
padding-bottom: 120px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-about-section {
padding-top: 100px;
padding-bottom: 100px;
}
.tj-about-section::before {
width: 100%;
border-radius: 0 0 300px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-about-section {
padding-top: 80px;
padding-bottom: 80px;
}
.tj-about-section::before {
width: 100%;
border-radius: 0px;
}
.tj-about-section .sec-heading .sec-title {
margin-bottom: 15px;
}
}
.tj-about-section-two {
background-color: var(--tj-color-theme-bg);
overflow: hidden;
}
.about-bg-images .about-shape-1 {
position: absolute;
max-width: 745px;
width: 100%;
height: 676px;
top: 50%;
inset-inline-start: 0px;
transform: translateY(-50%);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/about-mark-1.svg);
mask-repeat: no-repeat;
mask-size: contain;
background: var(--tj-color-common-white);
mask-position: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.about-bg-images .about-shape-1 {
max-width: 660px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-bg-images .about-shape-1 {
max-width: 565px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-bg-images .about-shape-1 {
max-width: 475px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-bg-images .about-shape-1 {
display: none;
}
}
.about-bg-images .about-shape-1 img {
height: 100%;
object-fit: contain;
max-width: 97%;
}
.about-bg-images .about-shape-2 {
display: flex;
align-items: center;
justify-content: center;
max-width: 187px;
width: 100%;
height: 185px;
position: absolute;
top: -1px;
inset-inline-start: 35%;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/about-mark-2.svg);
mask-repeat: no-repeat;
mask-size: contain;
background: var(--tj-color-common-white);
mask-position: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-bg-images .about-shape-2 {
inset-inline-start: 28%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-bg-images .about-shape-2 {
display: none;
}
}
.about-bg-images .about-shape-2 img {
max-width: 74%;
margin-top: 20px;
}
.about-bg-images .about-shape-3 {
position: absolute;
inset-inline-start: 42%;
bottom: 135px;
max-width: 42px;
width: 100%;
z-index: -1;
}
.about-wrapper-two {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 100px;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.about-wrapper-two {
column-gap: 80px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-wrapper-two {
column-gap: 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-wrapper-two {
column-gap: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-two {
flex-direction: column-reverse;
row-gap: 50px;
}
}
.about-wrapper-two .about_images {
position: absolute;
bottom: 0;
inset-inline-end: -75px;
max-width: 200px;
width: 100%;
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 12%, 12% 0);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-wrapper-two .about_images {
inset-inline-end: -20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), (max-width: 575px) {
.about-wrapper-two .about_images {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.about-wrapper-two .about_images {
inset-inline-end: 0;
bottom: unset;
top: 25%;
max-width: 130px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.about-wrapper-two .about_images {
top: 22%;
}
}
.about-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.about-wrapper {
justify-content: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper {
gap: 40px;
}
}
.about-left-content .desc {
max-width: 540px;
width: 100%;
margin-bottom: 30px;
}
.about-left-content .desc p:last-child {
margin-bottom: 0;
}
.about-feature-item {
display: flex;
max-width: 570px;
width: 100%;
border-top: 1px solid var(--tj-color-border-2);
}
@media (max-width: 575px) {
.about-feature-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.about-feature-item .feature-box {
padding-top: 30px;
padding-inline-end: 56px;
margin-inline-end: 44px;
border-inline-end: 1px solid var(--tj-color-border-2);
}
.about-feature-item .feature-box:last-child {
border-inline-end: none;
}
@media (max-width: 575px) {
.about-feature-item .feature-box:last-child {
border: 0;
padding-bottom: 0;
}
}
@media (max-width: 575px) {
.about-feature-item .feature-box {
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
padding-bottom: 30px;
-webkit-border-end: 0;
border-inline-end: 0;
border-bottom: 1px solid var(--tj-color-border-2);
}
}
.about-feature-item .about-button {
margin-top: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
.about-feature-item .feature-box {
padding-inline-end: 35px;
margin-inline-end: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-feature-item .feature-box {
padding-inline-end: 20px;
margin-inline-end: 20px;
}
}
@media (max-width: 575px) {
.about-feature-item {
max-width: 415px;
}
.about-feature-item .feature-box {
padding-inline-end: 10px;
margin-inline-end: 10px;
}
.about-feature-item .feature-box .client-experience .funfact-item-one .number {
font-size: 40px;
}
.about-feature-item .feature-box .client-experience .funfact-item-one .sub-title {
font-size: 14px;
}
}
.check-list-one ul {
margin: 0;
padding: 0;
list-style: none;
}
.check-list-one ul li {
display: flex;
align-items: start;
gap: 10px;
font-family: var(--tj-ff-heading);
font-size: 16px;
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
margin-bottom: 10px;
}
.check-list-one ul li:last-child {
margin-bottom: 0;
}
.check-list-one ul li i {
font-size: 22px;
margin-top: 2px;
color: var(--tj-color-theme-primary);
}
.client-experience .images-thumb {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.client-experience .images-thumb li {
position: relative;
max-width: 50px;
width: 100%;
background-color: var(--tj-color-common-white);
border-radius: 50%;
margin-inline-start: -18px;
z-index: 2;
}
.client-experience .images-thumb li:first-child {
margin-inline-start: 0;
}
.client-experience .images-thumb li img {
height: 50px;
object-fit: cover;
border-radius: 50%;
padding: 3px;
filter: grayscale(1);
}
.client-experience .images-thumb li.plus {
background-color: var(--tj-color-common-white);
padding: 3px;
max-width: 50px;
width: 100%;
}
.client-experience .images-thumb li.plus i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
font-size: 13px;
line-height: 1;
color: var(--tj-color-common-white);
background: var(--tj-color-theme-dark);
border-radius: 50%;
}
.funfact-item-one .number {
display: flex;
align-items: center;
font-size: 48px;
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
margin-bottom: 4px;
line-height: 1;
font-family: var(--tj-ff-heading);
}
.funfact-item-one .number .odometer {
font-family: var(--tj-ff-heading);
line-height: 1;
}
.funfact-item-one .sub-title {
display: inline-block;
font-size: 16px;
font-weight: var(--tj-fw-regular);
}
.about-images-group-one {
max-width: 400px;
width: 100%;
position: relative;
z-index: 2;
}
.about-images-group-one .about-author {
display: flex;
align-items: center;
position: absolute;
inset-inline-start: 50%;
transform: translateX(-50%);
bottom: 20px;
backdrop-filter: blur(35px);
background: rgba(247, 247, 247, 0.1);
max-width: 360px;
width: 100%;
padding: 20px 25px;
}
.about-images-group-one .about-author .signature {
border-inline-end: 1px solid rgba(247, 247, 247, 0.2);
padding-inline-end: 20px;
margin-inline-end: 20px;
}
.about-images-group-one .about-author .author-name .title {
color: var(--tj-color-common-white);
margin-bottom: 0;
letter-spacing: -0.04em;
}
.about-images-group-one .about-author .author-name .sub-title {
display: inline-block;
font-size: 14px;
color: var(--tj-color-common-white-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-images-group-one {
max-width: 370px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.about-images-group-one {
max-width: 330px;
}
.about-images-group-one .about-author {
max-width: 318px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.about-images-group-one {
order: 1;
max-width: 100%;
height: 540px;
}
.about-images-group-one img {
width: 100%;
}
}
@media (max-width: 575px) {
.about-images-group-one {
order: 1;
max-width: 100%;
}
.about-images-group-one img {
width: 100%;
}
.about-images-group-one .about-author {
max-width: 310px;
}
}
.about-images-group-two {
max-width: 565px;
width: 100%;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-images-group-two {
max-width: 440px;
}
}
.about-images-group-two img {
clip-path: polygon(0 0, 94% 0%, 100% 6%, 100% 100%, 0 100%);
}
.about-video-box {
position: absolute;
bottom: 30px;
inset-inline-start: 30px;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(17.5px);
max-width: 240px;
padding: 45px 30px 35px;
width: 100%;
}
@media (max-width: 575px) {
.about-video-box {
padding: 30px;
}
}
.about-video-box .sub-title {
display: inline-block;
color: var(--tj-color-common-black-3);
margin-bottom: 6px;
}
.about-video-box .title {
color: var(--tj-color-common-white);
letter-spacing: -0.04em;
margin-bottom: 0;
}
.about-video-box .video-box .video-popup {
display: inline-flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
line-height: 1;
color: var(--tj-color-common-white);
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(17.5px);
border-radius: 50%;
margin-bottom: 30px;
animation: pulse-two 2s ease infinite;
}
.about-video-box .video-box .video-popup::before {
position: absolute;
content: "";
width: 90px;
height: 90px;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(17.5px);
transform: translate(-50%, -50%);
border-radius: 50%;
display: none;
}
.about-content-two {
max-width: 435px;
width: 100%;
padding-inline-start: 40px;
}
.about-content-two .sec-heading {
margin-bottom: 0;
}
.about-content-two .sec-heading .sec-title {
letter-spacing: -0.025em;
margin-bottom: 0;
}
.about-content-two .sec-heading .desc {
margin-top: 15px;
}
.about-content-two .sec-heading .desc p:last-child {
margin-bottom: 0;
}
.about-content-two .sec-heading .about-feature-item {
padding-top: 35px;
border-top: none;
}
.about-content-two .sec-heading .about-feature-item .feature-box {
padding-top: 0px;
padding-inline-end: 0px;
margin-inline-end: 0px;
}
.about-content-two .sec-heading .about-button {
margin-top: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-content-two {
max-width: 390px;
padding-inline-start: 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-content-two {
padding-inline-start: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.about-content-two {
max-width: 325px;
padding-inline-start: 0;
}
.about-content-two .sec-heading .about-feature-item {
padding-top: 20px;
}
.about-content-two .sec-heading .about-button {
margin-top: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-content-two {
max-width: 100%;
padding-inline-start: 0;
}
.about-content-two .sec-heading .about-feature-item {
padding-top: 20px;
}
.about-content-two .sec-heading .about-button {
margin-top: 25px;
}
}
.about-content-three {
position: relative;
max-width: 510px;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-content-three {
max-width: 465px;
}
}
.about-content-three .sec-heading {
margin-bottom: 0;
}
.about-content-three .sec-heading .sec-title {
letter-spacing: -0.025em;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-content-three .sec-heading .sec-title {
font-size: 40px;
}
}
.about-content-three .sec-heading .desc p:last-child {
margin-bottom: 0;
}
.about-content-three .sec-heading .check-list-one {
margin-top: 30px;
}
.about-content-three .sec-heading .about-button {
margin-top: 35px;
}
.about-content-three .about-shapes {
position: absolute;
bottom: -15px;
inset-inline-end: 25%;
max-width: 28px;
width: 100%;
z-index: -1;
}
.funfact-item-two {
display: flex;
align-items: center;
justify-content: center;
position: relative;
max-width: 400px;
width: 100%;
height: 435px;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h2-counter-shapes.svg);
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
background-color: var(--tj-color-common-white);
}
.funfact-item-two .funfact-box {
max-width: 250px;
width: 100%;
}
.funfact-item-two .number {
display: flex;
font-size: 60px;
color: var(--tj-color-theme-primary);
font-weight: var(--tj-fw-medium);
line-height: 1;
}
.funfact-item-two .number span {
font-family: var(--tj-ff-heading);
font-size: 156px;
font-weight: var(--tj-fw-bold);
line-height: 1;
color: var(--tj-color-theme-primary);
}
.funfact-item-two .sub-title {
margin-top: -30px;
display: inline-block;
line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.funfact-item-two {
max-width: 295px;
height: 295px;
}
.funfact-item-two .funfact-box {
max-width: 224px;
text-align: center;
}
.funfact-item-two .number {
font-size: 50px;
justify-content: center;
}
.funfact-item-two .number span {
font-size: 95px;
}
.funfact-item-two .sub-title {
margin-top: -10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.funfact-item-two {
max-width: 340px;
height: 350px;
}
.funfact-item-two .funfact-box {
text-align: center;
}
.funfact-item-two .number {
justify-content: center;
}
.funfact-item-two .number span {
font-size: 110px;
}
.funfact-item-two .sub-title {
margin-top: -10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.funfact-item-two {
order: 2;
max-width: 350px;
height: 350px;
margin-inline-start: auto;
margin-inline-end: auto;
}
.funfact-item-two .funfact-box {
text-align: center;
}
.funfact-item-two .number {
justify-content: center;
}
.funfact-item-two .number span {
font-size: 110px;
}
.funfact-item-two .sub-title {
margin-top: -10px;
}
}
@media (max-width: 575px) {
.funfact-item-two {
order: 2;
max-width: 325px;
height: 325px;
margin-inline-start: auto;
margin-inline-end: auto;
}
.funfact-item-two .funfact-box {
text-align: center;
}
.funfact-item-two .number {
justify-content: center;
}
.funfact-item-two .number span {
font-size: 85px;
}
.funfact-item-two .sub-title {
margin-top: -10px;
}
}
.tj-el-image img {
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 12%, 12% 0);
}  .tj-brand-section {
position: relative;
padding-top: 120px;
padding-bottom: 80px;
background-color: var(--tj-color-theme-dark);
z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.tj-brand-section::before {
top: -4px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tj-brand-section::before {
top: -5px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-brand-section::before {
top: -8px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-brand-section {
padding-top: 100px;
}
.tj-brand-section::before {
top: -10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-brand-section {
padding-top: 80px;
padding-bottom: 60px;
}
.tj-brand-section::before {
top: -12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tj-brand-section {
padding-top: 80px;
padding-bottom: 60px;
}
.tj-brand-section::before {
top: -13px;
}
}
@media (max-width: 575px) {
.tj-brand-section {
padding-top: 60px;
padding-bottom: 60px;
}
.tj-brand-section::before {
top: -15px;
}
}
.tj-brand-section-two .sec-heading {
position: relative;
z-index: 1;
}
.tj-brand-section-two .sec-heading::before {
position: absolute;
content: "";
width: 34%;
height: 1px;
top: 50%;
transform: translateY(-50%);
inset-inline-start: 0;
background: var(--tj-color-border-2);
z-index: -1;
}
.tj-brand-section-two .sec-heading::after {
position: absolute;
content: "";
width: 34%;
height: 1px;
top: 50%;
transform: translateY(-50%);
inset-inline-end: 0;
background: var(--tj-color-border-2);
z-index: -1;
}
.tj-brand-section-two .sec-heading .sec-title {
max-width: 395px;
width: 100%;
background: var(--tj-color-theme-bg);
font-size: 16px;
font-family: var(--tj-ff-body);
padding: 5px 20px 8px;
border-radius: 40px;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 0;
outline: 8px solid var(--tj-color-common-white);
}
.tj-brand-section-two .sec-heading .sec-title span {
color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
.tj-brand-section-two .sec-heading .sec-title {
max-width: 305px;
}
}
.brand-slider-1 {
overflow: hidden;
position: relative;
z-index: 1;
}
.brand-slider-1::before, .brand-slider-1::after {
content: "";
position: absolute;
width: 308px;
height: 100%;
background-image: linear-gradient(90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%);
top: 0;
inset-inline-start: 0;
z-index: 2;
}
.brand-slider-1::after {
inset-inline-start: auto;
inset-inline-end: 0;
background-image: linear-gradient(-90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%);
}
.brand-slider-1 .brand_wrapper {
transition-timing-function: linear;
}
.brand-slider-1 .brand-logo {
display: inline-flex;
align-items: center;
justify-content: center;
width: 195px;
height: 74px;
background: rgba(247, 247, 247, 0.1);
}
@media (max-width: 575px) {
.brand-slider-1 .brand-logo {
width: 165px;
height: 60px;
}
}
@media (max-width: 575px) {
.brand-slider-1::before {
width: 150px;
}
.brand-slider-1::after {
width: 150px;
}
}
.brand-slider-2 {
overflow: hidden;
position: relative;
z-index: 1;
}
.brand-slider-2::before, .brand-slider-2::after {
content: "";
position: absolute;
width: 40%;
height: 100%;
background-image: linear-gradient(90deg, var(--tj-color-common-white) 0%, rgba(247, 247, 247, 0) 100%);
top: 0;
inset-inline-start: 0;
z-index: 2;
}
.brand-slider-2::after {
inset-inline-start: auto;
inset-inline-end: 0;
background-image: linear-gradient(-90deg, var(--tj-color-common-white) 0%, rgba(247, 247, 247, 0) 100%);
}
.brand-slider-2 .brand_wrapper {
transition-timing-function: linear;
}
.brand-slider-2 .brand-logo {
display: inline-flex;
align-items: center;
justify-content: center;
width: 195px;
height: 74px;
background: rgb(225, 232, 240);
}
@media (max-width: 575px) {
.brand-slider-2 .brand-logo {
width: 165px;
height: 60px;
}
}
.brand-slider-2 .brand-logo img {
filter: invert(1);
}
@media (max-width: 575px) {
.brand-slider-2::before {
width: 150px;
}
.brand-slider-2::after {
width: 150px;
}
}  .under-line a:hover {
color: var(--tj-color-theme-primary);
}
.tj-blog-section {
padding-top: 120px;
padding-bottom: 120px;
}
.tj-blog-section .sec-heading {
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: space-between;
}
.tj-blog-section .sec-heading .sec-title {
margin-bottom: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-blog-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-blog-section {
padding-top: 80px;
padding-bottom: 80px;
}
.tj-blog-section .blog-button {
margin-top: 35px;
}
}
.tj-blog-section-three .sec-heading {
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: space-between;
gap: 30px;
}
.tj-blog-section-three .sec-heading .sec-text .sec-title {
margin-bottom: 0;
}
.blog-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 15px), 1fr));
grid-gap: 30px;
justify-content: center;
}
.blog-wrapper .blog-item:first-child {
grid-row: 1/4;
flex-direction: column;
align-items: start;
gap: 0;
}
.blog-wrapper .blog-item:first-child .blog-images {
max-width: 100%;
height: auto;
}
.blog-wrapper .blog-item:first-child .blog-content {
width: 100%;
padding: 20px 15px;
}
.blog-wrapper .blog-item:first-child .blog-content .blog-title {
font-size: 32px;
}
.blog-wrapper .blog-item:first-child .blog-content .desc {
display: block;
}
.blog-wrapper .blog-item:not(:first-child) .blog-content {
padding-inline-end: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.blog-wrapper .blog-item:not(:first-child) .blog-content {
padding-inline-end: 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.blog-wrapper {
grid-template-columns: 696px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-wrapper {
grid-template-columns: 516px;
}
.blog-wrapper .blog-item:first-child .blog-content {
padding: 20px 0;
}
}
@media (max-width: 575px) {
.blog-wrapper {
grid-template-columns: 100%;
}
.blog-wrapper .blog-item:first-child .blog-content {
padding: 20px 0 10px 0;
}
.blog-wrapper .blog-item:first-child .blog-content .blog-title {
font-size: 24px;
}
}
.blog-item {
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: var(--tj-color-theme-bg);
padding: 15px;
gap: 15px;
}
.blog-item .blog-images {
display: inline-flex;
max-width: 185px;
height: 100%;
width: 100%;
margin-bottom: 0;
overflow: hidden;
}
.blog-item .blog-images a {
height: 100%;
display: inline-flex;
width: 100%;
}
.blog-item .blog-images img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-item .blog-content {
width: calc(100% - 200px);
}
.blog-item .blog-content .blog-meta {
margin-bottom: 15px;
}
.blog-item .blog-content .blog-title {
margin: 0;
font-size: 24px;
letter-spacing: -2.5%;
}
.blog-item .blog-content .blog-title a:hover {
color: var(--tj-color-theme-primary);
background-size: 100% 1px;
}
.blog-item .blog-content .desc {
margin-top: 15px;
display: none;
}
.blog-item .blog-content .blog-button {
margin-top: 20px;
}
.blog-item:is(:hover, :focus) .blog-images img {
transform: scale(1.12);
}
.blog-item:not(:first-child) .blog-content .blog-meta ul li:not(:first-child) {
display: none;
}
.blog-item:not(:first-child) .blog-content .blog-meta ul li:not(:first-child)::after {
display: none;
}
.blog-item:not(:first-child) .blog-content .blog-meta.meta-2 {
margin-top: 30px;
}
.blog-item:not(:first-child) .blog-content .blog-meta.meta-2 ul li {
display: inline-flex;
}
.blog-item:not(:first-child) .blog-content .blog-meta.meta-2 ul li::after {
display: inline-block;
}
.blog-item:not(:first-child) .blog-content .blog-button {
display: none;
}
.blog-item:first-child .blog-content .blog-meta.meta-2 {
display: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.blog-item {
flex-direction: column;
align-items: start;
gap: 0;
}
.blog-item .blog-images {
max-width: 100%;
height: auto;
}
.blog-item .blog-content {
width: 100%;
padding: 20px 0;
}
.blog-item .blog-content .blog-title {
font-size: 32px;
}
.blog-item:not(:first-child) .blog-content .blog-meta ul li:last-child, .blog-item:not(:first-child) .blog-content .blog-meta ul li::after {
display: inline-flex;
}
}
@media (max-width: 575px) {
.blog-item .blog-content {
width: 100%;
padding: 20px 0 10px 0;
}
.blog-item .blog-content .blog-meta {
margin-bottom: 15px;
}
.blog-item .blog-content .blog-title {
font-size: 24px;
}
.blog-item .blog-content .desc {
margin-top: 20px;
}
.blog-item .blog-content .blog-button {
margin-top: 25px;
}
}
.blog-style-2 .blog-images {
position: relative;
z-index: 1;
overflow: hidden;
}
.blog-style-2 .blog-images .blog-date {
position: absolute;
inset-inline-end: 15px;
bottom: 15px;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 20px;
text-align: center;
}
.blog-style-2 .blog-images .blog-date .date {
display: block;
font-family: var(--tj-ff-heading);
font-size: 32px;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.03em;
margin-bottom: 8px;
line-height: 1;
}
.blog-style-2 .blog-images .blog-date .month {
display: block;
font-size: 14px;
color: var(--tj-color-common-white-2);
letter-spacing: 0.24em;
text-transform: uppercase;
line-height: 1;
}
.blog-style-2 .blog-content {
border: 1px solid var(--tj-color-border-2);
margin-top: -1px;
padding: 20px 30px 30px;
}
.blog-style-2 .blog-content .blog-two-meta {
margin-bottom: 15px;
}
.blog-style-2 .blog-content .title {
letter-spacing: -0.025em;
margin-bottom: 15px;
line-height: 1.3;
}
.blog-style-2 .blog-content .desc p:last-child {
margin-bottom: 0;
}
.blog-style-2 .blog-content .blog-button {
margin-top: 20px;
}
.blog-style-2:is(:hover, :focus) .blog-images img {
transform: scale(1.12);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), (max-width: 575px) {
.blog-style-2 .blog-content {
padding: 20px 15px 25px;
}
}
.blog-style-3 .blog-images {
position: relative;
z-index: 1;
overflow: hidden;
}
.blog-style-3 .blog-images a {
display: inline-block;
}
.blog-style-3 .blog-images .blog_category {
position: absolute;
top: 15px;
inset-inline-start: 15px;
}
.blog-style-3 .blog-content {
background: var(--tj-color-theme-bg);
padding: 25px 30px 30px;
}
.blog-style-3 .blog-content .blog-three-meta {
margin-bottom: 15px;
}
.blog-style-3 .blog-content .title {
letter-spacing: -0.025em;
margin-bottom: 15px;
}
.blog-style-3 .blog-content .desc p:last-child {
margin-bottom: 0;
}
.blog-style-3 .blog-content .blog-button {
margin-top: 20px;
}
.blog-style-3:is(:hover, :focus) .blog-images img {
transform: scale(1.12);
}
.blog_category ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
column-gap: 10px;
row-gap: 10px;
}
.blog_category ul li a {
display: inline-block;
font-size: 14px;
color: var(--tj-color-common-white-2);
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
border-radius: 40px;
padding: 6px 10px;
line-height: 1;
}
.blog_category ul li a:hover {
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
}
.blog-meta ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.blog-meta ul li {
display: inline-flex;
position: relative;
font-size: 14px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-black-2);
z-index: 1;
}
.blog-meta ul li a {
color: inherit;
font-size: inherit;
}
.blog-meta ul li a:hover {
color: var(--tj-color-theme-primary);
}
.blog-meta ul li:not(:last-child, .category) {
padding-inline-end: 12px;
}
.blog-meta ul li:not(:last-child, .category)::after {
content: "";
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
background-color: var(--tj-color-common-white-2);
}
.blog-meta ul li.category a {
display: inline-flex;
font-size: 14px;
line-height: 1;
font-weight: var(--tj-fw-regular);
background-color: transparent;
border: 1px solid var(--tj-color-border-2);
color: var(--tj-color-common-black-2);
padding: 5px 10px;
border-radius: 40px;
}
.blog-meta ul li.category a:hover {
background-color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.blog-two-meta ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.blog-two-meta ul li {
font-size: 14px;
color: var(--tj-color-common-black-2);
}
.blog-two-meta ul li .meta-link {
display: inline-block;
font-size: 14px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-black-2);
border: 1px solid var(--tj-color-border-2);
border-radius: 40px;
padding: 5px 10px;
line-height: 1;
}
.blog-two-meta ul li .meta-link:is(:hover, :focus) {
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.blog-three-meta {
position: relative;
padding-inline-start: 52px;
z-index: 1;
}
.blog-three-meta::before {
position: absolute;
content: "";
top: 50%;
inset-inline-start: 0;
width: 40px;
height: 1px;
transform: translateY(-50%);
background: var(--tj-color-common-white-2);
}
.blog-three-meta ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.blog-three-meta ul li {
position: relative;
font-size: 14px;
color: var(--tj-color-common-black-2);
padding-inline-end: 12px;
margin-inline-end: 8px;
z-index: 1;
}
.blog-three-meta ul li::before {
position: absolute;
content: "";
width: 4px;
height: 4px;
top: 50%;
inset-inline-end: 0;
transform: translateY(-50%);
background: var(--tj-color-common-black-2);
border-radius: 50%;
}
.blog-three-meta ul li:last-child::before {
display: none;
}
.tj-post-wrapper {
padding-inline-end: 25px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-post-wrapper {
padding-inline-end: 0;
}
}
.tj-post-item {
border: 1px solid var(--tj-color-border-2);
}
.tj-post-item:not(:last-child) {
margin-bottom: 30px;
}
.tj-post-item:hover .tj-post-thumb img {
transform: scale(1.12);
}
.tj-post-thumb {
position: relative;
overflow: hidden;
}
.tj-post-thumb a.play-btn {
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
width: 85px;
height: 85px;
font-size: 20px;
color: var(--tj-color-theme-dark);
background: var(--tj-color-common-white);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
animation: pulse 2s ease infinite;
text-decoration: none;
}
.tj-post-date {
position: absolute;
top: 30px;
inset-inline-start: 30px;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 20px;
text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-post-date {
top: 15px;
inset-inline-start: 15px;
padding: 15px;
}
}
.tj-post-date .date {
display: block;
font-family: var(--tj-ff-heading);
font-size: 32px;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.03em;
margin-bottom: 8px;
line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-post-date .date {
font-size: 18px;
}
}
.tj-post-date .month {
display: block;
font-size: 14px;
color: var(--tj-color-common-white-2);
letter-spacing: 0.24em;
text-transform: uppercase;
line-height: 1;
}
.tj-post-content {
padding: 30px;
}
.tj-post-title {
margin-bottom: 0;
}
.tj-post-title a {
display: inline;
}
.tj-post-title:hover a {
color: var(--tj-color-theme-primary);
}
.tj-post-meta {
margin-bottom: 15px;
}
.tj-post-meta ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.tj-post-meta ul li span,
.tj-post-meta ul li a {
font-size: 14px;
}
.tj-post-meta ul li a {
display: inline-block;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-black-2);
border: 1px solid var(--tj-color-border-2);
border-radius: 40px;
padding: 5px 10px;
line-height: 1;
}
.tj-post-meta ul li a.active, .tj-post-meta ul li a:is(:hover, :focus) {
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.tj-post-excerpt {
margin-top: 15px;
}
.tj-post-btn {
margin-top: 35px;
}
.blog-standard-slider .blog-navigation .slider-next,
.blog-standard-slider .blog-navigation .slider-prev {
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
font-size: 18px;
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border-radius: 50%;
position: absolute;
top: 44%;
inset-inline-start: 20px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 2;
}
.blog-standard-slider .blog-navigation .slider-next .anim-icon,
.blog-standard-slider .blog-navigation .slider-prev .anim-icon {
position: relative;
display: inline-flex;
overflow: hidden;
transform: rotate(0deg);
}
.blog-standard-slider .blog-navigation .slider-next .anim-icon i,
.blog-standard-slider .blog-navigation .slider-prev .anim-icon i {
color: var(--tj-color-common-white);
}
.blog-standard-slider .blog-navigation .slider-next .anim-icon i:first-child, .blog-standard-slider .blog-navigation .slider-next .anim-icon i:last-child,
.blog-standard-slider .blog-navigation .slider-prev .anim-icon i:first-child,
.blog-standard-slider .blog-navigation .slider-prev .anim-icon i:last-child {
position: relative;
top: -1px;
color: var(--tj-color-common-white);
transition: all 0.4s ease-in-out 0s;
}
.blog-standard-slider .blog-navigation .slider-next .anim-icon i:last-child,
.blog-standard-slider .blog-navigation .slider-prev .anim-icon i:last-child {
position: absolute;
transform: translateX(150%);
}
.blog-standard-slider .blog-navigation .slider-next:hover,
.blog-standard-slider .blog-navigation .slider-prev:hover {
color: var(--tj-color-heading-primary);
background-color: var(--tj-color-theme-primary);
}
.blog-standard-slider .blog-navigation .slider-next:hover .anim-icon i:first-child,
.blog-standard-slider .blog-navigation .slider-prev:hover .anim-icon i:first-child {
transform: translateX(-150%);
}
.blog-standard-slider .blog-navigation .slider-next:hover .anim-icon i:last-child,
.blog-standard-slider .blog-navigation .slider-prev:hover .anim-icon i:last-child {
transform: translateX(0);
}
.blog-standard-slider .blog-navigation .slider-next {
inset-inline-start: auto;
inset-inline-end: 20px;
}
.blog-standard-slider .blog-navigation .slider-next .anim-icon i:last-child {
transform: translateX(-150%);
}
.blog-standard-slider .blog-navigation .slider-next:hover .anim-icon i:first-child {
transform: translateX(150%);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.blog-standard-slider .blog-navigation .slider-next,
.blog-standard-slider .blog-navigation .slider-prev {
top: 42%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-standard-slider .blog-navigation .slider-next,
.blog-standard-slider .blog-navigation .slider-prev {
top: 40%;
}
}
@media (max-width: 575px) {
.blog-standard-slider .blog-navigation .slider-next,
.blog-standard-slider .blog-navigation .slider-prev {
width: 45px;
height: 45px;
top: 38%;
}
}
.tj-pagination {
margin-top: 50px;
}
.tj-pagination ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.tj-pagination ul li .page-numbers {
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
border: 1px solid var(--tj-color-border-2);
border-radius: 50%;
font-weight: var(--tj-fw-sbold);
color: var(--tj-color-heading-primary);
font-size: 18px;
}
.tj-pagination ul li .page-numbers i {
line-height: 1;
color: var(--tj-color-heading-primary);
}
.tj-pagination ul li .page-numbers:hover, .tj-pagination ul li .page-numbers.current {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
border-color: var(--tj-color-theme-primary);
}
.tj-pagination ul li .page-numbers:hover i, .tj-pagination ul li .page-numbers.current i {
color: var(--tj-color-common-white);
}
.tj-pagination ul li .page-numbers.dots {
line-height: 38px;
}  .tj-post-single-post {
margin-bottom: 50px;
}
.tj-post-single-post .tj-post-thumb {
margin-bottom: 25px;
}
.tj-post-single-post .tj-post-title {
margin-bottom: 25px;
}
.tj-post-single-post .tj-post-meta {
margin-bottom: 30px;
}
.tj-check-list {
margin-top: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-check-list {
margin-top: 25px;
}
}
.tj-check-list h4 {
margin-bottom: 20px;
}
.tj-check-list ul {
list-style: none;
padding-inline-start: 30px;
}
@media (max-width: 575px) {
.tj-check-list ul {
padding-inline-start: 0;
}
}
.tj-check-list ul li {
font-family: var(--tj-ff-heading);
font-weight: 600;
color: var(--tj-color-text-body);
margin-bottom: 10px;
display: flex;
align-items: center;
}
.tj-check-list ul li i {
font-size: 24px;
color: var(--tj-color-theme-primary);
margin-inline-end: 8px;
}
.blog-category-two {
display: flex;
align-items: center;
border: 1px solid var(--tj-color-border-2);
margin-bottom: 25px;
margin-top: 25px;
padding: 22px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-category-two {
padding: 20px;
}
}
.blog-category-two .category-item {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
border-inline-end: 1px solid var(--tj-color-border-2);
padding: 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.blog-category-two .category-item {
padding: 0 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.blog-category-two .category-item {
padding: 0 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-category-two .category-item {
padding: 0 20px;
}
}
.blog-category-two .category-item:first-child {
padding-inline-start: 0;
}
.blog-category-two .category-item:last-child {
border-inline-end: none;
padding-inline-end: 0;
}
.blog-category-two .category-item .cate-images {
width: 52px;
height: 52px;
}
.blog-category-two .category-item .cate-images img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}
.blog-category-two .category-item .cate-text .degination {
display: block;
font-size: 14px;
line-height: 1;
color: var(--tj-color-text-body);
margin-bottom: 10px;
}
.blog-category-two .category-item .cate-text .title:hover a {
color: var(--tj-color-theme-primary);
}
.blog-category-two .category-item .cate-text h6 {
margin-bottom: 0;
}
.blog-category-two .category-item .cate-icons {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 24px;
width: 52px;
height: 52px;
line-height: 1;
color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-bg-2);
border-radius: 50%;
}
.blog-category-two .category-item .text {
margin-bottom: 0;
}
@media (max-width: 575px) {
.blog-category-two {
flex-wrap: wrap;
row-gap: 15px;
}
.blog-category-two .category-item {
padding: 0;
padding-bottom: 15px;
border-inline-end: 0;
border-bottom: 1px solid var(--tj-color-border-2);
width: 100%;
}
.blog-category-two .category-item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.blog-category-two .category-item .cate-text .degination {
margin-bottom: 6px;
}
}
.wp-block-quote,
blockquote {
margin: 30px 0px !important;
padding: 30px;
padding-inline-start: 110px;
color: var(--tj-color-theme-dark);
position: relative;
background: var(--tj-color-theme-bg);
font-style: normal;
text-align: left;
clear: both;
font-weight: 400;
border: 1px solid var(--tj-color-theme-bg);
}
.wp-block-quote::before,
blockquote::before {
content: "\e90e";
position: absolute;
inset-inline-start: 30px;
top: 30px;
font-family: "solvior-icons" !important;
font-size: 64px;
color: var(--tj-color-theme-primary);
line-height: 1;
display: inline-block;
}
.wp-block-quote p,
blockquote p {
font-size: 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.wp-block-quote p,
blockquote p {
font-size: 18px;
}
}
.wp-block-quote p:last-child,
blockquote p:last-child {
margin-bottom: 0;
}
.wp-block-quote cite,
blockquote cite {
font-size: 16px;
display: block;
margin-top: 10px;
color: var(--tj-color-common-black-2);
font-style: inherit;
font-weight: 400;
text-align: end;
}
.wp-block-quote cite::before,
blockquote cite::before {
content: "";
display: inline-block;
background: var(--tj-color-common-black-3);
height: 1px;
width: 40px;
top: -4px;
margin-inline-end: 10px;
position: relative;
}
.wp-block-quote.wp-block-quote,
blockquote.wp-block-quote {
padding-inline-start: 110px;
}
.wp-block-quote.wp-block-quote:where(.has-text-align-right),
blockquote.wp-block-quote:where(.has-text-align-right) {
text-align: end;
}
.wp-block-quote.wp-block-quote:where(.has-text-align-right)::before,
blockquote.wp-block-quote:where(.has-text-align-right)::before {
inset-inline-end: 110px;
inset-inline-start: auto;
}
.wp-block-pullquote blockquote {
margin: 0 !important;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-inline-start: auto !important;
margin-inline-end: auto !important;
}
.tj-post-details_tags_share {
display: flex;
flex-wrap: wrap;
gap: 25px;
align-items: start;
justify-content: space-between;
border-top: 1px solid var(--tj-color-border-2);
border-bottom: 1px solid var(--tj-color-border-2);
padding-top: 25px;
padding-bottom: 25px;
margin-bottom: 30px;
}
.tj-post-details_tags_share .tag__title {
display: inline-block;
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-bold);
font-size: 16px;
line-height: 1;
text-transform: capitalize;
}
.tj-post-details_tags_share .tagcloud {
width: calc(100% - 238px);
}
.tj-post-details_tags_share .tagcloud a {
font-size: 16px !important;
}
.tj-post-details_tags_share .tj-socials_share {
max-width: 208px;
width: 100%;
margin-top: 1px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.tj-post-details_tags_share .tj-socials_share a {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border: 0;
color: var(--tj-color-common-white);
background-color: #aeb2b9;
font-size: 16px;
line-height: 1;
border-radius: 50%;
}
.tj-post-details_tags_share .tj-socials_share a:hover {
background-color: var(--tj-color-theme-primary);
}
.tj-post-details_tags_share.no-social-share .tagcloud {
width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-post-details_tags_share .tagcloud {
width: 100%;
}
}
.tj-post__navigation {
padding: 20px 30px;
border: 1px solid var(--tj-color-border-2);
display: flex;
gap: 25px;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.tj-post__navigation .tj-nav-post__nav a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 15px;
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-bold);
}
.tj-post__navigation .tj-nav-post__nav a span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
background-color: var(--tj-color-theme-bg);
font-size: 24px;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.tj-post__navigation .tj-nav-post__nav a span i {
color: var(--tj-color-theme-primary);
}
.tj-post__navigation .tj-nav-post__nav a:hover span {
background-color: var(--tj-color-theme-primary);
}
.tj-post__navigation .tj-nav-post__nav a:hover span i {
color: var(--tj-color-common-white);
}
.tj-post__navigation .tj-nav-post__grid {
font-size: 40px;
line-height: 1;
color: var(--tj-color-theme-primary);
}
.tj-comments-wrap {
margin-bottom: 50px;
}
.tj-comments-wrap .comments-title .title {
font-size: 28px;
margin-bottom: 25px;
}
@media (max-width: 575px) {
.tj-comments-wrap .comments-title .title {
margin-bottom: 15px;
}
}
.tj-latest-comments ul {
margin: 0;
padding: 0;
list-style: none;
}
.tj-latest-comments ul .tj-comment {
margin-bottom: 20px;
}
.tj-latest-comments ul .tj-comment:last-child {
margin-bottom: 0;
}
.tj-latest-comments ul .tj-comment .comment-content {
padding: 30px;
border: 1px solid var(--tj-color-border-2);
position: relative;
}
.tj-latest-comments ul .tj-comment .comment-content .comment-avatar {
max-width: 64px;
width: 100%;
}
.tj-latest-comments ul .tj-comment .comment-content .comment-avatar img {
width: 100%;
border-radius: 50%;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header {
display: flex;
gap: 20px;
align-items: center;
}
@media (max-width: 575px) {
.tj-latest-comments ul .tj-comment .comment-content .comments-header {
flex-direction: column;
gap: 20px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-avatar {
margin-inline-end: auto;
}
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title {
font-size: 18px;
margin-bottom: 8px;
text-transform: capitalize;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title a {
text-decoration: none;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .avatar-name .title a:hover {
color: var(--tj-color-theme-primary);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .comment-reply-link {
position: absolute;
top: 30px;
inset-inline-end: 30px;
font-size: 14px;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-theme-secondary);
text-decoration: none;
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .comment-reply-link i {
margin-inline-end: 5px;
color: var(--tj-color-theme-secondary);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .comment-reply-link:hover {
color: var(--tj-color-theme-primary);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text .comment-reply-link:hover i {
color: var(--tj-color-theme-primary);
}
.tj-latest-comments ul .tj-comment .comment-content .comments-header .comment-text span {
font-size: 14px;
color: var(--tj-color-common-black-3);
font-weight: var(--tj-fw-regular);
}
.tj-latest-comments ul .tj-comment .desc {
margin-top: 15px;
padding-inline-start: 85px;
}
.tj-latest-comments ul .tj-comment .desc p:last-child {
margin-bottom: 0;
}
@media (max-width: 575px) {
.tj-latest-comments ul .tj-comment .desc {
padding-inline-start: 0;
}
}
.tj-latest-comments ul .tj-comment > .children {
padding-inline-start: 75px;
}
.tj-latest-comments ul .tj-comment:last-child .comment-content .comments-header {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
@media (max-width: 575px) {
.tj-latest-comments ul li .children {
padding-inline-start: 35px;
}
}
.tj-comments__container {
margin-top: 50px;
}
.comment-respond .comment-reply-title {
font-size: 28px;
margin-bottom: 20px;
}
.comment-respond .form-input {
margin-bottom: 25px;
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]),
.comment-respond .form-input textarea,
.comment-respond .form-input input[type=email],
.comment-respond .form-input input[type=text] {
font-weight: var(--tj-fw-medium);
background: var(--tj-color-theme-bg);
height: 60px;
padding: 18px 25px;
border: 0;
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::placeholder,
.comment-respond .form-input textarea::placeholder,
.comment-respond .form-input input[type=email]::placeholder,
.comment-respond .form-input input[type=text]::placeholder {
color: var(--tj-color-text-body-2);
font-weight: var(--tj-fw-medium);
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-ms-input-placeholder,
.comment-respond .form-input textarea::-ms-input-placeholder,
.comment-respond .form-input input[type=email]::-ms-input-placeholder,
.comment-respond .form-input input[type=text]::-ms-input-placeholder {
color: var(--tj-color-text-body-2);
font-weight: var(--tj-fw-medium);
}
.comment-respond .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):focus,
.comment-respond .form-input textarea:focus,
.comment-respond .form-input input[type=email]:focus,
.comment-respond .form-input input[type=text]:focus {
border-color: var(--tj-color-theme-primary);
}
.comment-respond .form-input textarea {
min-height: 150px;
resize: none;
}
.tj-sidebar-widget {
padding: 35px 30px;
border: 1px solid var(--tj-color-border-2);
}
.tj-sidebar-widget:not(:last-child) {
margin-bottom: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-sidebar-widget {
padding: 20px;
}
}
.tj-sidebar-widget-title {
margin-bottom: 30px;
position: relative;
padding-bottom: 12px;
font-size: 20px;
}
.tj-sidebar-widget-title::before, .tj-sidebar-widget-title::after {
position: absolute;
content: "";
bottom: 0;
height: 3px;
background: var(--tj-color-theme-primary);
}
.tj-sidebar-widget-title::before {
inset-inline-start: 0;
width: 40px;
}
.tj-sidebar-widget-title::after {
inset-inline-start: 45px;
width: 10px;
}
.tj-sidebar-widget .tj_widget_categories ul {
margin: 0;
padding: 0;
list-style: none;
}
.tj-sidebar-widget .tj_widget_categories ul li {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
font-size: 16px;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
padding: 15px 24px;
margin-bottom: 20px;
color: var(--tj-color-heading-primary);
background: var(--tj-color-theme-bg);
z-index: 1;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.tj-sidebar-widget .tj_widget_categories ul li:last-child {
margin-bottom: 0;
}
.tj-sidebar-widget .tj_widget_categories ul li a {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--tj-color-heading-primary);
}
.tj-sidebar-widget .tj_widget_categories ul li:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.tj-sidebar-widget .tj_widget_categories ul li:hover a {
color: var(--tj-color-common-white);
}
.tj-sidebar-widget .tj_widget_categories ul li:hover a span {
color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-sidebar-widget .tj_widget_categories ul li {
padding: 15px;
}
}
.sidebar-search form {
position: relative;
}
.sidebar-search form input[type=search] {
border-radius: 0;
width: 100%;
height: 60px;
padding: 16px 20px 16px 50px;
border: 0;
line-height: 1;
color: var(--tj-color-text-body);
background-color: var(--tj-color-theme-bg);
-webkit-appearance: textfield;
appearance: textfield;
}
.sidebar-search form input[type=search]::placeholder {
color: var(--tj-color-common-black-2);
}
.sidebar-search form button {
position: absolute;
top: 50%;
inset-inline-start: 20px;
transform: translateY(-50%);
font-size: 18px;
line-height: 1;
color: var(--tj-color-common-black-2);
}
.sidebar-search form button:hover {
color: var(--tj-color-theme-primary);
}
.sidebar-recent-post .single-post {
column-gap: 15px;
row-gap: 10px;
}
.sidebar-recent-post .single-post:not(:last-child) {
margin-bottom: 25px;
}
.sidebar-recent-post .single-post .post-image {
width: 100px;
height: 100px;
overflow: hidden;
}
.sidebar-recent-post .single-post .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
}
.sidebar-recent-post .single-post .post-image a {
display: inline-block;
height: 100%;
}
.sidebar-recent-post .single-post:hover .post-image img {
transform: scale(1.12);
}
.sidebar-recent-post .single-post .post-header {
width: calc(100% - 100px);
}
.sidebar-recent-post .single-post .post-header .title-link {
margin-bottom: 10px;
font-size: 16px;
}
.sidebar-recent-post .single-post .post-header .title-link a:hover {
color: var(--tj-color-theme-primary);
}
.sidebar-recent-post .single-post .post-header .date {
display: block;
line-height: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.sidebar-recent-post .single-post .post-header {
width: calc(100% - 85px);
}
}
.widget_categories ul > li {
width: 100%;
display: block;
color: var(--tj-color-heading-primary);
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.widget_categories ul > li:not(:last-child) {
margin-bottom: 15px;
}
.widget_categories ul > li > a {
color: var(--tj-color-heading-primary);
}
.widget_categories ul > li > a:hover {
color: var(--tj-color-theme-primary);
}
.widget_categories ul > li > ul {
width: 100%;
margin-top: 15px;
padding-inline-start: 20px;
}
p.wp-block-tag-cloud,
.tagcloud {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
p.wp-block-tag-cloud a,
.tagcloud a {
position: relative;
padding: 8px 10px;
font-size: 16px !important;
font-weight: var(--tj-fw-regular);
border: 1px solid var(--tj-color-border-2);
background: transparent;
border-radius: 30px;
line-height: 1;
text-decoration: none;
z-index: 1;
}
p.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
background-color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.tj-sidebar__widget .tagcloud a,
.tj-sidebar__widget .wp-block-tag-cloud a {
font-size: 16px !important;
}
.tj-sidebar-cta {
height: 450px;
padding: 40px 26px;
display: flex;
flex-direction: column;
justify-content: space-between;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
overflow: hidden;
z-index: 2;
}
.tj-sidebar-cta::before {
position: absolute;
top: 0;
inset-inline-start: 0;
content: "";
width: 100%;
height: 100%;
background: linear-gradient(153.92deg, #051229 43.48%, #0075ff 124.42%);
z-index: -1;
opacity: 0.85;
}
.tj-sidebar-cta .icon {
margin-bottom: 30px;
}
.tj-sidebar-cta h3 {
color: var(--tj-color-common-white);
margin-bottom: 15px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-sidebar-cta h3 {
font-size: 22px;
}
}
.tj-sidebar-cta p {
color: var(--tj-color-common-white-2);
}
.tj-sidebar-cta .cta-btn {
position: relative;
display: inline-block;
max-width: 230px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-sidebar-cta .cta-btn {
max-width: 210px;
}
}
.tj-sidebar-cta .cta-btn .shapes {
position: absolute;
bottom: 20px;
inset-inline-end: -18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-sidebar-cta .cta-btn .shapes {
inset-inline-end: -30px;
width: 85px;
}
}
.tj-latest-comments ul .tj-comment .children li {
padding-top: 15px;
}  .tj-project-section {
padding-top: 120px;
padding-bottom: 120px;
background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-project-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-project-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
.tj-project-section-two {
position: relative;
background-color: var(--tj-color-theme-dark);
z-index: 1;
}
.tj-project-section-two .marquee-slider-wrapper-two {
position: absolute;
top: 120px;
inset-inline-start: 0;
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-project-section-two .marquee-slider-wrapper-two {
top: 120px;
}
}
@media (max-width: 575px) {
.tj-project-section-two .marquee-slider-wrapper-two {
display: none;
}
}
.tj-project-section-two .projects_button {
margin-top: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px), (max-width: 575px) {
.tj-project-section-two .projects_button {
margin-top: 40px;
}
}
.project-section-three {
background: var(--tj-color-theme-dark);
}
.project-section-three .sec-heading {
max-width: 550px;
margin-inline-start: auto;
margin-inline-end: auto;
}
.project-section-three .sec-heading .sec-title {
color: rgb(225, 232, 240);
letter-spacing: -0.025em;
}
.project-wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
column-gap: 90px;
align-items: start;
z-index: 2;
justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.project-wrapper {
column-gap: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper {
align-items: center;
justify-content: center;
gap: 30px;
}
}
.project-wrapper .project-style-2:nth-child(even) {
margin-top: 300px;
margin-bottom: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.project-wrapper .project-style-2:nth-child(even) {
margin-top: 150px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper .project-style-2:nth-child(even) {
margin-top: 0px;
}
}
.project-item {
position: relative;
z-index: 1;
overflow: hidden;
}
.project-item::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
background: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, var(--tj-color-theme-dark) 84%);
z-index: 3;
}
.project-item .project-image a {
display: inline-block;
width: 100%;
}
.project-item .project-image a img {
width: 100%;
}
.project-item .project-content {
position: absolute;
bottom: 0;
inset-inline-start: 0;
width: 100%;
padding: 15px 30px 40px 30px;
z-index: 5;
}
.project-item .project-content .project-title .title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
margin-bottom: 0;
}
.project-item .project-content .project-title .title a {
display: inline-flex;
align-items: start;
position: relative;
z-index: 1;
padding-inline-end: 30px;
}
.project-item .project-content .project-title .title a i,
.project-item .project-content .project-title .title a svg {
display: inline-flex;
line-height: 1;
transform: translateX(-20px);
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
position: absolute;
inset-inline-end: 0;
top: 5px;
opacity: 0;
visibility: hidden;
}
.project-item .project-content .project-title .title a:hover {
letter-spacing: 0;
}
.project-item .project-content .project-title .title a:hover i,
.project-item .project-content .project-title .title a:hover svg {
visibility: visible;
opacity: 1;
transform: translateX(0);
}
.project-item .project-content .tag-list {
display: flex;
align-items: center;
gap: 11px;
margin-top: 15px;
}
.project-item .project-content .tag-list a {
display: inline-flex;
color: var(--tj-color-common-white-2);
background: rgba(247, 247, 247, 0.1);
font-size: 14px;
line-height: 1;
font-weight: var(--tj-fw-regular);
padding: 6px 10px;
border-radius: 40px;
}
.project-item .project-content .tag-list a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.project-item:hover .project-image img {
transform: scale(1.12);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.project-item .project-content {
padding: 15px 15px 35px 20px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.project-item .project-content {
padding: 15px 15px 35px 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.project-item .project-content {
padding: 15px 15px 35px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-item .project-content {
padding: 15px 15px 30px 15px;
}
}
.project-style-2 {
max-width: 603px;
width: 100%;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 15px 15px;
margin-bottom: 300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.project-style-2 {
max-width: 543px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.project-style-2 {
max-width: 450px;
margin-bottom: 150px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.project-style-2 {
max-width: 332px;
margin-bottom: 150px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-style-2 {
margin-bottom: 0;
}
}
.project-style-2 .project-images {
overflow: hidden;
position: relative;
}
.project-style-2 .project-images img {
mix-blend-mode: luminosity;
transition: transform 0.4s ease-in-out;
}
.project-style-2 .project-images a {
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%) scale(0.5);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
width: 120px;
height: 120px;
padding: 3%;
text-align: center;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transition: transform 0.4s ease-in-out;
}
.project-style-2 .project-content {
padding: 30px 15px 15px;
}
.project-style-2 .project-content .title {
margin-bottom: 10px;
}
.project-style-2 .project-content .title a {
color: var(--tj-color-common-white);
}
.project-style-2 .project-content .title a:hover {
letter-spacing: 0;
}
.project-style-2:hover .project-images img {
transform: scale(1.12);
}
.project-style-2:hover .project-images a {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
visibility: visible;
}
.project-wrapper-two {
display: flex;
align-items: center;
gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper-two {
gap: 30px;
}
}
.project-style-3 {
position: relative;
overflow: hidden;
z-index: 1;
}
.project-style-3 .project-thumb {
position: relative;
width: 120px;
height: 620px;
object-fit: cover;
border-inline-start: 1px solid rgb(39, 53, 77);
border-inline-end: 1px solid rgb(39, 53, 77);
transition: 0.6s ease-in-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.project-style-3 .project-thumb {
width: 90px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.project-style-3 .project-thumb {
width: 80px;
}
}
.project-style-3 .project-thumb .image {
opacity: 0;
visibility: hidden;
width: 100%;
height: 0;
}
.project-style-3 .project-thumb .image img {
height: 100%;
width: 100%;
object-fit: cover;
}
.project-style-3 .project-thumb .project-default-content .title {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%) rotate(180deg);
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
writing-mode: vertical-lr;
text-orientation: mixed;
margin-bottom: 0;
}
.project-style-3 .project-thumb .project-default-content span {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%) rotate(-45deg);
display: inline-flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
font-size: 28px;
color: var(--tj-color-common-white);
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
border-radius: 50%;
}
.project-style-3 .project-content-box {
position: absolute;
bottom: 30px;
inset-inline-start: 30px;
max-width: 380px;
width: 100%;
opacity: 0;
visibility: hidden;
padding: 30px 30px;
transform: translateY(150%);
transition: all 0.9s;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
}
@media (max-width: 575px) {
.project-style-3 .project-content-box {
inset-inline-start: 15px;
bottom: 15px;
max-width: 320px;
padding: 25px;
}
}
.project-style-3 .project-content-box .project-tags {
margin-bottom: 25px;
}
.project-style-3 .project-content-box .project-tags ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 11px;
row-gap: 11px;
}
.project-style-3 .project-content-box .project-tags ul li a {
font-size: 14px;
background: var(--tj-color-common-white);
backdrop-filter: blur(35px);
color: var(--tj-color-text-body);
padding: 3px 10px 6px;
line-height: 1;
border-radius: 50px;
}
.project-style-3 .project-content-box .project-tags ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.project-style-3 .project-content-box .project-text .title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
margin-bottom: 10px;
}
.project-style-3 .project-content-box .project-text .title a:hover {
letter-spacing: 0;
}
.project-style-3 .project-content-box .project-text .desc {
color: var(--tj-color-common-white);
}
.project-style-3 .project-content-box .project-text .desc p:last-child {
margin-bottom: 0;
}
.project-style-3 .project-content-box .project-text .project-button {
margin-top: 20px;
}
.project-style-3 .project-content-box .project-text .project-button .project-btn {
display: inline-flex;
align-items: center;
column-gap: 5px;
color: var(--tj-color-common-white);
font-size: 15px;
font-weight: var(--tj-fw-bold);
}
.project-style-3 .project-content-box .project-text .project-button .project-btn i {
position: relative;
top: 1px;
}
.project-style-3 .project-content-box .project-text .project-button .project-btn::before {
background: var(--tj-color-common-white);
}
.project-style-3.active .project-thumb {
width: 735px;
border-inline-start: 1px solid transparent;
border-inline-end: 1px solid transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.project-style-3.active .project-thumb {
width: 680px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.project-style-3.active .project-thumb {
width: 535px;
}
}
.project-style-3.active .project-thumb .image {
height: 100%;
opacity: 1;
visibility: visible;
}
.project-style-3.active .project-thumb .project-default-content {
opacity: 0;
visibility: hidden;
}
.project-style-3.active .project-content-box {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-style-3 .project-thumb {
border-inline-start: 1px solid transparent;
border-inline-end: 1px solid transparent;
}
.project-style-3 .project-thumb .image {
height: 100%;
opacity: 1;
visibility: visible;
}
.project-style-3 .project-thumb .project-default-content {
opacity: 0;
visibility: hidden;
}
.project-style-3 .project-content-box {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
.project-category ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
column-gap: 12px;
row-gap: 12px;
align-items: center;
}
.project-category ul li a {
display: inline-block;
color: var(--tj-color-common-white-2);
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
font-size: 14px;
border-radius: 40px;
padding: 6px 10px;
line-height: 1;
}
.project-category ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper-two {
flex-direction: column;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper-two .project-style-3 {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper-two .project-style-3 .project-thumb {
width: 100%;
height: 90px;
border-inline-start: 0;
border-inline-end: 0;
border-top: 1px solid rgb(39, 53, 77);
border-bottom: 1px solid rgb(39, 53, 77);
padding-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper-two .project-style-3 .project-thumb .project-default-content {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper-two .project-style-3 .project-thumb .project-default-content span {
position: unset;
transform: unset;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper-two .project-style-3 .project-thumb .project-default-content .title {
position: unset;
transform: unset;
writing-mode: unset;
text-orientation: unset;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.project-wrapper-two .project-style-3.active .project-thumb {
padding-top: 0;
height: 565px;
}
}
@media (max-width: 575px) {
.project-wrapper-two .project-style-3.active .project-thumb {
padding-top: 0;
height: 495px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-wrapper-two .project-style-3 {
width: 100%;
}
.project-wrapper-two .project-style-3 .project-thumb {
padding-top: 0;
height: 565px;
}
}
@media (max-width: 575px) {
.project-wrapper-two .project-style-3 .project-thumb {
padding-top: 0;
height: 495px;
}
}
.project_catagory ul {
margin: 0;
padding: 0;
list-style: none;
}
.project_catagory ul li {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
font-weight: var(--tj-fw-sbold);
padding: 19px 0;
position: relative;
z-index: 1;
border-bottom: 1px solid var(--tj-color-border-3);
}
.project_catagory ul li:first-child {
padding-top: 0;
}
.project_catagory ul li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.project_catagory ul li span {
color: var(--tj-color-body-text);
}
.project_catagory ul li span.first-child {
min-width: 100px;
position: relative;
z-index: 1;
}
.project_catagory ul li span.first-child::before {
position: absolute;
content: ":";
top: 50%;
transform: translateY(-50%);
inset-inline-end: 0;
}
.project_catagory ul li .share-socials {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
.project_catagory ul li .share-socials a {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border: 0;
color: var(--tj-color-common-white);
background-color: #aeb2b9;
font-size: 16px;
line-height: 1;
border-radius: 50%;
}
.project_catagory ul li .share-socials a:hover {
background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.project_catagory ul li span.first-child {
min-width: 80px;
}
}
.tj-project-page .project-item .desc {
margin-top: 10px;
color: var(--tj-color-common-white-2);
}
.tj_projects .project-navigation {
margin-top: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj_projects .project-navigation {
margin-top: 30px;
}
}  .tj-counter-section {
padding-top: 120px;
padding-bottom: 120px;
background-color: var(--tj-color-theme-bg);
}
.tj-counter-section .sec-heading {
max-width: 560px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-counter-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-counter-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
.counter-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.counter-wrapper {
max-width: 516px;
margin: 0 auto;
}
.counter-wrapper .counter-item {
max-width: 50%;
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)) {
border-bottom: 1px solid var(--tj-color-border-2);
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)) .bottom-line::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
left: 50%;
bottom: -6px;
border: 3px solid var(--tj-color-theme-primary);
transform: translateX(-50%);
background-color: var(--tj-color-common-white);
z-index: 2;
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)) .bottom-line::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
left: 50%;
bottom: -10px;
transform: translateX(-50%);
background-color: var(--tj-color-common-white);
z-index: -1;
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)).style-2 {
border-color: var(--tj-color-border-1);
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)).style-2 .bottom-line::before {
border: 3px solid var(--tj-color-theme-dark);
background-color: var(--tj-color-theme-primary);
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)).style-2 .bottom-line::after {
background-color: var(--tj-color-theme-primary);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and (max-width: 575px) {
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)).style-2 .bottom-line::after {
width: 16px;
height: 16px;
bottom: -8px;
}
}
@media (max-width: 575px) {
.counter-wrapper {
justify-content: center;
}
.counter-wrapper .counter-item {
max-width: 50%;
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)) {
border-bottom: 1px solid var(--tj-color-border-2);
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)) .bottom-line::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
left: 50%;
bottom: -6px;
border: 3px solid var(--tj-color-theme-primary);
transform: translateX(-50%);
background-color: var(--tj-color-common-white);
z-index: 2;
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)) .bottom-line::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
left: 50%;
bottom: -10px;
transform: translateX(-50%);
background-color: var(--tj-color-common-white);
z-index: -1;
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)).style-2 {
border-color: var(--tj-color-border-1);
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)).style-2 .bottom-line::before {
border: 3px solid var(--tj-color-theme-dark);
background-color: var(--tj-color-theme-primary);
}
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)).style-2 .bottom-line::after {
background-color: var(--tj-color-theme-primary);
}
}
@media only screen and (max-width: 575px) and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 575px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (max-width: 575px) {
.counter-wrapper .counter-item:not(:nth-last-child(-n+2)).style-2 .bottom-line::after {
width: 16px;
height: 16px;
bottom: -8px;
}
}
.counter-item {
position: relative;
max-width: 324px;
width: 100%;
border-inline-end: 1px solid var(--tj-color-border-2);
padding: 50px 40px 60px 55px;
z-index: 1;
}
.counter-item::before {
position: absolute;
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
top: 50%;
inset-inline-end: -6px;
border: 3px solid var(--tj-color-theme-primary);
transform: translateY(-50%);
background-color: var(--tj-color-common-white);
z-index: 2;
}
.counter-item::after {
position: absolute;
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
top: 50%;
inset-inline-end: -10px;
transform: translateY(-50%);
background-color: var(--tj-color-common-white);
z-index: -1;
}
.counter-item:last-child {
border-inline-end: none;
}
.counter-item:last-child::after, .counter-item:last-child::before {
display: none;
}
.counter-item .number {
display: flex;
align-items: center;
color: var(--tj-color-heading-primary);
font-family: var(--tj-ff-heading);
font-size: 70px;
font-weight: var(--tj-fw-sbold);
line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter-item .number {
font-size: 60px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.counter-item .number {
font-size: 54px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.counter-item .number {
font-size: 44px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.counter-item .number {
font-size: 40px;
}
}
.counter-item .number span {
line-height: 1;
font-family: inherit;
}
.counter-item .sub-title {
line-height: 1;
display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter-item {
max-width: 278px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.counter-item {
max-width: 230px;
padding: 50px 30px 60px 31px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.counter-item {
max-width: 180px;
padding: 30px 20px 35px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.counter-item {
max-width: 258px;
padding: 30px 15px 35px 70px;
}
.counter-item .number {
margin-bottom: 10px;
}
.counter-item span {
line-height: 1.4;
}
.counter-item:nth-child(2) {
border-inline-end: none;
}
.counter-item:nth-child(2)::after, .counter-item:nth-child(2)::before {
display: none;
}
}
@media (max-width: 575px) {
.counter-item {
justify-content: center;
max-width: 170px;
padding: 30px 15px;
text-align: center;
}
.counter-item:nth-child(2) {
border-inline-end: none;
}
.counter-item:nth-child(2)::after, .counter-item:nth-child(2)::before {
display: none;
}
.counter-item .number {
margin-bottom: 10px;
justify-content: center;
}
.counter-item span {
line-height: 1.4;
}
}  .tj-evolute {
max-width: 905px;
padding: 71px 60px;
background-color: var(--tj-color-theme-bg-2);
clip-path: polygon(100% 0, 100% 90%, 90% 100%, 0 100%, 0 0);
margin-inline-start: auto;
margin-inline-end: -100px;
}
@media (max-width: 1790px) {
.tj-evolute {
padding: 54px 50px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute {
margin: 0;
max-width: 100%;
clip-path: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute {
padding: 40px;
}
}
@media (max-width: 575px) {
.tj-evolute {
padding: 40px 25px;
}
}
.tj-evolute-area {
position: relative;
padding-top: 66px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute-area {
padding-top: 0;
}
}
.tj-evolute-image {
max-width: calc(100% - 80px);
position: relative;
bottom: 65px;
inset-inline-end: 0;
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 10%, 10% 0);
margin-inline-start: auto;
}
@media (max-width: 1790px) {
.tj-evolute-image {
bottom: 58px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute-image {
max-width: 100%;
bottom: 0;
clip-path: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute-image img {
height: 100% !important;
width: 100%;
object-fit: cover;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-evolute-image {
height: 547px;
}
}
@media (max-width: 575px) {
.tj-evolute-image {
height: 450px;
}
}
.tj-evolute-title {
font-size: 24px;
font-family: var(--tj-ff-heading);
font-weight: 600;
display: inline-block;
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
padding: 5px 20px;
border-radius: 30px;
}
.tj-evolute-title i {
font-size: 17px;
margin-inline-end: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute-title {
font-size: 18px;
}
}
.tj-evolute .desc {
font-size: 24px;
color: #364052;
max-width: 750px;
}
@media (max-width: 1870px) {
.tj-evolute .desc {
font-size: 22px;
}
}
@media (max-width: 1650px) {
.tj-evolute .desc {
font-size: 20px;
margin-bottom: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute .desc {
max-width: 100%;
font-size: 16px;
letter-spacing: 0;
}
}
.tj-evolute-counter {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
max-width: 560px;
gap: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute-counter {
gap: 15px;
}
}
@media (max-width: 500px) {
.tj-evolute-counter {
grid-template-columns: 1fr 1fr;
}
}
.tj-evolute-counter .counter-item {
padding: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute-counter .counter-item {
border: 0;
}
}
.tj-evolute-counter .counter-item::after, .tj-evolute-counter .counter-item::before {
display: none;
}
.tj-evolute-counter .counter-item .number {
font-size: 48px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute-counter .counter-item .number {
font-size: 36px;
}
}
.tj-evolute-counter .counter-item .sub-title {
margin-top: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-evolute-counter .counter-item .sub-title {
margin-top: 10px;
}
}
.tj-error__content {
margin-top: -25px;
}  .tj-service-section {
padding-top: 120px;
padding-bottom: 90px;
overflow: hidden;
}
.tj-service-section .sec-heading {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: end;
justify-content: space-between;
}
.tj-service-section .sec-heading .sec-title {
margin-bottom: 0;
line-height: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-service-section {
padding-top: 100px;
padding-bottom: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-service-section {
padding-top: 80px;
padding-bottom: 50px;
}
.tj-service-section .sec-heading {
margin-bottom: 40px;
}
.tj-service-section .sec-heading .service-rating {
text-align: start;
}
}
.tj-service-section-two .sec-heading {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.tj-service-section-two .sec-heading .sec-text {
max-width: 550px;
width: 100%;
}
.tj-service-section-two .sec-heading .sec-text .sec-title {
margin-bottom: 0;
}
.tj-service-section-three {
background: var(--tj-color-theme-bg);
}
.tj-service-section-three .sec-heading {
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: space-between;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-service-section-three .sec-heading {
row-gap: 30px;
}
}
.tj-service-section-three .sec-heading .sec-text {
max-width: 520px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-service-section-three .sec-heading .sec-text {
max-width: 490px;
}
}
.tj-service-section-three .sec-heading .sec-text .sec-title {
margin-bottom: 0;
letter-spacing: -0.025em;
}
.service-rating {
text-align: end;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-rating {
text-align: start;
}
}
.service-rating .star-fill {
display: inline-block;
background-color: var(--tj-color-theme-primary);
border-radius: 32px;
padding: 2px 7px 3px 12px;
margin-bottom: 16px;
}
.service-rating .review {
font-size: 16px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-black-2);
line-height: 1;
}
.service-rating .review strong {
color: var(--tj-color-heading-primary);
}
.service-wrapper-two .service-style-3:last-child {
border-bottom: none;
}
.service-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-dark);
position: relative;
z-index: 5;
margin-bottom: 30px;
}
.service-item .service-images {
max-width: 645px;
width: 100%;
height: 100%;
}
.service-item .service-images img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service-item .service-images {
max-width: 550px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.service-item .service-images {
max-width: 500px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-item .service-images {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.service-item .service-images {
height: 610px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.service-item .service-images {
height: 450px;
}
}
@media (max-width: 575px) {
.service-item .service-images {
height: 350px;
}
}
.service-item .service-content {
display: flex;
flex-wrap: wrap;
gap: 25px;
flex-direction: column;
padding: 60px 15px 60px 65px;
}
.service-item .service-content .service-number {
display: flex;
align-items: end;
}
.service-item .service-content .service-number span {
display: inline-block;
font-size: 14px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-black-2);
}
.service-item .service-content .service-number span.active {
font-size: 18px;
color: var(--tj-color-common-white);
}
.service-item .service-content .service-text {
max-width: 365px;
width: 100%;
margin-top: auto;
}
.service-item .service-content .service-text .service-icons {
max-width: 70px;
width: 100%;
margin-bottom: 35px;
}
.service-item .service-content .service-text .service-icons img {
width: 100%;
}
.service-item .service-content .service-text .service-icons i {
font-size: 90px;
color: var(--tj-color-theme-primary);
}
.service-item .service-content .service-text .title {
letter-spacing: -0.025em;
margin-bottom: 20px;
}
.service-item .service-content .service-text .title a {
color: var(--tj-color-common-white);
}
.service-item .service-content .service-text .title:hover {
letter-spacing: 0;
}
.service-item .service-content .service-text .desc {
font-size: 16px;
color: var(--tj-color-common-white-2);
font-weight: var(--tj-fw-regular);
}
.service-item .service-content .service-text .desc p:last-child {
margin-bottom: 0;
}
.service-item .service-content .service-btn {
margin-top: 40px;
background-color: var(--tj-color-common-white);
}
.service-item .service-content .service-btn .btn_inner .btn_text {
color: var(--tj-color-heading-primary);
}
.service-item .service-content .service-btn:hover .btn_inner .btn_text {
color: var(--tj-color-common-white);
}
.service-item:hover .service-icons {
animation: wobble-horizontal-hover 1s ease-in-out 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.service-item .service-content {
padding: 40px 15px 40px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-item .service-content {
padding: 35px 30px 45px;
}
.service-item .service-content .service-text {
max-width: 100%;
}
.service-item .service-content .service-text .service-icons {
margin-bottom: 25px;
}
.service-item .service-content .service-btn {
margin-top: 25px;
}
}
.service-style-2 {
border: 1px solid var(--tj-color-border-2);
padding: 40px 30px 45px;
position: relative;
z-index: 2;
}
.service-style-2 .thumb {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.service-style-2 .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.service-style-2 .thumb::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
background: rgba(5, 18, 41, 0.65);
z-index: 1;
}
.service-style-2 .service-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
line-height: 1;
font-size: 70px;
color: var(--tj-color-theme-primary);
background: var(--tj-color-theme-bg);
border-radius: 50%;
margin-bottom: 55px;
position: relative;
z-index: 2;
}
.service-style-2 .service-content {
position: relative;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 2;
}
.service-style-2 .service-content .number {
display: block;
font-size: 16px;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-common-white-2);
margin-bottom: 15px;
line-height: 1;
}
.service-style-2 .service-content .title {
margin-bottom: 15px;
max-width: 300px;
}
.service-style-2 .service-content .title:hover {
letter-spacing: 0.025em;
}
.service-style-2 .service-content .desc p:last-child {
margin-bottom: 0;
}
.service-style-2 .service-button {
margin-top: 25px;
color: var(--tj-color-heading-primary);
}
.service-style-2 .service-button i {
color: var(--tj-color-heading-primary);
}
.service-style-2:hover .thumb {
opacity: 1;
visibility: visible;
}
.service-style-2:hover .service-icon {
background-color: var(--tj-color-common-white);
}
.service-style-2:hover .service-icon i {
animation: wobble-horizontal-hover 1s ease-in-out 1;
}
.service-style-2:hover .service-content .title a {
color: var(--tj-color-common-white);
}
.service-style-2:hover .service-content .desc {
color: var(--tj-color-common-white-2);
}
.service-style-2:hover .service-button {
color: var(--tj-color-common-white);
}
.service-style-2:hover .service-button i {
color: var(--tj-color-common-white);
}
.service-style-2:hover .service-button::before {
background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.service-style-2 {
padding: 30px 15px 35px;
}
.service-style-2 .service-icon {
width: 85px;
height: 85px;
font-size: 60px;
margin-bottom: 40px;
}
}
@media (max-width: 575px) {
.service-style-2 {
padding: 30px 15px 35px;
}
.service-style-2 .service-icon {
width: 80px;
height: 80px;
font-size: 50px;
margin-bottom: 30px;
}
.service-style-2 .service-button {
margin-top: 20px;
}
}
.service-style-3 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
background-color: var(--tj-color-common-white);
padding: 54px 30px;
border-bottom: 1px solid var(--tj-color-border-2);
position: relative;
min-height: 185px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.service-style-3 {
row-gap: 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-3 {
flex-direction: column;
align-items: start;
justify-content: start;
row-gap: 20px;
padding: 35px 30px;
}
}
.service-style-3 .service-image {
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.service-style-3 .service-image::before {
width: 100%;
height: 100%;
position: absolute;
content: "";
top: 0;
inset-inline-start: 0;
background: rgba(5, 18, 41, 0.2);
z-index: -1;
}
.service-style-3:hover {
min-height: 300px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-3:hover {
min-height: auto;
}
}
.service-style-3:hover .service-image {
opacity: 1;
visibility: visible;
}
.service-style-3:hover .service-button a i,
.service-style-3:hover .service-button a,
.service-style-3:hover p,
.service-style-3:hover .title a {
color: var(--tj-color-common-white);
}
.service-style-3 .service-title {
max-width: 275px;
width: 100%;
}
.service-style-3 .service-title .title {
display: flex;
flex-wrap: nowrap;
gap: 10px;
align-items: start;
margin-bottom: 0;
letter-spacing: -0.025em;
}
.service-style-3 .service-title .title span {
color: var(--tj-color-common-white-2);
position: relative;
top: 3px;
font-size: 16px;
font-weight: var(--tj-fw-bold);
line-height: 1;
}
.service-style-3 .service-title .title:hover {
letter-spacing: 0;
}
.service-style-3 .desc {
max-width: 340px;
width: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-3 .desc {
max-width: 100%;
}
}
.service-style-3 .desc p:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.service-style-3 .desc {
padding-inline-start: 30px;
}
}
.service-style-3 .service-button a {
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: 15px;
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-bold);
line-height: 1;
}
.service-style-3 .service-button a i {
color: var(--tj-color-heading-primary);
}
.service-style-3 .service-button a.text-btn::before {
background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.service-style-3 .service-button {
margin-top: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-btn {
margin-top: 40px;
}
}
.star-ratings {
unicode-bidi: bidi-override;
color: var(--tj-color-common-white);
font-size: 16px;
letter-spacing: 5px;
line-height: 1;
position: relative;
margin: 0;
padding: 0;
width: max-content !important;
-webkit-text-stroke: 1px var(--tj-color-common-white);
}
.star-ratings .fill-ratings {
color: var(--tj-color-common-white);
padding: 0;
position: absolute;
z-index: 2;
display: block;
top: 0;
inset-inline-start: 0;
overflow: hidden;
}
.star-ratings .fill-ratings span {
display: inline-block;
}
.star-ratings .empty-ratings {
position: relative;
padding: 0;
display: block;
z-index: 1;
color: var(--tj-color-common-white);
}
.tj-services-page .service-style-2 .service-content .title {
max-width: 290px;
}  .service-check-list ul {
margin: 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
border: 1px solid var(--tj-color-border-2);
border-bottom: 0;
}
@media (max-width: 575px) {
.service-check-list ul {
grid-template-columns: repeat(1, 1fr);
}
}
.service-check-list ul li {
display: flex;
gap: 6px;
padding: 30px;
border-bottom: 1px solid var(--tj-color-border-2);
}
.service-check-list ul li:not(:nth-child(even)) {
border-inline-end: 1px solid var(--tj-color-border-2);
}
@media (max-width: 575px) {
.service-check-list ul li:not(:nth-child(even)) {
border-inline-end: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-check-list ul li {
padding: 15px;
}
}
.service-check-list ul li span {
font-family: var(--tj-ff-heading);
font-weight: 600;
color: var(--tj-color-heading-primary);
}
.service-check-list ul li i {
font-size: 18px;
color: var(--tj-color-theme-primary);
margin-top: 3px;
}
.service-check-list.style-2 ul li span {
font-family: var(--tj-ff-body);
font-weight: 400;
}
.tj-feature {
padding: 35px 30px;
background: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-feature {
padding: 25px 22px;
}
}
.tj-feature .tj-feature-icon {
font-size: 52px;
color: var(--tj-color-theme-primary);
line-height: 1;
margin-bottom: 20px;
}
.tj-feature .tj-feature-icon img,
.tj-feature .tj-feature-icon svg {
max-width: 50px;
width: 100%;
height: auto;
}
.tj-feature-title {
margin-bottom: 20px;
}
.tj-feature p {
margin-bottom: 0;
}
.tj-feature:hover .tj-feature-icon {
animation: wobble-horizontal-hover 1s ease-in-out 1;
}
.service-category ul {
margin: 0;
padding: 0;
list-style: none;
}
.service-category ul li {
margin-bottom: 20px;
}
.service-category ul li:last-child {
margin-bottom: 0;
}
.service-category ul li a {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-bold);
padding: 17.5px 30px;
background: var(--tj-color-theme-bg);
}
.service-category ul li a i {
font-weight: 700;
color: var(--tj-color-heading-primary);
}
.service-category ul li a.active, .service-category ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.service-category ul li a.active i, .service-category ul li a:hover i {
color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-category ul li a {
padding: 17px 15px;
}
}  .tj-skill-section {
padding-top: 325px;
padding-bottom: 120px;
background-color: var(--tj-color-theme-bg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-skill-section {
padding-top: 250px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-skill-section {
padding-top: 220px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-skill-section {
padding-top: 150px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tj-skill-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media (max-width: 575px) {
.tj-skill-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
.skill-wrapper {
backdrop-filter: blur(17.5px);
background: rgba(247, 247, 247, 0.1);
max-width: 525px;
width: 100%;
margin-inline-start: auto;
padding: 40px;
}
.skill-wrapper .title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
margin-bottom: 15px;
}
.skill-wrapper .desc {
color: var(--tj-color-common-white-2);
margin-bottom: 35px;
}
.skill-wrapper .desc p:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.skill-wrapper {
max-width: 475px;
padding: 30px 15px 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.skill-wrapper {
max-width: 465px;
padding: 30px 15px 35px;
}
}
@media (max-width: 575px) {
.skill-wrapper {
max-width: 465px;
padding: 30px 15px 35px;
}
.skill-wrapper .desc {
margin-bottom: 25px;
}
}
.tj-progress-bar .progress-item {
position: relative;
margin-top: 20px;
z-index: 1;
}
.tj-progress-bar .progress-item:first-child {
margin-top: 0px;
}
.tj-progress-bar .progress-item .title {
font-size: 16px;
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
margin-bottom: 10px;
}
.tj-progress-bar .progress-item .item_bar {
position: relative;
height: 8px;
width: 100%;
background-color: rgba(247, 247, 247, 0.2);
margin-inline-start: 0;
}
.tj-progress-bar .progress-item .item_bar .progress {
position: absolute;
inset-inline-start: 0;
top: 0;
bottom: 0;
width: 0;
height: 8px;
margin: 0;
border-radius: 0px;
overflow: visible;
background-color: var(--tj-color-theme-primary);
transition: width 100ms ease;
}
.tj-progress-bar .progress-item .item_bar .progress::before {
position: absolute;
content: "";
width: 18px;
height: 18px;
top: 50%;
transform: translateY(-50%);
border: 4px solid var(--tj-color-theme-primary);
background-color: var(--tj-color-common-white);
border-radius: 50%;
inset-inline-end: -10px;
}
.tj-progress-bar .progress-item .item_bar .progress::after {
content: attr(data-value);
position: absolute;
inset-inline-end: -20px;
top: -32px;
font-size: 16px;
font-weight: 600;
color: var(--tj-color-common-white);
}  .pricing__box {
background: var(--tj-color-theme-bg);
padding: 40px 30px;
position: relative;
overflow: hidden;
clip-path: polygon(92% 0, 100% 5%, 100% 100%, 0 100%, 0 0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pricing__box.active {
background: var(--tj-color-theme-primary);
}
.pricing__box.active .pricing__package-desc span, .pricing__box.active .pricing__package-name, .pricing__box.active .pricing__package-price {
color: var(--tj-color-common-white);
}
.pricing__box.active .pricing__package-currency, .pricing__box.active .pricing__package-period, .pricing__box.active .pricing__package-desc {
color: var(--tj-color-common-white);
}
.pricing__box.active .pricing__features-list {
border-color: rgba(247, 247, 247, 0.15);
}
.pricing__box.active .pricing__features-list ul li {
color: var(--tj-color-common-white);
opacity: 0.7;
}
.pricing__box.active .pricing__features-list ul li i {
opacity: 0.7;
color: var(--tj-color-common-white);
}
.pricing__box.active .pricing__features-list ul li.active {
opacity: 1;
}
.pricing__box.style-2 {
background: var(--tj-color-common-white);
border: 1px solid var(--tj-color-border-2);
}
@media (max-width: 575px) {
.pricing__box.style-2 {
max-width: 350px;
margin: 0 auto;
}
}
.pricing__box.style-2::before {
position: absolute;
content: "";
width: 150px;
height: 150px;
border: 1px solid var(--tj-color-border-2);
top: -90px;
inset-inline-end: -134px;
transform: rotate(45deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.pricing__box.style-2::before {
top: -105px;
inset-inline-end: -120px;
transform: rotate(48deg);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.pricing__box.style-2::before {
top: -104px;
inset-inline-end: -120px;
transform: rotate(40deg);
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.pricing__box.style-2::before {
top: -125px;
inset-inline-end: -104px;
transform: rotate(50deg);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.pricing__box.style-2::before {
top: -108px;
inset-inline-end: -116px;
transform: rotate(35deg);
}
}
@media (max-width: 575px) {
.pricing__box.style-2::before {
top: -90px;
inset-inline-end: -135px;
transform: rotate(48deg);
}
}
.pricing__box.style-2.active {
background: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.pricing__box.style-2.active::before {
border-color: var(--tj-color-theme-primary);
}
.pricing__box.style-2.active .pricing__btn a {
background: var(--tj-color-common-white);
color: var(--tj-color-theme-dark);
}
.pricing__box.style-2.active .pricing__btn a i {
color: var(--tj-color-theme-dark);
}
.pricing__box.style-2.active .pricing__btn a:hover {
color: var(--tj-color-common-white);
background: var(--tj-color-theme-dark);
}
.pricing__box.style-2.active .pricing__btn a:hover i {
color: var(--tj-color-common-white);
}
.pricing__box.style-2.active .pricing__package-desc span, .pricing__box.style-2.active .pricing__package-name, .pricing__box.style-2.active .pricing__package-price {
color: var(--tj-color-common-white);
}
.pricing__box.style-2.active .pricing__package-currency, .pricing__box.style-2.active .pricing__package-period, .pricing__box.style-2.active .pricing__package-desc {
color: var(--tj-color-common-white);
}
.pricing__box.style-2.active .pricing__features-list {
border-color: rgba(247, 247, 247, 0.15);
}
.pricing__box.style-2.active .pricing__features-list ul li {
color: var(--tj-color-common-white);
opacity: 0.7;
}
.pricing__box.style-2.active .pricing__features-list ul li i {
opacity: 0.7;
color: var(--tj-color-common-white);
}
.pricing__box.style-2.active .pricing__features-list ul li.active {
opacity: 1;
}
.pricing__box.style-2 .pricing__badge {
background: var(--tj-color-theme-dark);
}
.pricing__badge {
font-size: 14px;
font-weight: 700;
background: var(--tj-color-theme-dark);
color: var(--tj-color-common-white);
width: 197px;
height: 31px;
display: flex;
align-items: end;
justify-content: center;
padding-bottom: 5px;
position: absolute;
top: 0;
inset-inline-end: 0;
clip-path: polygon(0 0, 83% 0, 100% 100%, 17% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 390px), only screen and (min-width: 768px) and (max-width: 1024px), (max-width: 575px) {
.pricing__badge {
clip-path: polygon(0 0, 86% 0, 100% 100%, 17% 100%);
}
}
.pricing__package-price {
font-size: 72px;
font-family: var(--tj-ff-heading);
font-weight: 600;
color: var(--tj-color-heading-primary);
line-height: 0.7;
display: flex;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.pricing__package-price {
font-size: 52px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.pricing__package-price {
font-size: 44px;
margin-bottom: 25px;
}
}
.pricing__package-name {
font-size: 18px;
color: var(--tj-color-heading-primary);
margin-bottom: 30px;
}
.pricing__package-currency {
font-size: 20px;
font-weight: 500;
color: var(--tj-color-common-black-2);
}
.pricing__package-period {
font-size: 20px;
font-weight: 500;
color: var(--tj-color-common-black-2);
margin-top: auto;
}
.pricing__package-desc span {
font-weight: 700;
color: var(--tj-color-theme-dark);
}
.pricing__features-list {
border-top: 1px solid var(--tj-color-border-2);
padding-top: 29px;
margin-top: 29px;
margin-bottom: 40px;
}
.pricing__features-list ul li {
margin-bottom: 8px;
display: block;
color: var(--tj-color-common-black-3);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pricing__features-list ul li i {
margin-inline-end: 8px;
color: var(--tj-color-common-black-3);
}
.pricing__features-list ul li.active {
color: var(--tj-color-text-body);
}
.pricing__features-list ul li.active i {
color: var(--tj-color-theme-primary);
}
.pricing__features-list ul li:last-child {
margin-bottom: 0px;
}
.pricing__btn a {
width: 100%;
height: 56px;
border-radius: 30px;
padding: 0 30px;
color: var(--tj-color-common-white);
background: var(--tj-color-theme-dark);
display: flex;
align-items: center;
justify-content: center;
}
.pricing__btn a span.btn-icon {
overflow: hidden;
position: relative;
display: inline-flex;
color: var(--tj-color-common-white);
}
.pricing__btn a span.btn-icon i {
color: var(--tj-color-common-white);
}
.pricing__btn a span.btn-icon i:first-child, .pricing__btn a span.btn-icon i:last-child {
transition: transform 0.4s ease-in-out 0s;
}
.pricing__btn a span.btn-icon i:last-child {
position: absolute;
transform: translateX(-150%);
}
.pricing__btn a .btn-text {
display: inline-flex;
overflow: hidden;
color: var(--tj-color-common-white);
text-shadow: 0 23px 0 currentColor;
}
.pricing__btn a .btn-text > span {
display: flex;
align-items: center;
backface-visibility: hidden;
transform: translateY(0);
transition: 0.5s;
}
.pricing__btn a:hover {
background: var(--tj-color-theme-primary);
}
.pricing__btn a:hover span.btn-icon {
color: var(--tj-color-common-white);
}
.pricing__btn a:hover span.btn-icon i {
color: var(--tj-color-common-white);
}
.pricing__btn a:hover span.btn-icon i:first-child {
transform: translateX(150%);
}
.pricing__btn a:hover span.btn-icon i:last-child {
transform: translateX(0);
}
.pricing__btn a:hover .btn-text {
color: var(--tj-color-common-white);
}
.pricing__btn a:hover .btn-text > span {
transform: translateY(-24px);
}
.pricing__btn.active a {
background: var(--tj-color-common-white);
}
.pricing__btn.active a span.btn-icon i {
color: var(--tj-color-theme-dark);
}
.pricing__btn.active a .btn-text {
color: var(--tj-color-theme-dark);
}
.pricing__btn.active a:hover {
background: var(--tj-color-theme-dark);
}
.pricing__btn.active a:hover span.btn-icon {
color: var(--tj-color-common-white);
}
.pricing__btn.active a:hover span.btn-icon i {
color: var(--tj-color-common-white);
}
.pricing__btn.active a:hover .btn-text {
color: var(--tj-color-common-white);
}
.pricing-tab {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.pricing-tab {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.pricing-tab {
margin-bottom: 40px;
}
}
.pricing-tab ul {
border: none;
display: inline-block;
max-width: 190px;
padding: 8px 10px;
border-radius: 30px;
background: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.pricing-tab ul {
margin-inline-start: 0;
}
}
.pricing-tab ul li {
display: inline-block;
list-style: none;
padding-inline-start: 0px;
}
.pricing-tab ul .nav-link {
padding: 7px 15px;
background: transparent;
font-weight: 600;
text-transform: capitalize;
color: var(--tj-color-common-white);
position: relative;
outline: none;
font-size: 16px;
border: none;
z-index: 2;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.pricing-tab ul .nav-link.active {
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.pricing-top {
margin-bottom: 45px;
}
}
@media (max-width: 575px) {
.pricing-top {
margin-bottom: 40px;
}
}  .tj-testimonial-section {
padding-top: 120px;
padding-bottom: 120px;
}
.tj-testimonial-section .sec-heading {
display: flex;
align-items: end;
justify-content: space-between;
}
.tj-testimonial-section .sec-heading .sec-title {
margin-bottom: 0;
}
.tj-testimonial-section .testimonial-pagination {
margin-top: 60px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-testimonial-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-testimonial-section {
padding-top: 80px;
padding-bottom: 80px;
}
.tj-testimonial-section .testimonial-pagination {
margin-top: 40px;
}
}
.tj-testimonial-section-three {
background: var(--tj-color-theme-bg);
}
.tj-testimonial-section-three .testimonial-pagination {
position: relative;
text-align: center;
margin-top: 60px;
z-index: 3;
}
.tj-testimonial-section-three .testimonial-pagination .swiper-pagination-bullet {
position: relative;
width: 10px;
height: 10px;
background: var(--tj-color-theme-primary);
opacity: 1;
margin: 0px 6px;
display: inline-block;
border-radius: 50%;
}
.tj-testimonial-section-three .testimonial-pagination .swiper-pagination-bullet-active {
position: relative;
}
.tj-testimonial-section-three .testimonial-pagination .swiper-pagination-bullet-active::before {
position: absolute;
content: "";
width: 22px;
height: 22px;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
border: 1px solid var(--tj-color-theme-primary);
border-radius: 50%;
}
.testimonial-item {
background-color: var(--tj-color-theme-bg);
padding: 35px 40px 40px 0px;
}
.testimonial-item .testimonial-content {
display: flex;
gap: 30px;
align-items: start;
padding-inline-start: 40px;
}
.testimonial-item .testimonial-content .testimonial-quote {
display: inline-flex;
font-size: 70px;
color: var(--tj-color-theme-primary);
line-height: 1;
transition: all 0.5s ease-in-out;
}
.testimonial-item .testimonial-content .testimonial-quote i {
display: inline-flex;
line-height: 1;
}
.testimonial-item .testimonial-content .desc {
max-width: 455px;
width: 100%;
font-size: 18px;
font-weight: var(--tj-fw-regular);
border-bottom: 1px solid var(--tj-color-border-2);
padding-bottom: 30px;
line-height: 1.5;
}
.testimonial-item .testimonial-content .desc p:last-child {
margin: 0;
}
.testimonial-item .tj-testimonial-author {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
margin-top: 20px;
}
.testimonial-item .tj-testimonial-author .author-images {
max-width: 118px;
width: 100%;
height: 106px;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/test-shapes.svg);
mask-repeat: no-repeat;
mask-size: contain;
background: var(--tj-color-common-white);
mask-position: center;
position: relative;
z-index: 1;
}
.testimonial-item .tj-testimonial-author .author-images img {
width: 85px;
height: 85px;
border-radius: 50%;
object-fit: cover;
position: absolute;
inset-inline-end: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.testimonial-item .tj-testimonial-author .author-rating {
display: inline-block;
background: var(--tj-color-common-white);
padding: 2px 10px 4px;
margin-bottom: 10px;
border-radius: 32px;
}
.testimonial-item .tj-testimonial-author .author-rating .star-ratings {
-webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.testimonial-item .tj-testimonial-author .author-rating .star-ratings .fill-ratings {
color: var(--tj-color-theme-primary);
}
.testimonial-item .tj-testimonial-author .author-rating .star-ratings .empty-ratings {
color: transparent;
}
.testimonial-item .tj-testimonial-author .author-text .author-name {
letter-spacing: -0.025em;
margin-bottom: 4px;
}
.testimonial-item .tj-testimonial-author .author-text .sub-title {
display: block;
line-height: 1;
}
.testimonial-item:hover .testimonial-quote {
transform: rotateY(-360deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial-item {
padding: 35px 15px 40px 0px;
}
.testimonial-item .testimonial-content .desc {
max-width: 365px;
font-size: 17px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.testimonial-item {
padding: 35px 15px 40px 0px;
}
.testimonial-item .testimonial-content {
padding-inline-start: 20px;
}
.testimonial-item .testimonial-content .desc {
max-width: 315px;
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.testimonial-item {
padding: 35px 15px 40px 0px;
}
.testimonial-item .testimonial-content {
padding-inline-start: 20px;
}
.testimonial-item .testimonial-content .desc {
max-width: 100%;
font-size: 16px;
}
}
@media (max-width: 575px) {
.testimonial-item {
padding: 30px 15px 35px 0px;
}
.testimonial-item .testimonial-content {
padding-inline-start: 15px;
gap: 15px;
}
.testimonial-item .testimonial-content .testimonial-quote {
font-size: 48px;
}
.testimonial-item .testimonial-content .desc {
max-width: 100%;
font-size: 16px;
}
}
.testimonial-images-2 {
max-width: 550px;
width: 100%;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.testimonial-images-2.hover\:shine {
max-width: 100%;
}
.testimonial-images-2.hover\:shine img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.testimonial-images-2.hover\:shine {
height: 630px;
}
}
.testimonial-images-2 .testimonial-funfact {
position: absolute;
inset-inline-start: 30px;
bottom: 30px;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(17.5px);
padding: 35px 30px 35px;
max-width: 238px;
}
@media (max-width: 575px) {
.testimonial-images-2 .testimonial-funfact {
inset-inline-start: 15px;
bottom: 15px;
padding: 30px;
}
}
.testimonial-images-2 .testimonial-funfact .number {
font-family: var(--tj-ff-heading);
font-size: 48px;
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
line-height: 1;
display: flex;
align-items: center;
}
.testimonial-images-2 .testimonial-funfact .number .odometer {
font-family: var(--tj-ff-heading);
line-height: 1;
}
.testimonial-images-2 .testimonial-funfact .sub-title {
display: inline-block;
color: var(--tj-color-common-white-2);
}
.tj-testimonial-slider-two .testimonial-navigation {
position: absolute;
inset-inline-end: 0;
bottom: 30px;
z-index: 10;
}
.tj-testimonial-slider-two .shape-image {
position: absolute;
bottom: 0;
inset-inline-end: 0;
width: 100%;
}
.tj-testimonial-slider-two .shape-image img {
height: 127px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-testimonial-slider-two .shape-image img {
height: 115px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-testimonial-slider-two .shape-image img {
height: 100px;
}
}
.testimonial-style-2 .testimonial-content {
max-width: 630px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-style-2 .testimonial-content {
max-width: 100%;
}
}
.testimonial-style-2 .testimonial-content .testimonial-quote {
margin-bottom: 15px;
}
.testimonial-style-2 .testimonial-content .testimonial-quote i {
font-size: 75px;
line-height: 1;
color: var(--tj-color-theme-primary);
}
.testimonial-style-2 .testimonial-content .desc {
font-size: 26px;
font-weight: var(--tj-fw-medium);
letter-spacing: -0.04em;
}
.testimonial-style-2 .testimonial-content .desc p:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-style-2 .testimonial-content .desc {
font-size: 18px;
}
}
.testimonial-style-2 .testimonial-content .testimonial-author {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 16px;
margin-top: 70px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-style-2 .testimonial-content .testimonial-author {
margin-top: 50px;
}
}
.testimonial-style-2 .testimonial-content .testimonial-author .author-images {
width: 95px;
height: 95px;
border-radius: 50%;
overflow: hidden;
}
@media (max-width: 575px) {
.testimonial-style-2 .testimonial-content .testimonial-author .author-images {
width: 60px;
height: 60px;
}
}
.testimonial-style-2 .testimonial-content .testimonial-author .author-images img {
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial-style-2 .testimonial-content .testimonial-author .author-text .testimonial-rating {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--tj-color-theme-bg);
padding: 2px 6px 4px 10px;
margin-bottom: 14px;
border-radius: 32px;
}
.testimonial-style-2 .testimonial-content .testimonial-author .author-text .testimonial-rating .star-ratings {
-webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.testimonial-style-2 .testimonial-content .testimonial-author .author-text .testimonial-rating .star-ratings .fill-ratings {
color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
.testimonial-style-2 .testimonial-content .testimonial-author .author-text .testimonial-rating .star-ratings {
font-size: 14px;
}
}
.testimonial-style-2 .testimonial-content .testimonial-author .author-text .title {
margin-bottom: 0;
}
@media (max-width: 575px) {
.testimonial-style-2 .testimonial-content .testimonial-author .author-text .title {
font-size: 16px;
}
}
.testimonial-style-2 .testimonial-content .testimonial-author .author-text .designation {
display: block;
color: var(--tj-color-common-black-2);
}
@media (max-width: 575px) {
.testimonial-style-2 .testimonial-content .testimonial-author .author-text .designation {
font-size: 14px;
}
}
.testimonial-style-3 {
position: relative;
z-index: 1;
}
.testimonial-style-3 .testimonial-content-box {
position: relative;
background-color: var(--tj-color-common-white);
padding: 55px 30px 35px 110px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%, 0% 90%);
z-index: 1;
}
@media (max-width: 575px) {
.testimonial-style-3 .testimonial-content-box {
padding: 40px 20px 35px 120px;
}
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .desc {
font-size: 18px;
max-width: 445px;
width: 100%;
margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.testimonial-style-3 .testimonial-content-box .testimonial-content .desc {
max-width: 100%;
}
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .desc p:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.testimonial-style-3 .testimonial-content-box .testimonial-content .desc {
font-size: 16px;
}
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .testimonial-author {
padding-top: 28px;
border-top: 1px solid var(--tj-color-border-2);
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .testimonial-author .testimonial-rating {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--tj-color-theme-bg);
padding: 2px 7px 4px 13px;
margin-bottom: 14px;
border-radius: 32px;
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .testimonial-author .testimonial-rating .star-ratings {
color: var(--tj-color-theme-primary);
-webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .testimonial-author .testimonial-rating .star-ratings .fill-ratings {
color: var(--tj-color-theme-primary);
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .testimonial-author .testimonial-rating .star-ratings .empty-ratings {
color: var(--tj-color-theme-primary);
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .testimonial-author .title {
margin-bottom: 0;
}
.testimonial-style-3 .testimonial-content-box .testimonial-content .testimonial-author .designation {
display: inline-block;
font-size: 14px;
color: var(--tj-color-common-black-2);
}
.testimonial-style-3 .testimonial-infos {
display: flex;
flex-wrap: wrap;
align-items: start;
position: absolute;
inset-inline-start: -35px;
top: 45px;
z-index: 2;
}
@media (max-width: 575px) {
.testimonial-style-3 .testimonial-infos {
inset-inline-start: 25px;
}
}
.testimonial-style-3 .testimonial-infos .testimonial-quote {
display: inline-flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
line-height: 1;
font-size: 36px;
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border: 2px solid var(--tj-color-theme-bg);
border-radius: 50%;
position: relative;
z-index: 1;
}
@media (max-width: 575px) {
.testimonial-style-3 .testimonial-infos .testimonial-quote {
width: 56px;
height: 56px;
}
}
.testimonial-style-3 .testimonial-infos .testimonial-images {
width: 65px;
height: 65px;
margin-inline-start: -16px;
}
@media (max-width: 575px) {
.testimonial-style-3 .testimonial-infos .testimonial-images {
width: 56px;
height: 56px;
}
}
.testimonial-style-3 .testimonial-infos .testimonial-images img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
filter: grayscale(100%);
}
@media (max-width: 575px) {
.testimonial-style-3.swiper-slide {
padding: 0 15px;
}
}  .tj-slider-section {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 2;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-slider-section {
min-height: 695px;
}
}
.tj-slider-section::before {
position: absolute;
content: "";
width: 80%;
height: 100%;
inset-inline-start: 0;
top: 0;
background: linear-gradient(90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%);
mix-blend-mode: multiply;
z-index: -1;
}
.slider-wrapper {
display: flex;
flex-wrap: wrap;
align-items: end;
position: relative;
}
.slider-wrapper .slider-content {
padding-top: 228px;
padding-bottom: 300px;
max-width: 750px;
width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.slider-wrapper .slider-content {
padding-top: 200px;
padding-bottom: 250px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.slider-wrapper .slider-content {
padding-top: 180px;
padding-bottom: 240px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.slider-wrapper .slider-content {
padding-top: 150px;
padding-bottom: 240px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.slider-wrapper .slider-content {
padding-top: 150px;
padding-bottom: 230px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.slider-wrapper .slider-content.style-1 {
padding-top: 150px;
padding-bottom: 280px;
}
}
.slider-wrapper .slider-content .sub-title {
display: inline-block;
font-size: 12px;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-text-body-2);
background-color: rgba(247, 247, 247, 0.1);
text-transform: uppercase;
padding: 3px 12px;
margin-bottom: 25px;
border-radius: 30px;
}
.slider-wrapper .slider-content .slider-title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
line-height: 1.1;
margin-bottom: 0;
}
.slider-wrapper .slider-content .slider-button {
margin-top: 45px;
background-color: var(--tj-color-common-white);
}
.slider-wrapper .slider-content .slider-button .btn_text {
color: var(--tj-color-heading-primary);
}
.slider-wrapper .slider-content .slider-button:hover .btn_text {
color: var(--tj-color-common-white);
}
.slider-feature-wrap {
max-width: 1320px;
margin: 0 auto;
position: absolute;
inset-inline-end: 0;
bottom: 0;
inset-inline-start: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.slider-feature-wrap {
max-width: 1140px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.slider-feature-wrap {
max-width: 960px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.slider-feature-wrap {
max-width: 720px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider-feature-wrap {
max-width: 540px;
padding: 0 12px;
}
}
@media (max-width: 575px) {
.slider-feature-wrap {
padding: 0 12px;
}
}
.slider-feature-wrap .slider-feature-box {
max-width: 440px;
width: 100%;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 45px 40px;
position: absolute;
inset-inline-end: 0;
bottom: 0;
z-index: 1;
display: flex;
flex-direction: column;
gap: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.slider-feature-wrap .slider-feature-box {
position: relative;
max-width: 100%;
flex-direction: row;
padding: 25px 20px;
gap: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.slider-feature-wrap .slider-feature-box {
margin-inline-start: auto;
max-width: 330px;
}
}
.slider-feature-wrap .slider-feature-box .slider-logo {
width: 180px;
}
.slider-feature-wrap .slider-feature-box .desc {
font-size: 18px;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-regular);
line-height: 1.5;
}
.slider-feature-wrap .slider-feature-box .desc p:last-child {
margin-bottom: 0;
}
.slider-feature-wrap .slider-feature-box .slider-shape {
position: absolute;
bottom: 0;
inset-inline-end: 26px;
z-index: -1;
height: 100%;
}
.slider-feature-wrap .slider-feature-box .slider-shape img {
height: 100%;
}
.tj-hero-slider.style-1 .sub-title {
transform: translateY(-50px);
transition: all 0.9s;
transition-delay: 1s;
opacity: 0;
}
.tj-hero-slider.style-1 .slider-title {
transform: translateY(50px);
transition: all 1s;
transition-delay: 1.5s;
opacity: 0;
}
.tj-hero-slider.style-1 .slider-button {
transform: translateY(50px);
transition: all 1.5s;
transition-delay: 1.8s;
opacity: 0;
}
.animation-off.tj-hero-slider.style-1 .sub-title, .animation-off.tj-hero-slider.style-1 .slider-title, .animation-off.tj-hero-slider.style-1 .slider-button {
transform: translateY(0);
opacity: 1;
}
.tj-hero-slider.style-1 .swiper-slide-active .slider-title {
transform: translateY(0);
opacity: 1;
}
.tj-hero-slider.style-1 .swiper-slide-active .slider-button,
.tj-hero-slider.style-1 .swiper-slide-active .sub-title {
transform: translateY(0);
opacity: 1;
}
.tj-hero-slider.style-1 .tj-navigation {
position: absolute;
bottom: 80px;
z-index: 3;
display: flex;
gap: 5px;
inset-inline-start: 0;
inset-inline-end: 0;
max-width: 1320px;
margin: 0 auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tj-hero-slider.style-1 .tj-navigation {
bottom: 60px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-hero-slider.style-1 .tj-navigation {
max-width: 1140px;
bottom: 60px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-hero-slider.style-1 .tj-navigation {
max-width: 960px;
bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-slider.style-1 .tj-navigation {
max-width: 720px;
bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tj-hero-slider.style-1 .tj-navigation {
max-width: 540px;
bottom: 50px;
}
}
@media (max-width: 575px) {
.tj-hero-slider.style-1 .tj-navigation {
bottom: 190px;
padding: 0 12px;
}
}
.tj-hero-slider.style-1 .tj-btn {
color: var(--tj-color-common-white);
font-size: 16px;
font-weight: 500;
line-height: 1.3;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 10px;
transition: color 0.3s ease;
}
.tj-hero-slider.style-1 .tj-btn:hover {
color: var(--tj-color-theme-primary);
}
.tj-hero-slider.style-1 .tj-sw-pagination {
width: 160px;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
color: var(--tj-color-common-white);
font-size: large;
font-weight: 500;
text-transform: uppercase;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tj-hero-slider.style-1 .tj-sw-pagination {
width: 130px;
}
}
.tj-hero-slider.style-1 .tj-sw-pagination .dash {
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.2);
display: inline-block;
position: relative;
}
.tj-hero-slider.style-1 .tj-sw-pagination .dash .dash-inner {
position: absolute;
content: "";
top: -1.5px;
inset-inline-start: 0;
height: 3px;
background: var(--tj-color-common-white);
display: inline-block;
transition: width 0.3s ease;
}  .tj-team-section .sec-heading {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: end;
}
.tj-team-section .sec-heading .sec-text .sec-title {
margin-bottom: 0;
line-height: 1;
}
.team-item {
position: relative;
min-height: 468px;
overflow: hidden;
z-index: 2;
}
.team-item::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
background: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, var(--tj-color-theme-dark) 84%);
z-index: 3;
}
.team-item .team-images {
overflow: hidden;
}
.team-item .team-images img {
width: 100%;
}
.team-item .team-content {
position: absolute;
bottom: 0;
width: 100%;
inset-inline-start: 0;
padding: 25px 30px;
background-color: var(--tj-color-theme-dark);
z-index: 5;
}
.team-item .team-content .team-text .title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
margin-bottom: 0;
}
.team-item .team-content .team-text .title a:hover {
color: var(--tj-color-theme-primary);
}
.team-item .team-content .team-text .sub-title {
display: inline-block;
font-size: 14px;
color: var(--tj-color-common-white-2);
line-height: 1;
}
.team-item .team-share {
position: absolute;
bottom: 30px;
inset-inline-end: -30px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.team-item .team-share ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 6px;
}
.team-item .team-share ul li a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
font-size: 14px;
color: var(--tj-color-heading-primary);
background: rgba(223, 236, 253, 0.4);
line-height: 1;
}
.team-item .team-share ul li a i {
color: var(--tj-color-heading-primary);
}
.team-item .team-share ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.team-item .team-share ul li a:hover i {
color: var(--tj-color-common-white);
}
.team-item:hover .team-share {
opacity: 1;
visibility: visible;
inset-inline-end: 30px;
}
.team-item:hover .team-images img {
transform: scale(1.12);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.team-item {
min-height: 430px;
}
.team-item .team-content {
padding: 25px 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-item {
min-height: 360px;
}
.team-item .team-content {
padding: 25px;
}
}  .team-details {
padding: 120px 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.team-details {
padding: 100px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.team-details {
padding: 80px 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details {
padding: 80px 0;
}
}
.team-details__img {
margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__img {
margin-top: 0;
}
}
.team-details__img img {
border-radius: var(--tj-br-md);
width: 100%;
}
.team-details__content {
padding-inline-start: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__content {
margin-top: 30px;
padding-inline-start: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__content {
margin-top: 20px;
}
}
.team-details .team-details__subtitle {
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details .team-details__subtitle {
margin-bottom: 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__name {
font-size: 36px;
margin-bottom: 8px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__name {
font-size: 30px;
margin-bottom: 8px;
}
}
.team-details__desig {
margin-bottom: 20px;
color: var(--tj-color-grey-4);
display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__desig {
margin-bottom: 8px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__desig {
margin-bottom: 8px;
}
}
.team-details__contact-info ul {
display: flex;
border: 1px solid var(--tj-color-border-2);
margin: 25px 0;
border-radius: var(--tj-br-md);
list-style: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__contact-info ul {
margin: 20px 0;
}
}
@media (max-width: 575px) {
.team-details__contact-info ul {
flex-direction: column;
}
}
.team-details__contact-info ul li {
flex: 1 1 50%;
padding: 25px 28px;
border-inline-end: 1px solid var(--tj-color-border-2);
display: flex;
align-items: flex-start;
flex-direction: column;
}
.team-details__contact-info ul li:last-child {
border-inline-end: 0;
border-bottom: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.team-details__contact-info ul li {
padding: 16px 18px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__contact-info ul li {
padding: 12px 14px;
}
}
@media (max-width: 575px) {
.team-details__contact-info ul li {
border-inline-end: 0;
border-bottom: 1px solid var(--tj-color-border-2);
}
}
.team-details__contact-info ul span {
color: var(--tj-color-grey-4);
display: inline-block;
}
.team-details__contact-info ul a {
font-size: 20px;
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-sbold);
margin-bottom: 0;
position: relative;
display: inline-block;
}
.team-details__contact-info ul a::after {
content: "";
width: 0;
height: 1px;
transition: all 0.3s;
position: absolute;
bottom: 2px;
inset-inline-start: 0;
background-color: var(--tj-color-heading-primary);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.team-details__contact-info ul a {
font-size: 15px;
}
}
.team-details__contact-info ul a:hover::after {
width: 100%;
}
.team-details__experience {
margin-top: 40px;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__experience {
margin-top: 24px;
margin-bottom: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__experience {
margin-top: 20px;
margin-bottom: 20px;
}
}
.team-details__experience__list ul {
display: flex;
border: 1px solid var(--tj-color-border-2);
flex-wrap: wrap;
margin: 25px 0;
border-radius: 0;
list-style: none;
}
.team-details__experience__list ul li {
flex: 1 1 50%;
padding: 25px;
display: flex;
gap: 8px;
border: 1px solid var(--tj-color-border-2);
border-top: 0;
border-inline-start: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-details__experience__list ul li {
padding: 16px;
}
}
.team-details__experience__list ul li p {
margin-bottom: 0;
}
.team-details__experience__list ul li i {
font-size: 18px;
color: var(--tj-color-theme-primary);
margin-top: 4px;
}
.team-details__experience__list ul li:last-child {
border-inline-end: 0;
}
.team-details__experience__list ul li:nth-child(2n) {
border-inline-end: 0;
}  .tj-faq-style .accordion-item {
border: none;
margin-bottom: 20px;
border-radius: 0;
background-color: var(--tj-color-theme-bg);
color: inherit;
box-shadow: none;
position: relative;
z-index: 1;
overflow: hidden;
}
.tj-faq-style .accordion-item:last-child {
margin-bottom: 0;
}
.tj-faq-style .accordion-item .accordion-header .accordion-button {
background: transparent;
font-size: 18px;
padding: 25px 60px 25px 25px;
color: var(--tj-color-heading-primary);
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
position: relative;
border: 1px solid transparent;
border-radius: 0;
}
.tj-faq-style .accordion-item .accordion-header .accordion-button:before {
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: 15px;
content: "+";
font-family: "Font Awesome 6 Pro";
font-weight: 400;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
color: var(--tj-color-heading-primary);
background: none;
transition: 0.4s;
}
.tj-faq-style .accordion-item .accordion-header .accordion-button.collapsed {
border: 1px solid var(--tj-color-border-2);
background: var(--tj-color-common-white);
}
.tj-faq-style .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
}
.tj-faq-style .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
content: "\f068";
color: var(--tj-color-heading-primary);
}
.tj-faq-style .accordion-item .accordion-header .accordion-button:focus {
box-shadow: none;
}
.tj-faq-style .accordion-item .accordion-header .accordion-button:after {
display: none;
}
.tj-faq-style .accordion-item .accordion-body {
padding: 0;
padding-bottom: 25px;
margin: 0 25px;
}
.tj-faq-style .accordion-item .accordion-body p {
padding-top: 20px;
border-top: 1px solid var(--tj-color-border-2);
margin-bottom: 0;
}
.tj-faq-style.style-2 .accordion-item {
background: var(--tj-color-theme-bg-2);
}
.tj-faq-style.style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed) {
color: var(--tj-color-theme-primary);
}
.tj-faq-style.style-2 .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
color: var(--tj-color-theme-primary);
}
.tj-faq-search-wrap {
border-bottom: 1px solid var(--tj-color-border-2);
}
.faq-search-form .faq-search {
position: relative;
overflow: hidden;
}
.faq-search-form .faq-search label {
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-start: 20px;
line-height: 1;
font-size: 18px;
color: #7e8590;
}
.faq-search-form .faq-search input {
height: 62px;
background-color: var(--tj-color-common-white);
border: 2px solid var(--tj-color-border-2);
padding-inline-start: 45px;
padding-inline-end: 144px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.faq-search-form .faq-search input {
padding-inline-end: 100px;
}
}
.faq-search-form .faq-search input::placeholder {
color: #7e8590;
}
.faq-search-form .faq-search input:focus {
border: 2px solid var(--tj-color-theme-primary);
padding-inline-start: 20px;
}
.faq-search-form .faq-search input:focus ~ label {
opacity: 0;
visibility: hidden;
}
.faq-search-form .faq-search button {
max-width: 138px;
width: 100%;
padding: 13px 35px;
background: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
position: absolute;
top: 5px;
inset-inline-end: 5px;
text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.faq-search-form .faq-search button {
max-width: 100px;
padding: 15px 25px;
}
}
.faq-search-form .faq-search button .btn-text {
display: inline-block;
overflow: hidden;
line-height: 1;
color: var(--tj-color-common-white);
text-shadow: 0 23px 0 currentColor;
}
.faq-search-form .faq-search button .btn-text span {
display: inline-flex;
align-items: center;
backface-visibility: hidden;
transform: translateY(0);
transition: 0.5s;
}
.faq-search-form .faq-search button:hover {
background: var(--tj-color-theme-dark);
}
.faq-search-form .faq-search button:hover .btn-text span {
transform: translateY(-24px);
}  .timeline {
position: relative;
width: 100%;
padding: 0;
}
.timeline::after {
content: "";
position: absolute;
width: 1px;
background: var(--tj-color-border-2);
top: 0;
bottom: 0;
inset-inline-start: 50%;
margin-inline-start: -1px;
}
.timeline-inner {
position: relative;
background: inherit;
width: 50%;
}
.timeline-inner:nth-child(odd) {
inset-inline-start: 0;
padding-inline-end: 90px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.timeline-inner:nth-child(odd) {
padding-inline-end: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.timeline-inner:nth-child(odd) {
padding-inline-end: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.timeline-inner:nth-child(odd) {
padding-inline-end: 0;
padding-inline-start: 40px;
}
}
.timeline-inner:nth-child(even) {
inset-inline-start: 50%;
padding-inline-start: 90px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.timeline-inner:nth-child(even) {
padding-inline-start: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.timeline-inner:nth-child(even) {
padding-inline-start: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.timeline-inner:nth-child(even) {
padding-inline-start: 40px;
}
}
.timeline-inner::after {
content: "";
position: absolute;
width: 16px;
height: 16px;
top: calc(50% - 8px);
inset-inline-end: -8px;
background: #ffffff;
border: 4px solid var(--tj-color-common-black-2);
border-radius: 16px;
z-index: 1;
}
.timeline-inner:nth-child(even)::after {
inset-inline-start: -8px;
}
.timeline-inner .date {
position: absolute;
display: inline-block;
top: calc(50% - 25px);
text-align: center;
font-size: 48px;
line-height: 1;
font-weight: bold;
color: var(--tj-color-common-black-2);
text-transform: uppercase;
letter-spacing: 1px;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.timeline-inner .date {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.timeline-inner .date {
font-size: 24px;
top: calc(50% - 12px);
}
}
.timeline-inner:nth-child(odd) .date {
inset-inline-end: -200px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.timeline-inner:nth-child(odd) .date {
inset-inline-end: -170px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.timeline-inner:nth-child(odd) .date {
inset-inline-end: -130px;
}
}
.timeline-inner:nth-child(even) .date {
inset-inline-start: -200px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.timeline-inner:nth-child(even) .date {
inset-inline-start: -170px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.timeline-inner:nth-child(even) .date {
inset-inline-start: -130px;
}
}
.timeline-inner .content {
padding: 30px 30px;
background: var(--tj-color-common-white);
border: 1px solid var(--tj-color-border-2);
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.timeline-inner .content {
padding: 20px;
}
}
.timeline-inner .content .top {
padding-inline-start: 40px;
position: relative;
}
.timeline-inner .content .top span {
position: absolute;
top: 0;
inset-inline-start: 0;
font-size: 24px;
font-family: var(--tj-ff-heading);
line-height: 1.2;
font-weight: 600;
color: var(--tj-color-common-black-3);
}
.timeline-inner .content .top .title {
margin-bottom: 15px;
}
.timeline-inner .content .top p {
margin: 0;
}
.timeline-inner .content .bottom {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media (max-width: 767.98px) {
.timeline {
display: flex;
flex-direction: column;
gap: 60px;
padding-top: 30px;
}
.timeline::after {
inset-inline-start: 10px;
}
.timeline-inner {
width: 100%;
}
.timeline-inner:nth-child(even) {
inset-inline-start: 0%;
}
.timeline-inner:nth-child(odd)::after,
.timeline-inner:nth-child(even)::after {
inset-inline-start: 1px;
top: -38px;
}
.timeline-inner:nth-child(odd) .date,
.timeline-inner:nth-child(even) .date {
inset-inline-end: auto;
inset-inline-start: 40px;
top: -42px;
}
}  .tj-careers {
padding: 30px;
border: 1px solid var(--tj-color-border-3);
background-color: var(--tj-color-common-white);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.tj-careers-icon {
width: 88px;
height: 88px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 48px;
line-height: 1;
background-color: var(--tj-color-theme-bg-2);
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.tj-careers-icon i {
color: var(--tj-color-theme-primary);
}
.tj-careers-tag {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 22px;
}
.tj-careers-tag span {
display: inline-block;
padding: 2px 14px;
border: 1px solid var(--tj-color-border-3);
background-color: transparent;
border-radius: 30px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.tj-careers-tag span:hover {
color: var(--tj-color-common-white);
border-color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-primary);
}
.tj-careers-title {
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-careers-title {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-careers-title {
font-size: 19px;
}
}
.tj-careers-salary {
margin-top: 15px;
font-family: var(--tj-ff-heading);
font-weight: 600;
font-size: 20px;
color: var(--tj-color-common-black-3);
}
.tj-careers-salary span {
color: var(--tj-color-text-body);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.tj-careers-bottom {
margin-top: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.tj-careers-bottom .location {
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.tj-careers-bottom .location i {
color: var(--tj-color-common-black-3);
margin-inline-end: 5px;
}
.tj-careers-btn {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--tj-color-heading-primary);
}
.tj-careers-btn span.btn-icon {
overflow: hidden;
position: relative;
display: inline-flex;
color: var(--tj-color-heading-primary);
}
.tj-careers-btn span.btn-icon i {
color: var(--tj-color-heading-primary);
font-weight: 700;
}
.tj-careers-btn span.btn-icon i:first-child, .tj-careers-btn span.btn-icon i:last-child {
transition: transform 0.4s ease-in-out 0s;
}
.tj-careers-btn span.btn-icon i:last-child {
position: absolute;
transform: translateX(-150%);
}
.tj-careers-btn .btn-text {
display: inline-flex;
overflow: hidden;
color: var(--tj-color-heading-primary);
text-shadow: 0 23px 0 currentColor;
font-weight: 700;
}
.tj-careers-btn .btn-text > span {
display: flex;
align-items: center;
backface-visibility: hidden;
transform: translateY(0);
transition: 0.5s;
}
.tj-careers:hover {
border-color: var(--tj-color-theme-dark);
background-color: var(--tj-color-theme-dark);
}
.tj-careers:hover .tj-careers-icon {
background-color: var(--tj-color-theme-primary);
}
.tj-careers:hover .tj-careers-icon i {
color: var(--tj-color-common-white);
}
.tj-careers:hover .tj-careers-tag span {
border: 1px solid #364052;
}
.tj-careers:hover .tj-careers-title a {
color: var(--tj-color-common-white);
}
.tj-careers:hover .tj-careers-salary span {
color: var(--tj-color-common-white);
}
.tj-careers:hover .tj-careers-bottom .location {
color: var(--tj-color-common-black-3);
}
.tj-careers:hover .tj-careers-btn {
color: var(--tj-color-common-white);
}
.tj-careers:hover .tj-careers-btn span.btn-icon {
color: var(--tj-color-common-white);
}
.tj-careers:hover .tj-careers-btn span.btn-icon i {
color: var(--tj-color-common-white);
}
.tj-careers:hover .tj-careers-btn span.btn-icon i:first-child {
transform: translateX(150%);
}
.tj-careers:hover .tj-careers-btn span.btn-icon i:last-child {
transform: translateX(0);
}
.tj-careers:hover .tj-careers-btn .btn-text {
color: var(--tj-color-common-white);
}
.tj-careers:hover .tj-careers-btn .btn-text > span {
transform: translateY(-24px);
}  .tj-careers-details .tj-post-single-post {
border: 1px solid var(--tj-color-border-3);
padding: 30px;
}
.tj-careers-details .service-check-list ul li span {
font-weight: 400;
}
.tj-careers-details .tj-post-details_tags_share {
margin-top: 25px;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.tj-careers-details .project_catagory ul {
border: 1px solid var(--tj-color-border-3);
padding: 0 20px 25px 20px;
}
.tj-careers-details .project_catagory ul li:first-child {
padding-top: 19px;
}
.tj-careers-details .project_catagory ul li {
font-weight: 400;
}
.tj-careers-details .tj-sidebar-widget {
border-color: var(--tj-color-border-3);
}
.tj-careers-top {
padding: 30px;
background-color: var(--tj-color-theme-bg-2);
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.tj-careers-top-icon {
width: 130px;
height: 130px;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-careers-top-icon {
width: 100px;
height: 100px;
}
}
.tj-careers-top-icon i {
font-size: 70px;
color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-careers-top-icon i {
font-size: 55px;
}
}
.tj-careers-top-title {
margin-bottom: 0;
}
.tj-careers-top .tj-careers-tag span {
border-color: var(--tj-color-border-2);
}
.tj-careers-top .tj-careers-tag span:hover {
border-color: var(--tj-color-theme-primary);
}
.tj-careers-top .location {
display: block;
margin-top: 15px;
color: var(--tj-color-heading-primary);
}
.tj-careers-top .location i {
margin-inline-end: 5px;
}
.tj-careers-form .form-input {
margin-bottom: 20px;
}
.tj-careers-form .form-input.reduce {
margin-top: -10px;
}
.tj-careers-form .form-input textarea,
.tj-careers-form .form-input input {
height: 60px;
border: 1px solid var(--tj-color-border-2);
border-radius: 0;
background: transparent;
}
.tj-careers-form .form-input textarea::placeholder,
.tj-careers-form .form-input input::placeholder {
color: var(--tj-color-common-black-2);
}
.tj-careers-form .form-input textarea:focus,
.tj-careers-form .form-input input:focus {
border: 1px solid var(--tj-color-theme-primary);
}
.tj-careers-form .form-input textarea {
min-height: 160px;
}
.tj-careers-form .form-input label {
color: var(--tj-color-common-black-2);
display: block;
line-height: 1;
margin-bottom: 10px;
}
.tj-careers-form .form-input input[type=file] {
padding: 7px;
cursor: pointer;
}
.tj-careers-form .form-input input[type=file]:focus {
border: 1px solid var(--tj-color-border-2);
}
.tj-careers-form .form-input input::file-selector-button {
width: 125px;
height: 44px;
margin-inline-end: 10px;
color: var(--tj-color-theme-primary);
background: var(--tj-color-theme-bg-2);
border: none;
cursor: pointer;
}  .tj-contact-section {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding-top: 120px;
z-index: 1;
}
.tj-contact-section::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
background: rgba(5, 18, 41, 0.2);
z-index: -1;
}
.tj-contact-section .sec-heading {
max-width: 535px;
width: 100%;
}
.tj-contact-section .sec-heading .sec-title {
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
}
.tj-contact-section .sec-heading .desc {
color: var(--tj-color-common-white-2);
}
.tj-contact-section .sec-heading .desc p:last-child {
margin-bottom: 0;
}
.tj-contact-section .sec-heading .contact-button {
margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-contact-section .sec-heading .contact-button {
margin-top: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-contact-section .sec-heading .contact-button {
margin-top: 40px;
}
}
.tj-contact-section .contact-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-contact-section {
padding-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-contact-section {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-contact-section .sec-heading .contact-button {
margin-top: 40px;
}
.tj-contact-section .contact-wrapper {
gap: 10px;
}
}
.contact-left-content {
max-width: 535px;
width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.contact-left-content {
max-width: 445px;
}
}
.contact-form-one {
max-width: 630px;
width: 100%;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(10px);
padding: 60px 50px;
}
.contact-form-one .title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
max-width: 405px;
width: 100%;
margin-bottom: 35px;
}
.contact-form-one .contact-item {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
margin-bottom: 60px;
}
.contact-form-one .contact-item .contact-text {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
backdrop-filter: blur(35px);
padding: 20px 20px;
color: rgb(247, 247, 247);
line-height: 1;
}
.contact-form-one .contact-item .contact-text a {
color: rgb(247, 247, 247);
position: relative;
}
.contact-form-one .contact-item .contact-text a::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: -3px;
inset-inline-start: 0;
transform-origin: right;
transform: scaleX(0);
background: var(--tj-color-common-white);
transition: transform 0.3s ease-in-out;
}
.contact-form-one .contact-item .contact-text a:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.contact-form-one .contact-item .contact-text i {
color: var(--tj-color-theme-primary);
}
.contact-form-one .form-input {
margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.contact-form-one .form-input {
margin-bottom: 25px;
}
}
.contact-form-one .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]),
.contact-form-one .form-input textarea,
.contact-form-one .form-input input[type=tel],
.contact-form-one .form-input input[type=email],
.contact-form-one .form-input input[type=text] {
width: 100%;
color: var(--tj-color-common-white);
border: none;
border-bottom: 1.2px solid rgb(103, 110, 122);
background: transparent;
padding: 0px 0px 15px 0px;
}
.contact-form-one .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::placeholder,
.contact-form-one .form-input textarea::placeholder,
.contact-form-one .form-input input[type=tel]::placeholder,
.contact-form-one .form-input input[type=email]::placeholder,
.contact-form-one .form-input input[type=text]::placeholder {
color: var(--tj-color-common-white-2);
}
.contact-form-one .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::-ms-input-placeholder,
.contact-form-one .form-input textarea::-ms-input-placeholder,
.contact-form-one .form-input input[type=tel]::-ms-input-placeholder,
.contact-form-one .form-input input[type=email]::-ms-input-placeholder,
.contact-form-one .form-input input[type=text]::-ms-input-placeholder {
color: var(--tj-color-common-white-2);
}
.contact-form-one .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):focus,
.contact-form-one .form-input textarea:focus,
.contact-form-one .form-input input[type=tel]:focus,
.contact-form-one .form-input input[type=email]:focus,
.contact-form-one .form-input input[type=text]:focus {
border-bottom: 1px solid var(--tj-color-common-white);
}
.contact-form-one .form-input textarea {
height: 130px;
resize: none;
}
.contact-form-one .nice-select {
position: relative;
padding: 0px 0px 20px 0px;
border-bottom: 1.2px solid rgb(103, 110, 122);
border-inline-start: none;
border-inline-end: none;
border-top: none;
border-radius: 0px;
background: transparent;
line-height: normal;
z-index: 1;
}
.contact-form-one .nice-select::after {
display: none;
}
.contact-form-one .nice-select::before {
position: absolute;
content: "\e91a";
font-family: "solvior-icons";
top: 6px;
transform: rotate(0deg);
inset-inline-end: 0px;
font-size: 16px;
color: var(--tj-color-common-white-2);
}
.contact-form-one .nice-select.open::before {
transform: rotate(-180deg);
}
.contact-form-one .nice-select span.current {
color: var(--tj-color-common-white-2);
}
.contact-form-one .nice-select .list {
width: 100%;
margin-top: 2px;
border-radius: 0px;
box-shadow: none;
}
.contact-form-one .nice-select .list:hover .option {
color: var(--tj-color-text-body);
}
.contact-form-one .nice-select .list .option {
color: var(--tj-color-text-body);
}
.contact-form-one .nice-select .list .option:hover, .contact-form-one .nice-select .list .option.focus, .contact-form-one .nice-select .list .option.selected {
color: var(--tj-color-text-body);
font-weight: var(--tj-fw-regular);
background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.contact-form-one {
max-width: 560px;
padding: 40px 30px;
}
.contact-form-one .contact-item .contact-text {
padding: 18px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.contact-form-one {
max-width: 470px;
padding: 35px 15px;
}
.contact-form-one .contact-item {
margin-bottom: 40px;
flex-wrap: nowrap;
}
.contact-form-one .contact-item .contact-text {
padding: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.contact-form-one {
max-width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.contact-form-one {
max-width: 100%;
padding: 35px 15px;
}
.contact-form-one .title {
margin-bottom: 25px;
}
.contact-form-one .contact-item {
margin-bottom: 35px;
}
}
@media (max-width: 575px) {
.contact-form-one {
max-width: 100%;
padding: 35px 15px;
}
.contact-form-one .title {
margin-bottom: 25px;
}
.contact-form-one .contact-item {
margin-bottom: 35px;
}
.contact-form-one .contact-item .contact-text {
max-width: 100%;
width: 100%;
}
.contact-form-one .input-textarea {
margin-top: 25px;
}
}
.contact-form-one.style-2 {
background: var(--tj-color-common-white);
backdrop-filter: none;
border: 1px solid var(--tj-color-border-2);
}
.contact-form-one.style-2 .title {
color: var(--tj-color-heading-primary);
}
.contact-form-one.style-2 .title span {
color: var(--tj-color-theme-primary);
}
.contact-form-one.style-2 .form-input {
margin-bottom: 25px;
}
.contact-form-one.style-2 .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]),
.contact-form-one.style-2 .form-input textarea,
.contact-form-one.style-2 .form-input input[type=tel],
.contact-form-one.style-2 .form-input input[type=email],
.contact-form-one.style-2 .form-input input[type=text] {
color: var(--tj-color-text-body);
border-color: var(--tj-color-border-2);
}
.contact-form-one.style-2 .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search])::placeholder,
.contact-form-one.style-2 .form-input textarea::placeholder,
.contact-form-one.style-2 .form-input input[type=tel]::placeholder,
.contact-form-one.style-2 .form-input input[type=email]::placeholder,
.contact-form-one.style-2 .form-input input[type=text]::placeholder {
color: var(--tj-color-text-body);
}
.contact-form-one.style-2 .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):not([type=search]):focus,
.contact-form-one.style-2 .form-input textarea:focus,
.contact-form-one.style-2 .form-input input[type=tel]:focus,
.contact-form-one.style-2 .form-input input[type=email]:focus,
.contact-form-one.style-2 .form-input input[type=text]:focus {
border-color: var(--tj-color-heading-primary);
}
.contact-form-one.style-2 .nice-select {
border-color: var(--tj-color-border-2);
}
.contact-form-one.style-2 .nice-select::before {
color: var(--tj-color-text-body);
}
.contact-form-one.style-2 .nice-select span.current {
color: var(--tj-color-text-body);
}
.contact-form-one.style-2 .nice-select .list {
margin-top: 0;
border: 1px solid var(--tj-color-border-2);
}
.contact-form-one.style-2 .nice-select .list:hover .option {
color: var(--tj-color-text-body);
}
.contact-form-one.style-2 .nice-select .list .option {
color: var(--tj-color-text-body);
}
.contact-form-one.style-2 .nice-select .list .option:hover, .contact-form-one.style-2 .nice-select .list .option.focus, .contact-form-one.style-2 .nice-select .list .option.selected {
color: var(--tj-color-text-body);
font-weight: var(--tj-fw-regular);
background-color: var(--tj-color-theme-bg);
}
.contact-item.style-2 {
padding: 40px;
border: 1px solid var(--tj-color-border-2);
text-align: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
.contact-item.style-2 {
padding: 25px;
}
}
.contact-item.style-2 p {
margin-bottom: 0;
max-width: 224px;
margin: 0 auto;
}
.contact-item.style-2:hover .contact-icon {
background: var(--tj-color-theme-primary);
}
.contact-item.style-2:hover .contact-icon i {
color: var(--tj-color-common-white);
animation: wobble-horizontal-hover 1s ease-in-out 1;
}
.contact-item.style-2 .contact-icon {
width: 88px;
height: 88px;
display: inline-flex;
justify-content: center;
align-items: center;
background: var(--tj-color-theme-bg-2);
border-radius: 50%;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
.contact-item.style-2 .contact-icon {
width: 50px;
height: 50px;
}
}
.contact-item.style-2 .contact-icon i {
font-size: 32px;
color: var(--tj-color-theme-primary);
}
.contact-item.style-2 .contact-title {
font-size: 24px;
margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
.contact-item.style-2 .contact-title {
font-size: 20px;
}
}
.contact-item.style-2 .contact-list {
list-style: none;
}
.contact-item.style-2 .contact-list li a {
color: var(--tj-color-text-body);
}
.contact-item.style-2 .contact-list li a:hover {
color: var(--tj-color-theme-primary);
}
.contact-item.style-2 .contact-list li.active a {
color: var(--tj-color-theme-primary);
}
.google-map {
position: relative;
min-height: 585px;
height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.google-map {
min-height: 544px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.google-map {
min-height: 529px;
}
}
.google-map iframe {
width: 100%;
height: 100%;
filter: grayscale(1);
}
.contact-team-details {
padding-bottom: 120px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.contact-team-details {
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.contact-team-details {
padding-bottom: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.contact-team-details {
padding-bottom: 60px;
}
}
.contact-team-details__inner {
background: var(--tj-color-theme-bg);
padding: 80px;
padding-inline-start: 50px;
border-radius: var(--tj-br-md);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.contact-team-details__inner {
padding: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.contact-team-details__inner {
padding: 30px;
}
}
.contact-team-details__message {
font-size: 16px;
}
.contact-team-details__message a {
display: inline-flex;
gap: 6px;
align-items: center;
}
.contact-team-details__message a i {
color: var(--tj-color-theme-primary);
}
.contact-team-details__message a:hover {
color: var(--tj-color-theme-primary);
}
.contact-team-details__form form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.contact-team-details__form form {
grid-template-columns: 1fr;
gap: 16px;
max-width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.contact-team-details__form form {
grid-template-columns: 1fr;
gap: 16px;
}
}
.contact-team-details__form select,
.contact-team-details__form .nice-select,
.contact-team-details__form input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.contact-team-details__form textarea {
color: var(--tj-color-common-black);
font-weight: var(--tj-fw-normal);
height: 60px;
border-radius: 0;
background-color: var(--tj-color-common-white);
border-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.contact-team-details__form select,
.contact-team-details__form .nice-select,
.contact-team-details__form input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.contact-team-details__form textarea {
font-size: 14px;
}
}
.contact-team-details__form textarea {
min-height: 200px;
}
.contact-team-details__form .tj-input {
width: 100%;
font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.contact-team-details__form .tj-input {
font-size: 14px;
}
}
.contact-team-details__form .tj-input__wrapper {
width: 100%;
border: 0;
}
.contact-team-details__form .tj-input__wrapper--message {
grid-column: 1/3;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.contact-team-details__form .tj-input__wrapper--message {
grid-column: 1/2;
}
}
.contact-team-details__form .tj-input.tj-nice-select .list {
border-radius: 0;
width: 100%;
}
.contact-team-details__form .tj-input.tj-nice-select .list:hover .option {
color: var(--tj-color-text-body);
}
.contact-team-details__form .tj-input.tj-nice-select .list .option {
color: var(--tj-color-text-body);
}
.contact-team-details__form .tj-input.tj-nice-select .list .option:hover, .contact-team-details__form .tj-input.tj-nice-select .list .option.focus, .contact-team-details__form .tj-input.tj-nice-select .list .option.selected {
color: var(--tj-color-text-body);
font-weight: var(--tj-fw-regular);
background-color: var(--tj-color-theme-bg);
}
.contact-team-details__form .tj-input.tj-nice-select::after {
display: none;
}
.contact-team-details__form .tj-input.tj-nice-select::before {
position: absolute;
content: "\e91a";
font-family: "solvior-icons";
top: 10px;
transform: rotate(0deg);
inset-inline-end: 15px;
font-size: 16px;
color: var(--tj-color-text-body);
}  .tj-cta-section {
position: relative;
background-color: var(--tj-color-theme-primary);
padding: 53px 0;
z-index: 2;
}
.tj-cta-section .cta-shape-1,
.tj-cta-section .cta-shape-2 {
position: absolute;
inset-inline-start: 10%;
top: 0;
z-index: -1;
}
.tj-cta-section .cta-shape-2 {
top: auto;
bottom: 0;
inset-inline-start: auto;
inset-inline-end: 22%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-cta-section .cta-shape-1 {
inset-inline-start: 0;
}
.tj-cta-section .cta-shape-2 {
inset-inline-end: 10%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cta-section .cta-shape-1 {
inset-inline-start: 0;
max-width: 160px;
}
.tj-cta-section .cta-shape-2 {
inset-inline-end: 0;
max-width: 160px;
}
}
@media (max-width: 575px) {
.tj-cta-section .cta-shape-1,
.tj-cta-section .cta-shape-2 {
max-width: 135px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cta-section {
padding: 45px 0;
}
}
.cta-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
justify-content: space-between;
}
.cta-wrapper .cta-title .title {
color: var(--tj-color-common-white);
font-size: 72px;
letter-spacing: -0.025em;
margin-bottom: 0;
text-transform: uppercase;
line-height: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.cta-wrapper .cta-title .title {
font-size: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.cta-wrapper .cta-title .title {
font-size: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.cta-wrapper {
justify-content: center;
}
.cta-wrapper .cta-title .title {
font-size: 40px;
}
}
@media (max-width: 575px) {
.cta-wrapper {
justify-content: center;
text-align: center;
}
.cta-wrapper .cta-title .title {
font-size: 28px;
}
}
.tj-cta-section-3 {
padding: 38px 0;
position: relative;
overflow: hidden;
z-index: 2;
}
.tj-cta-section-3::before {
position: absolute;
top: 0;
inset-inline-start: 0;
content: "";
height: 100%;
width: 50%;
background-color: var(--tj-color-theme-primary);
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cta-section-3::before {
width: 100%;
}
}
.tj-cta-section-3::after {
position: absolute;
top: 0;
inset-inline-end: 0;
width: 50%;
height: 100%;
content: "";
background-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/cta-3.png);
background-repeat: no-repeat;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cta-section-3::after {
display: none;
}
}
.tj-cta-list {
display: flex;
flex-wrap: wrap;
row-gap: 15px;
column-gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cta-list {
column-gap: 30px;
}
}
.tj-cta-list li {
list-style: none;
position: relative;
}
.tj-cta-list li:not(:first-child)::before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
inset-inline-start: -20px;
width: 1px;
height: 18px;
background-color: rgba(247, 247, 247, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cta-list li:not(:first-child)::before {
display: none;
}
}
.tj-cta-list li a,
.tj-cta-list li span {
color: var(--tj-color-common-white);
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 18px;
}
.tj-cta-list li a span {
color: inherit;
display: inline-block;
}
.tj-cta-list li span {
color: var(--tj-color-heading-primary);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cta-list li span {
color: var(--tj-color-common-white);
}
}
.tj-cta-list.style-2 {
padding-inline-start: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-cta-list.style-2 {
padding-inline-start: 0;
}
}
@media (max-width: 575px) {
.tj-cta-list.style-2 {
margin-top: 15px;
}
}  .tj-progress-section {
position: relative;
background: var(--tj-color-theme-bg);
z-index: 2;
}
.tj-progress-section .sec-heading {
margin-bottom: 0;
}
.tj-progress-section .progress-bg-images {
position: absolute;
width: 50%;
height: 100%;
inset-inline-start: 0;
top: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.tj-progress-section .progress-bg-images::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
background: rgba(5, 18, 41, 0.85);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.progress-images {
margin-top: 40px;
}
.progress-images img {
width: 100%;
}
}
.progress-right-content {
padding-inline-start: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.progress-right-content {
padding-inline-start: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.progress-right-content {
padding-inline-start: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.progress-right-content {
padding-inline-start: 0;
}
}
.progress-style-2 {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 80px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.progress-style-2 {
gap: 40px;
}
}
@media (max-width: 575px) {
.progress-style-2 {
gap: 15px;
flex-wrap: nowrap;
}
}
@media (max-width: 350px) {
.progress-style-2 {
flex-wrap: wrap;
}
}
.progress-style-2 .proggess-item .proggess-circle {
margin-bottom: 10px;
}
.progress-style-2 .proggess-item .proggess-circle input {
color: var(--tj-color-heading-primary) !important;
font-size: 22px !important;
width: auto;
font-weight: var(--tj-fw-bold) !important;
font-family: var(--tj-ff-heading) !important;
}
@media (max-width: 575px) {
.progress-style-2 .proggess-item .proggess-circle canvas {
width: 145px !important;
height: 145px !important;
}
.progress-style-2 .proggess-item .proggess-circle input {
margin-top: 45px !important;
margin-inline-start: -115px !important;
}
}
.progress-style-2 .proggess-item .proggess-text {
text-align: center;
}
.progress-style-2 .proggess-item .proggess-text .sub-title {
display: block;
font-size: 18px;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-regular);
letter-spacing: initial;
text-transform: capitalize;
color: var(--tj-color-heading-primary);
margin-bottom: 0px;
line-height: 1.5;
}  .tj-marquee-section {
position: relative;
padding-top: 25px;
padding-bottom: 23px;
background-color: var(--tj-color-theme-primary);
overflow: hidden;
}
.marquee-slider-wrapper .marquee-slider .marquee-wrapper {
transition-timing-function: linear;
}
.marquee-item {
width: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 30px;
padding-inline-end: 30px;
}
.marquee-item .marquee-title .text {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
margin-bottom: 0;
}
.marquee-item .marquee-icons {
position: relative;
top: 3px;
color: var(--tj-color-common-white);
font-size: 30px;
line-height: 1;
}
.marquee-item .marquee-icons img {
animation: rotateMarquee 6s infinite linear;
}
.marquee-item .marquee-icons i {
animation: rotateMarquee 6s infinite linear;
display: inline-flex;
line-height: 1;
}
.swiper[dir=rtl] .marquee-icons i {
animation: rotateMarqueeRight 6s infinite linear;
}
.marquee-slider-two {
position: relative;
z-index: 1;
}
.marquee-slider-two::before, .marquee-slider-two::after {
position: absolute;
content: "";
top: 0;
inset-inline-start: 0;
width: 40%;
height: 100%;
background-image: linear-gradient(90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%);
z-index: 2;
}
.marquee-slider-two::after {
inset-inline-start: auto;
inset-inline-end: 0;
background-image: linear-gradient(-90deg, var(--tj-color-theme-dark) 0%, rgba(5, 18, 41, 0) 100%);
}
.scrolling-ticker-box {
position: relative;
display: flex;
overflow: hidden;
user-select: none;
gap: 20px;
align-items: center;
}
.scrolling-content {
flex-shrink: 0;
display: flex;
gap: 20px;
min-width: 100%;
animation: scroll 120s linear infinite;
}
.scrolling-content span {
font-size: 114px;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1;
text-transform: uppercase;
color: var(--tj-color-common-white);
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 20px;
}
.scrolling-content span i {
color: var(--tj-color-theme-primary);
font-size: 50px;
display: inline-flex;
line-height: 1;
animation: rotateMarquee 6s infinite linear;
}  @-webkit-keyframes sticky {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes sticky {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes rotateImg {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes rotateImg-2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes rotateImg-two {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 var(--tj-color-common-white);
}
100% {
box-shadow: 0 0 0 25px transparent;
}
}
@keyframes pulse-two {
0% {
box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.3);
}
100% {
box-shadow: 0 0 0 25px transparent;
}
}
@keyframes move {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(30px);
}
}
@keyframes move-two {
0%, 100% {
transform: translateX(0);
}
50% {
transform: translateX(30px);
}
}
@keyframes zoom-effect {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.3, 1.3);
}
}
@keyframes shine {
0% {
transform: skewX(-25deg) translateX(0);
}
100% {
transform: skewX(-25deg) translateX(250%);
}
}
@keyframes wobble-horizontal-hover {
16.65% {
transform: translateX(5px);
}
33.3% {
transform: translateX(-3px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
100% {
transform: translateX(0);
}
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - 40px));
}
}
@keyframes rotateMarquee {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes rotateMarqueeRight {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateX(0) rotate(90deg);
}
40% {
transform: translateX(6px) rotate(90deg);
}
60% {
transform: translateX(3px) rotate(90deg);
}
}
@keyframes bounce2 {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(6px);
}
60% {
transform: translateY(3px);
}
}
@keyframes linehover {
0% {
width: 100%;
}
50% {
width: 0;
inset-inline-end: 0;
}
100% {
width: 100%;
inset-inline-start: 0;
}
}  .sec-heading {
display: block;
margin-bottom: 50px;
}
.sec-heading .sub-title {
display: inline-block;
font-size: 14px;
font-weight: var(--tj-fw-bold);
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--tj-color-theme-primary);
padding-inline-start: 16px;
padding-inline-end: 16px;
margin-bottom: 15px;
position: relative;
z-index: 1;
}
.sec-heading .sub-title::before, .sec-heading .sub-title::after {
position: absolute;
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
top: 50%;
inset-inline-start: 0;
transform: translateY(-50%);
background-color: var(--tj-color-theme-primary);
}
.sec-heading .sub-title::after {
inset-inline-start: auto;
inset-inline-end: 0;
}
.sec-heading .sec-title {
margin: 0;
}
.sec-heading .sec-title span {
color: var(--tj-color-theme-primary);
}
.sec-heading .desc {
margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sec-heading .desc {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.sec-heading .desc {
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sec-heading {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.sec-heading {
margin-bottom: 40px;
}
.sec-heading .sub-title {
margin-bottom: 10px;
}
}
.sec-heading.style-2 .sub-title {
padding-inline-start: 0;
padding-inline-end: 0;
}
.sec-heading.style-2 .sub-title::before, .sec-heading.style-2 .sub-title::after {
display: none;
}
.sec-heading.style-3 .sub-title {
line-height: 1;
padding: 5px 7px;
background-color: var(--tj-color-theme-bg);
}
.sec-heading.style-3 .sub-title::after, .sec-heading.style-3 .sub-title::before {
display: none;
}
.sec-heading.style-4 .sub-title {
line-height: 1;
padding: 5px 7px 5px 17px;
background-color: var(--tj-color-theme-bg);
}
.sec-heading.style-4 .sub-title::before {
inset-inline-start: 7px;
}
.sec-heading.style-4 .sub-title::after {
display: none;
}  .tj-hero-section-three {
padding-top: 177px;
margin-bottom: 30px;
background: var(--tj-color-theme-bg);
position: relative;
z-index: 2;
}
.tj-hero-section-three .hero-shape {
position: absolute;
top: 157px;
inset-inline-start: -20px;
max-width: 180px;
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-section-three .hero-shape {
top: 85px;
inset-inline-start: auto;
inset-inline-end: 110px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-hero-section-three .hero-shape {
max-width: 120px;
top: 50px;
inset-inline-start: auto;
inset-inline-end: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-hero-section-three {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-section-three {
padding-top: 160px;
margin-bottom: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-hero-section-three {
padding-top: 140px;
margin-bottom: 40px;
}
}
.hero-three-bg {
position: absolute;
top: 0;
inset-inline-end: 0;
width: 568px;
height: 100%;
background-color: var(--tj-color-theme-dark);
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: luminosity;
}
.hero-three-bg::before {
content: "";
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-dark);
opacity: 0.8;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-three-bg {
width: 350px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-three-bg {
width: 250px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.hero-three-bg {
width: 190px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-three-bg {
display: none;
}
}
.hero-wrapper-three {
display: flex;
justify-content: space-between;
align-items: flex-end;
position: relative;
z-index: 1;
}
.hero-wrapper-three .shape-1 {
position: absolute;
bottom: -24px;
inset-inline-end: 145px;
max-width: 30px;
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.hero-wrapper-three .shape-1 {
bottom: -35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-wrapper-three .shape-1 {
bottom: -35px;
inset-inline-end: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-wrapper-three {
flex-direction: column;
}
}
.hero-content-area {
max-width: 764px;
width: 100%;
padding-top: 34px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.hero-content-area {
padding-top: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-content-area {
max-width: 716px;
padding-top: 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-content-area {
max-width: 550px;
padding-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content-area {
padding-top: 0;
}
}
.hero-content-three {
position: relative;
max-width: 645px;
width: 100%;
z-index: 2;
margin-bottom: 113px;
}
.hero-content-three .hero-title {
letter-spacing: -0.025em;
margin-bottom: 10px;
line-height: 1.056;
}
.hero-content-three .hero-title span {
color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-content-three .hero-title {
font-size: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.hero-content-three .hero-title {
font-size: 56px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content-three .hero-title {
font-size: 48px;
}
}
.hero-content-three .desc {
max-width: 530px;
width: 100%;
font-size: 18px;
line-height: 1.444;
}
.hero-content-three .desc p:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content-three .desc {
max-width: 100%;
}
}
.hero-content-three .btn-area {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 15px;
margin-top: 27px;
}
.hero-content-three .client-experience .images-thumb {
margin-bottom: 0;
}
.hero-content-three .client-experience .images-thumb li {
margin-inline-start: -22px;
max-width: 58px;
background-color: var(--tj-color-theme-bg);
}
.hero-content-three .client-experience .images-thumb li img {
height: 58px;
mix-blend-mode: luminosity;
background-color: var(--tj-color-common-white);
}
.hero-content-three .client-experience .images-thumb li:first-child {
margin-inline-start: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.hero-content-three {
margin-bottom: 95px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-content-three {
margin-bottom: 75px;
max-width: 600px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-content-three {
max-width: 450px;
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content-three {
max-width: 500px;
margin-bottom: 60px;
}
}
.hero-wrapper-three .hero-images-box-three {
position: relative;
max-width: 592px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: -60px;
z-index: 1;
clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 8%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-wrapper-three .hero-images-box-three img {
width: 100%;
height: 600px;
object-fit: cover;
}
}
@media (max-width: 575px) {
.hero-wrapper-three .hero-images-box-three img {
height: 500px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.hero-wrapper-three .hero-images-box-three {
max-width: 565px;
margin-inline-end: -33px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-wrapper-three .hero-images-box-three {
max-width: 470px;
margin-inline-end: -30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-wrapper-three .hero-images-box-three {
max-width: 410px;
margin-inline-end: -20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-wrapper-three .hero-images-box-three {
max-width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
}
.hero-funfact {
padding: 0 15px;
margin-bottom: -30px;
background-color: var(--tj-color-theme-dark);
background-size: cover;
background-repeat: no-repeat;
background-blend-mode: luminosity;
position: relative;
clip-path: polygon(5% 0, 100% 0, 100% 85%, 95% 100%, 0 100%, 0 16%);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.hero-funfact::before {
content: "";
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-dark);
opacity: 0.9;
}
.hero-funfact .counter-item {
padding: 50px 42px 55px;
max-width: 100%;
width: 33.33%;
border-inline-end: 1px solid var(--tj-color-border-1);
}
.hero-funfact .counter-item::before {
display: block;
width: 16px;
height: 16px;
inset-inline-end: -8px;
border-width: 4px;
background-color: var(--tj-color-theme-dark);
}
.hero-funfact .counter-item::after {
display: none;
}
.hero-funfact .counter-item .number {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-funfact .counter-item .number {
justify-content: center;
}
}
.hero-funfact .counter-item .sub-title {
color: var(--tj-color-common-white);
margin-top: 6px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-funfact .counter-item .sub-title {
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-funfact .counter-item:nth-child(2) {
border: none;
}
.hero-funfact .counter-item:nth-child(2)::before {
display: none;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-funfact .counter-item {
padding: 30px 42px 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-funfact .counter-item {
padding: 30px 20px 40px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-funfact .counter-item {
padding: 30px 30px 40px;
width: 50%;
}
}
.hero-funfact .circle-wrap-item {
width: 33.33%;
position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-funfact .circle-wrap-item {
width: 100%;
padding: 30px 0;
border-top: 1px solid var(--tj-color-border-1);
}
}
.hero-funfact .circle-wrap {
position: relative;
width: 127px;
height: 128px;
margin: 0 auto;
}
.hero-funfact .circle-wrap .rotate-image {
position: absolute;
inset-inline-start: 50%;
top: 50%;
animation: rotateImg-two 12s infinite linear;
}
.hero-funfact .circle-wrap a {
position: absolute;
inset-inline-start: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--tj-color-common-white);
font-size: 20px;
}
.hero-funfact .circle-wrap a i {
transform: rotate(-45deg);
transition: all 0.3s ease-in-out;
}
.hero-funfact .circle-wrap a:hover i {
transform: rotate(-45deg) scale(1.5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-funfact .circle-wrap {
width: 110px;
height: 111px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-funfact {
padding: 0;
margin-bottom: -25px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-funfact {
padding: 0;
margin-bottom: -22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-funfact {
max-width: 100%;
width: 100%;
margin-top: 60px;
margin-bottom: -26px;
padding: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-funfact {
clip-path: polygon(8% 0, 100% 0, 100% 88%, 93% 100%, 0 100%, 0 13%);
margin-bottom: -40px;
}
}
@keyframes spin {
from {
transform: translate(-50%, -50%) rotate(0deg);
}
to {
transform: translate(-50%, -50%) rotate(180deg);
}
}  .tj-about-section-four {
background-color: var(--tj-color-theme-bg);
position: relative;
overflow: hidden;
}
.tj-about-section-four .about-shapes {
position: absolute;
top: 356px;
inset-inline-end: -40px;
width: 180px;
height: 180px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-about-section-four .about-shapes {
width: 120px;
height: 120px;
}
}
.about-wrapper-three {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 20px;
position: relative;
z-index: 2;
padding-top: 120px;
padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-three {
flex-direction: column-reverse;
row-gap: 50px;
}
}
.about-wrapper-three .about_images {
position: absolute;
top: 0;
inset-inline-end: 0;
max-width: 305px;
width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-wrapper-three .about_images {
max-width: 180px;
inset-inline-end: -30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-three .about_images {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.about-wrapper-three .about_images {
max-width: 230px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-three {
padding: 80px 0;
}
}
.about-wrapper-three .about-image-wrap {
max-width: 512px;
padding-inline-end: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-three .about-image-wrap img {
width: 100%;
height: 600px;
object-fit: cover;
}
}
@media (max-width: 575px) {
.about-wrapper-three .about-image-wrap img {
height: 500px;
}
}
.about-wrapper-three .about-image-wrap .circle-wrap {
position: absolute;
width: 178px;
height: 178px;
border-radius: 50%;
top: 50%;
inset-inline-end: 0;
border: 9px solid var(--tj-color-theme-bg);
background-color: var(--tj-color-theme-dark);
transform: translateY(-50%);
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.about-wrapper-three .about-image-wrap .circle-wrap .rotate-image {
position: absolute;
inset-inline-start: 50%;
top: 50%;
width: 125px;
height: 125px;
transform: translate(-50%, -50%);
animation: rotateImg 10s infinite linear;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-wrapper-three .about-image-wrap .circle-wrap .rotate-image {
width: 100px;
height: 100px;
}
}
.about-wrapper-three .about-image-wrap .circle-wrap .circle {
display: inline-flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
position: relative;
z-index: 2;
}
.about-wrapper-three .about-image-wrap .circle-wrap .circle span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border-radius: 50%;
line-height: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-wrapper-three .about-image-wrap .circle-wrap .circle span {
width: 45px;
height: 45px;
font-size: 14px;
}
}
.about-wrapper-three .about-image-wrap .circle-wrap:hover .circle span {
transform: scale(1.05);
box-shadow: 0 0 0 8px rgba(0, 117, 255, 0.2);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-wrapper-three .about-image-wrap .circle-wrap {
width: 140px;
height: 140px;
border-width: 6px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-three .about-image-wrap .circle-wrap {
top: 0;
inset-inline-end: 50%;
transform: translate(50%, 0);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-wrapper-three .about-image-wrap {
max-width: 400px;
padding-inline-end: 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-three .about-image-wrap {
padding: 90px 0 0 0;
max-width: 100%;
width: 100%;
}
}
.about-content-four .sec-heading {
max-width: 420px;
margin-bottom: 30px;
}
.about-content-four .sec-heading .sub-title {
background-color: var(--tj-color-common-white);
}
.about-content-four .sec-heading .sec-title {
letter-spacing: -0.025em;
margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-content-four .sec-heading {
max-width: 100%;
}
}
.about-content-four .about-feature-item {
max-width: 764px;
}
.about-content-four .about-feature-item .feature-box {
padding-top: 32px;
padding-inline-end: 35px;
margin-inline-end: 40px;
}
.about-content-four .about-feature-item .feature-box:last-child {
border-inline-end: none;
padding-top: 40px;
padding-inline-end: 0;
margin-inline-end: 0;
}
.about-content-four .about-feature-item .feature-box .desc {
max-width: 380px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-content-four .about-feature-item .feature-box {
width: 50%;
padding-inline-end: 30px;
margin-inline-end: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
.about-content-four .about-feature-item .feature-box {
width: 50%;
padding-inline-end: 25px;
margin-inline-end: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.about-content-four .about-feature-item .feature-box {
width: 50%;
}
}
@media (max-width: 575px) {
.about-content-four .about-feature-item .feature-box {
width: 100%;
border-inline-end: 0;
}
}
.about-content-four .about-feature-item .about-button {
margin-top: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-content-four .about-feature-item {
max-width: 584px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-content-four .about-feature-item {
max-width: 515px;
}
}
@media (max-width: 575px) {
.about-content-four .about-feature-item {
flex-wrap: wrap;
}
}
.about-content-four .about-author {
background-color: var(--tj-color-common-white);
padding: 28px 20px;
display: flex;
align-items: center;
}
.about-content-four .about-author .author-img {
width: 58px;
height: 58px;
border-radius: 50%;
overflow: hidden;
margin-bottom: 10px;
}
.about-content-four .about-author .author-name {
padding-inline-end: 15px;
margin-inline-end: 10px;
border-inline-end: 1px solid var(--tj-color-border-2);
}
.about-content-four .about-author .author-name .title {
margin-bottom: 3px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-content-four .about-author .author-name .title {
font-size: 17px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-content-four .about-author .author-name {
padding-inline-end: 10px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
.about-content-four .about-author .author-name {
margin: 0 0 15px 0;
padding: 0 0 10px 0;
border-inline-end: 0;
border-bottom: 1px solid var(--tj-color-border-2);
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-content-four .about-author {
padding: 28px 15px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
.about-content-four .about-author {
flex-wrap: wrap;
}
}
@media (max-width: 575px) {
.about-content-four .about-author {
max-width: 310px;
}
}
@media (max-width: 575px) {
.about-content-four {
padding: 0 10px;
}
}  .feature-item.style-4 {
padding: 10px;
position: relative;
z-index: 1;
}
.feature-item.style-4::before {
content: "";
position: absolute;
width: calc(100% - 20px);
height: 65%;
background: linear-gradient(180deg, rgba(225, 232, 240, 0) 0%, rgb(225, 232, 240) 100%);
bottom: 10px;
inset-inline-start: 10px;
z-index: -1;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.feature-item.style-4 .feature-icon {
margin: 20px;
margin-bottom: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.feature-item.style-4 .feature-icon {
margin-bottom: 30px;
}
}
.feature-item.style-4 .feature-content {
padding: 30px 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.feature-item.style-4 .feature-content {
padding: 20px;
}
}
.feature-item.style-4:hover::before {
height: 100%;
background: linear-gradient(180deg, rgba(225, 232, 240, 0) 0%, rgb(225, 232, 240) 70%);
} .h4-progress-section {
position: relative;
overflow: hidden;
padding-top: 480px;
padding-bottom: 60px;
z-index: 1;
min-height: 775px;
}
.h4-progress-section .h4-progress-bg {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
z-index: -1;
height: 130%; background-size: cover;
background-position: center;
will-change: transform;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h4-progress-section .h4-progress-bg {
height: 100%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h4-progress-section {
padding-top: 350px;
min-height: 645px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h4-progress-section {
padding-top: 250px;
min-height: 545px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h4-progress-section {
padding-top: 200px;
min-height: 500px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h4-progress-section {
padding-top: 160px;
padding-bottom: 15px;
min-height: 410px;
}
}
@media (max-width: 575px) {
.h4-progress-section {
padding-top: 240px;
padding-bottom: 15px;
min-height: 485px;
}
}
.h4-progress .progress-style-2 {
max-width: 485px;
padding: 30px;
margin-inline-start: auto;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(17.5px);
flex-wrap: nowrap;
gap: 80px;
position: relative;
}
.h4-progress .progress-style-2::after {
position: absolute;
content: "";
top: 50%;
inset-inline-start: 48%;
width: 1px;
height: 204px;
background-color: rgba(247, 247, 247, 0.1);
transform: translate(-50%, -50%);
}
@media (max-width: 575px) {
.h4-progress .progress-style-2 {
padding: 16px;
justify-content: space-between;
gap: 30px;
}
}
.h4-progress .progress-style-2 .proggess-item .proggess-circle {
text-align: start;
}
@media (max-width: 575px) {
.h4-progress .progress-style-2 .proggess-item .proggess-circle {
text-align: center;
}
}
.h4-progress .progress-style-2 .proggess-item .proggess-text .sub-title,
.h4-progress .progress-style-2 .proggess-item .proggess-circle input {
color: var(--tj-color-common-white) !important;
}
.h4-progress .progress-style-2 .proggess-item .proggess-text .sub-title {
line-height: 1;
font-family: var(--tj-ff-body);
} .service-style-4 {
padding: 10px;
border: 1px solid var(--tj-color-border-2);
position: relative;
z-index: 2;
}
.service-style-4 .thumb {
height: 300px;
overflow: hidden;
}
.service-style-4 .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease-in-out 0s;
}
.service-style-4 .service-icon {
width: 90px;
height: 90px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-inline-start: 15px;
margin-top: -45px;
margin-bottom: 0;
border-radius: 50%;
background-color: var(--tj-color-common-white);
position: relative;
z-index: 2;
text-align: center;
}
.service-style-4 .service-icon span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
font-size: 50px;
line-height: 1;
border-radius: 50%;
color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-bg);
}
.service-style-4 .service-icon span i {
transition: all 0.4s ease-in-out;
}
.service-style-4 .service-content {
padding: 20px 20px 20px 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
column-gap: 20px;
row-gap: 30px;
}
.service-style-4 .service-content .title {
max-width: 260px;
width: 100%;
margin-bottom: 0;
}
.service-style-4 .service-content .title a:hover {
color: var(--tj-color-theme-primary);
}
.service-style-4 .service-button {
margin-top: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 22px;
line-height: 1;
color: var(--tj-color-common-white);
background-color: var(--tj-color-heading-primary);
}
.service-style-4 .service-button::before {
display: none;
}
.service-style-4 .service-button i {
transform: rotate(-45deg) translateX(0);
transition: transform 0.3s ease-in-out;
text-shadow: -40px 0 0;
}
.service-style-4 .service-button:hover i {
transform: rotate(-45deg) translateX(40px);
}
.service-style-4:hover .thumb img {
transform: scale(1.12);
}
.service-style-4:hover .service-icon span {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.service-style-4:hover .service-icon i {
transform: rotateY(360deg);
} .h4-cta-section {
padding: 80px 0;
border-bottom: 1px solid var(--tj-color-border-1);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: var(--tj-color-theme-primary);
position: relative;
overflow: hidden;
z-index: 2;
}
.h4-cta-section .thumb {
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
}
.h4-cta-section .thumb::before {
position: absolute;
content: "";
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, #051229 100%);
z-index: 2;
}
.h4-cta-section .thumb img {
opacity: 0.2;
height: 100%;
width: 100%;
object-fit: cover;
}
.h4-cta-wrapper {
position: relative;
z-index: 2;
}
.h4-cta-wrapper .h4-cta-shape {
position: absolute;
inset-inline-start: 0;
top: -80px;
height: 300px;
}
.h4-cta-wrapper .h4-cta-shape img {
height: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h4-cta-wrapper .h4-cta-shape {
height: 285px;
}
}
.h4-cta-newsletter {
max-width: 650px;
margin: 0 auto;
text-align: center;
}
.h4-cta-newsletter .title {
color: var(--tj-color-common-white);
margin-bottom: 20px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.h4-cta-newsletter .title {
font-size: 35px;
}
}
.newsletter-form.style-4 {
position: relative;
z-index: 2;
}
.newsletter-form.style-4 .form-input {
position: relative;
z-index: 2;
}
.newsletter-form.style-4 .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.newsletter-form.style-4 .form-input input[type=email] {
color: var(--tj-color-text-body);
font-weight: var(--tj-fw-regular);
font-size: 16px;
padding: 18px 160px 18px 25px;
background: var(--tj-color-common-white);
border: 0;
border-radius: 60px;
}
.newsletter-form.style-4 .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox])::-ms-input-placeholder,
.newsletter-form.style-4 .form-input input[type=email]::-ms-input-placeholder {
color: var(--tj-color-common-black-2);
font-weight: var(--tj-fw-regular);
font-size: 16px;
}
.newsletter-form.style-4 .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder,
.newsletter-form.style-4 .form-input input[type=email]::placeholder {
color: var(--tj-color-common-black-2);
font-weight: var(--tj-fw-regular);
font-size: 16px;
}
.newsletter-form.style-4 .form-input button {
position: absolute;
top: 50%;
inset-inline-end: 25px;
transform: translateY(-50%);
font-size: 16px;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-text-body);
}
.newsletter-form.style-4 .form-input button::before {
content: "";
position: absolute;
width: 1px;
height: 30px;
top: 50%;
inset-inline-start: -16px;
background: var(--tj-color-border-2);
transform: translate(0, -50%);
}
.newsletter-form.style-4 .form-input button i {
font-size: 22px;
transition: transform 0.3s ease-in-out;
color: var(--tj-color-theme-primary);
margin-inline-end: 10px;
}
.newsletter-form.style-4 .form-input button:hover i {
transform: rotate(40deg);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.newsletter-form.style-4 {
width: 73%;
margin: 0 auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.newsletter-form.style-4 {
width: 90%;
margin: 0 auto;
}
}
@media (max-width: 575px) {
.newsletter-form.style-4 {
max-width: 396px;
margin: 0 auto;
}
}
.footer-widget .title {
color: var(--tj-color-common-white);
} .case-item {
border-bottom: 1px solid var(--tj-color-border-2);
padding: 20px 0;
}
.case-item:first-child {
border-top: 1px solid var(--tj-color-border-2);
}
.case-item .header {
font-size: 32px;
font-weight: var(--tj-fw-sbold);
color: var(--tj-color-heading-primary);
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.case-item .header {
font-size: 26px;
}
}
@media (max-width: 575px) {
.case-item .header {
font-size: 22px;
}
}
.case-item .number {
color: var(--tj-color-theme-primary);
}
.case-item .icon {
font-size: 18px;
color: var(--tj-color-heading-primary);
border: 1px solid var(--tj-color-border-2);
border-radius: 50%;
width: 64px;
height: 64px;
text-align: center;
line-height: 64px;
transition: all 0.3s ease;
}
@media (max-width: 575px) {
.case-item .icon {
width: 45px;
height: 45px;
line-height: 45px;
}
}
.case-item .icon.active {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
transform: rotate(-180deg);
}
.case-item .content {
height: 0;
opacity: 0;
visibility: hidden;
position: relative;
transition: all 0.3s ease;
margin-top: 0;
}
.case-item .content img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.case-item.active .content {
height: 432px;
opacity: 1;
visibility: visible;
margin-top: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.case-item.active .content {
height: 350px;
}
}
.project-cursor {
display: block !important;
}
.project-cursor.cursor-outer {
display: none !important;
}
.project-cursor.cursor-big {
margin-inline-start: -85px;
margin-top: -80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.project-cursor.cursor-big {
width: 90px;
height: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.project-cursor.cursor-big {
width: 80px;
height: 80px;
}
}
.project-cursor span {
line-height: 23px;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
inset-inline-start: 50%;
} .team-item.style-2 {
min-height: auto;
}
.team-item.style-2::before {
display: none;
}
.team-item.style-2 .team-images {
overflow: hidden;
position: relative;
}
.team-item.style-2 .team-images::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
background: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, var(--tj-color-theme-dark) 84%);
z-index: 1;
opacity: 0;
}
.team-item.style-2 .team-content {
position: unset;
padding: 15px 0 0 0;
background-color: var(--tj-color-theme-bg);
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.team-item.style-2 .team-content .team-text {
width: calc(100% - 50px);
}
.team-item.style-2 .team-content .team-text .title {
color: var(--tj-color-heading-primary);
}
.team-item.style-2 .team-content .team-text .title a:hover {
color: var(--tj-color-theme-primary);
}
.team-item.style-2 .team-content .team-text .sub-title {
color: var(--tj-color-common-black-2);
}
.team-item.style-2 .team-share {
position: absolute;
bottom: 50%;
inset-inline-end: -30px;
background-color: var(--tj-color-theme-bg);
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
padding: 12px 0 12px 12px;
opacity: 0;
visibility: hidden;
transform: translateY(50%);
z-index: 2;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.team-item.style-2 .team-share ul {
gap: 9px;
}
.team-item.style-2 .team-share ul li a {
width: 28px;
height: 28px;
font-size: 16px;
color: var(--tj-color-theme-bg);
background: rgba(5, 18, 41, 0.4);
}
.team-item.style-2 .team-share ul li a i {
color: var(--tj-color-theme-bg);
}
.team-item.style-2 .team-share ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.team-item.style-2 .team-share ul li a:hover i {
color: var(--tj-color-common-white);
}
.team-item.style-2:hover .team-share {
opacity: 1;
visibility: visible;
inset-inline-end: 0;
}
.team-item.style-2:hover .team-images::before {
opacity: 1;
}
.team-item.style-2:hover .team-images img {
transform: scale(1);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.team-item.style-2 {
min-height: auto;
}
}
.team-item .team-btn {
background-color: var(--tj-color-common-white);
color: var(--tj-color-heading-primary);
font-size: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
}
.team-item .team-btn i {
transform: rotate(-45deg);
transition: all 0.3s ease-in-out;
}
.team-item .team-btn:hover {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.team-item .team-btn:hover i {
transform: rotate(0);
}  .blog-style-4 {
position: relative;
z-index: 1;
overflow: hidden;
}
.blog-style-4 .blog-images {
position: relative;
z-index: 1;
overflow: hidden;
}
.blog-style-4 .blog-images::before {
content: "";
position: absolute;
width: 100%;
height: 77%;
bottom: 0;
inset-inline-start: 0;
background: linear-gradient(0deg, rgb(5, 18, 41) 10%, rgba(5, 18, 41, 0) 100%);
opacity: 1;
z-index: 1;
pointer-events: none;
}
.blog-style-4 .blog-images img {
width: 100%;
min-height: 485px;
height: 100%;
object-fit: cover;
transition: all 0.4s linear;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.blog-style-4 .blog-images img {
min-height: 380px;
}
}
.blog-style-4 .blog-images a {
display: inline-block;
}
.blog-style-4 .blog-date {
position: absolute;
inset-inline-start: 15px;
top: 15px;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 20px;
text-align: center;
}
.blog-style-4 .blog-date .date {
display: block;
font-family: var(--tj-ff-heading);
font-size: 32px;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.03em;
margin-bottom: 8px;
line-height: 1;
}
.blog-style-4 .blog-date .month {
display: block;
font-size: 14px;
color: var(--tj-color-common-white);
letter-spacing: 0.24em;
text-transform: uppercase;
line-height: 1;
}
.blog-style-4 .blog-two-meta {
margin-bottom: 15px;
}
.blog-style-4 .blog-two-meta ul li {
color: var(--tj-color-common-white);
}
.blog-style-4 .blog-two-meta ul li .meta-link {
color: var(--tj-color-common-white);
border: 1px solid var(--tj-color-border-1);
}
.blog-style-4 .blog-two-meta ul li .meta-link:is(:hover, :focus) {
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.blog-style-4 .blog-content {
position: absolute;
inset-inline-start: 0;
bottom: 0;
width: 100%;
height: auto;
padding: 30px;
z-index: 3;
overflow: hidden;
transition: all 0.3s ease-in-out;
background-color: transparent;
}
.blog-style-4 .blog-content .title {
color: var(--tj-color-common-white);
line-height: 1.333;
letter-spacing: -0.025em;
margin-bottom: 0;
}
.blog-style-4 .blog-content .title a:hover {
color: var(--tj-color-theme-primary);
}
.blog-style-4 .blog-content .blog-button {
position: absolute;
margin: 0;
inset-inline-start: 30px;
bottom: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.blog-style-4 .blog-content .blog-button .text-btn {
color: var(--tj-color-common-white);
}
.blog-style-4 .blog-content .blog-button .text-btn::before {
background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.blog-style-4 .blog-content .blog-button {
inset-inline-start: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.blog-style-4 .blog-content {
padding: 25px 20px;
}
}
.blog-style-4:is(:hover, :focus) .blog-images img {
transform: scale(1.12);
}
.blog-style-4:is(:hover, :focus) .blog-content {
padding-bottom: 75px;
}
.blog-style-4:is(:hover, :focus) .blog-content .blog-button {
opacity: 1;
visibility: visible;
bottom: 35px;
}  .tj-header-area.header-5 {
border-color: var(--tj-color-border-2);
}
.tj-header-area.header-5 .mainmenu {
margin-inline-end: 185px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.tj-header-area.header-5 .mainmenu {
margin-inline-end: 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-header-area.header-5 .mainmenu {
margin-inline-end: 60px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-5 .mainmenu {
margin-inline-end: 0;
}
}
.tj-header-area.header-5 .mainmenu ul > li > a {
color: var(--tj-color-heading-primary);
}
.tj-header-area.header-5 .mainmenu ul > li > a:hover {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-5 .mainmenu ul > li.current-menu-ancestor > a, .tj-header-area.header-5 .mainmenu ul > li.current-menu-item > a, .tj-header-area.header-5 .mainmenu ul > li:hover > a {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-5 .header_search {
color: var(--tj-color-heading-primary);
}
.tj-header-area.header-5 .header_search i {
color: var(--tj-color-heading-primary);
}
.tj-header-area.header-5 .tj-primary-btn {
padding: 5px;
}
.tj-header-area.header-5 .tj-primary-btn .btn_inner {
padding: 12px 18px 12px 50px;
}
.tj-header-area.header-5 .tj-primary-btn .btn_inner::before {
width: 40px;
}
.tj-header-area.header-5 .tj-primary-btn .btn_inner .btn_icon {
min-width: 40px;
font-size: 1.4em;
}
.tj-header-area.header-5 .tj-primary-btn:hover .btn_inner::before {
width: 100%;
}
.tj-header-area.header-5 .menu_btn {
margin-inline-start: 10px;
}  .h5-footer {
background-color: var(--tj-color-theme-bg);
border-top: 0;
}
.h5-footer .footer-top-area {
z-index: 2;
}
.h5-footer .footer-top-area .line::before {
background: var(--tj-color-border-2);
}
.h5-footer-shape {
position: absolute;
bottom: 0;
inset-inline-start: -166px;
max-width: 333px;
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h5-footer-shape {
max-width: 280px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h5-footer-shape {
max-width: 250px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h5-footer-shape {
max-width: 270px;
}
}
@media (max-width: 575px) {
.h5-footer-shape {
display: none;
}
}
.h5-footer-copyright {
padding: 28px 0;
background-color: var(--tj-color-theme-dark);
}
.h5-footer .footer-widget .title {
color: var(--tj-color-heading-primary);
}
.h5-footer .footer-widget .desc {
color: var(--tj-color-common-black-2);
}
.h5-footer .footer-widget .widget-menu ul li a {
color: var(--tj-color-text-body);
}
.h5-footer .footer-widget .footer-social ul li a {
color: var(--tj-color-common-white);
background: rgba(5, 18, 41, 0.3);
}
.h5-footer .footer-widget .footer-social ul li a i {
color: var(--tj-color-common-white);
}
.h5-footer .footer-widget .footer-social ul li a:hover {
background: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
.h5-footer .footer-widget .newsletter-title {
max-width: 100%;
}
}
.h5-footer .footer-widget .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.h5-footer .footer-widget .newsletter-form .form-input input[type=email] {
color: var(--tj-color-common-black-2);
background: var(--tj-color-common-white);
border: 1px solid var(--tj-color-common-white);
}
.h5-footer .footer-widget .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.h5-footer .footer-widget .newsletter-form .form-input input[type=email]:focus {
border: 1px solid var(--tj-color-theme-primary);
}
.h5-footer .footer-widget .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder,
.h5-footer .footer-widget .newsletter-form .form-input input[type=email]::placeholder {
color: var(--tj-color-common-black-2);
}
.h5-footer .footer-widget .newsletter-form .form-input button::before {
background: var(--tj-color-border-2);
} .tj-hero-section-four {
padding-top: 140px;
background: var(--tj-color-theme-bg);
position: relative;
z-index: 2;
}
.tj-hero-section-four .hero-shapes-2 {
position: absolute;
bottom: 0;
inset-inline-start: -166px;
max-width: 333px;
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-hero-section-four .hero-shapes-2 {
max-width: 220px;
inset-inline-start: -110px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-section-four .hero-shapes-2 {
max-width: 180px;
inset-inline-start: -100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-hero-section-four .hero-shapes-2 {
max-width: 140px;
inset-inline-start: -75px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-hero-section-four {
padding-top: 140px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-hero-section-four {
padding-top: 140px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-hero-section-four {
padding-top: 120px;
}
}
.hero-wrapper-four {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 1;
}
.hero-wrapper-four .hero-shapes-1 {
position: absolute;
top: -100px;
inset-inline-end: -44px;
max-width: 589px;
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-wrapper-four .hero-shapes-1 {
max-width: 500px;
inset-inline-end: 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-wrapper-four .hero-shapes-1 {
max-width: 400px;
inset-inline-end: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.hero-wrapper-four .hero-shapes-1 {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-wrapper-four .hero-shapes-1 {
display: none;
}
}
.hero-wrapper-four .client-experience {
max-width: 210px;
width: 100%;
background-color: var(--tj-color-common-white);
padding: 23px 23px 18px;
position: absolute;
inset-inline-start: 0;
bottom: 175px;
}
.hero-wrapper-four .client-experience .images-thumb {
margin-bottom: 9px;
}
.hero-wrapper-four .client-experience .images-thumb li.plus i {
background-color: var(--tj-color-theme-primary);
}
.hero-wrapper-four .client-experience .sub-title {
display: inline-block;
line-height: 1.5;
}
.hero-wrapper-four .client-experience .sub-title span {
font-weight: var(--tj-fw-bold);
}
@media (max-width: 575px) {
.hero-wrapper-four .client-experience {
bottom: 75px;
}
}
.hero-content-four {
position: relative;
max-width: 600px;
width: 100%;
z-index: 2;
padding-top: 130px;
}
.hero-content-four .hero-subtitle {
background-color: var(--tj-color-common-white);
font-size: 14px;
font-weight: var(--tj-fw-bold);
padding: 2px 5px;
line-height: 1;
display: inline-flex;
align-items: center;
margin-bottom: 20px;
}
.hero-content-four .hero-subtitle span {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
height: 20px;
width: 20px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 5px;
}
.hero-content-four .hero-title {
color: var(--tj-color-heading-primary);
letter-spacing: -0.025em;
line-height: 1.083;
margin-bottom: 10px;
}
.hero-content-four .hero-title span {
color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
.hero-content-four .hero-title {
font-size: 40px;
}
}
.hero-content-four .desc {
max-width: 530px;
width: 100%;
color: var(--tj-color-text-body);
font-size: 18px;
line-height: 1.444;
}
.hero-content-four .desc p:last-child {
margin-bottom: 0;
}
.hero-content-four .tj-primary-btn {
margin-top: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-content-four {
max-width: 550px;
padding-top: 90px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-content-four {
max-width: 420px;
padding-top: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.hero-content-four {
padding-top: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-content-four {
padding-top: 20px;
}
}
.hero-images-box-four {
position: relative;
max-width: 630px;
width: 100%;
z-index: 1;
}
.hero-images-box-four .hero-images {
max-width: 531px;
width: 100%;
margin-inline-start: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-images-box-four .hero-images {
max-width: 450px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-images-box-four {
max-width: 550px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-images-box-four {
max-width: 460px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.hero-images-box-four {
margin-top: 50px;
}
}
.hero-video-btn {
max-width: 200px;
position: absolute;
top: 200px;
inset-inline-end: -100px;
}
.hero-video-btn .video-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 16px 25px 16px 20px;
background: var(--tj-color-common-white);
border-radius: 50px;
}
.hero-video-btn .video-btn .play-btn {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
position: relative;
animation: pulse-three 2s infinite;
z-index: 5;
}
.hero-video-btn .video-btn .play-btn i {
line-height: 1;
display: inline-flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), (max-width: 575px) {
.hero-video-btn .video-btn .play-btn {
width: 40px;
height: 40px;
}
}
.hero-video-btn .video-btn .video-text {
color: var(--tj-color-common-black);
font-weight: var(--tj-fw-bold);
font-size: 15px;
line-height: 1.2;
position: relative;
}
.hero-video-btn .video-btn .video-text::after {
content: "";
position: absolute;
bottom: 0px;
inset-inline-end: 0;
width: 100%;
height: 1px;
background-color: var(--tj-color-common-black);
}
.hero-video-btn .video-btn:hover .video-text::after {
-webkit-animation: linehover 0.8s linear;
animation: linehover 0.8s linear;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.hero-video-btn .video-btn {
gap: 10px;
padding: 12px 20px 12px 18px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), (max-width: 575px) {
.hero-video-btn .video-btn {
gap: 10px;
padding: 12px 20px 12px 14px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.hero-video-btn {
inset-inline-end: -45px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.hero-video-btn {
top: 170px;
inset-inline-end: -35px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.hero-video-btn {
top: 170px;
inset-inline-end: -25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.hero-video-btn {
inset-inline-end: -25px;
}
}
@media (max-width: 575px) {
.hero-video-btn {
inset-inline-end: 0px;
top: 32%;
}
}
@keyframes pulse-three {
0% {
box-shadow: 0 0 0 0 rgba(0, 117, 255, 0.6);
}
100% {
box-shadow: 0 0 0 8px transparent;
}
}
@keyframes linehover {
0% {
width: 100%;
}
50% {
width: 0;
inset-inline-end: 0;
}
100% {
width: 100%;
inset-inline-start: 0;
}
}  .tj-feature-section-three {
background-color: var(--tj-color-theme-dark);
overflow: hidden;
}
.feature-style-5 {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.feature-style-5 {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.feature-style-5 {
grid-template-columns: repeat(1, 1fr);
}
}
.feature-item.style-5 {
border: 0;
border-inline-end: 1px solid var(--tj-color-border-1);
border-inline-start: 1px solid var(--tj-color-border-1);
padding: 60px 35px 55px 40px;
background-color: transparent;
position: relative;
overflow: hidden;
margin-inline-start: -1px;
}
.feature-item.style-5::after {
content: "";
position: absolute;
bottom: -150px;
inset-inline-start: 50%;
width: 272px;
height: 124px;
background-color: var(--tj-color-theme-primary);
filter: blur(16px);
border-radius: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in;
}
.feature-item.style-5 .feature-content .title {
color: var(--tj-color-common-white);
margin-bottom: 20px;
letter-spacing: -0.025em;
}
.feature-item.style-5 .feature-content .desc {
color: var(--tj-color-common-white-2);
line-height: 1.5;
}
.feature-item.style-5 .feature-content .desc p:last-child {
margin-bottom: 0;
}
.feature-item.style-5:hover .feature-icon {
animation: wobble-horizontal-hover 1s ease-in-out 1;
}
.feature-item.style-5:hover::after {
bottom: -90px;
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.feature-item.style-5:hover::after {
bottom: -100px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.feature-item.style-5 {
border-bottom: 1px solid var(--tj-color-border-1);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.feature-item.style-5 {
padding: 40px 30px 35px;
}
}  .tj-about-section-five {
overflow: hidden;
}
.about-wrapper-four {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
column-gap: 20px;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-four {
flex-direction: column-reverse;
row-gap: 50px;
}
}
.about-wrapper-four .about_images {
position: absolute;
bottom: -120px;
inset-inline-end: -188px;
max-width: 220px;
width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.about-wrapper-four .about_images {
inset-inline-end: -40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-wrapper-four .about_images {
max-width: 198px;
inset-inline-end: -40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-wrapper-four .about_images {
max-width: 180px;
inset-inline-end: -25px;
bottom: -100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-wrapper-four .about_images {
display: none;
}
}
.about-images-group-three {
max-width: 610px;
width: 100%;
position: relative;
z-index: 1;
}
.about-images-group-three::after {
content: "";
position: absolute;
width: 100%;
height: 36%;
bottom: 0;
inset-inline-start: 0;
background: linear-gradient(0deg, rgb(5, 18, 41) 10%, rgba(5, 18, 41, 0) 100%);
opacity: 1;
z-index: 1;
pointer-events: none;
}
.about-images-group-three .establish-text {
font-size: 66px;
color: var(--tj-color-common-white);
position: absolute;
bottom: 20px;
inset-inline-start: 30px;
z-index: 2;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
line-height: 1;
}
.about-images-group-three .establish-text span {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--tj-color-common-white);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-images-group-three .establish-text {
font-size: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-images-group-three .establish-text {
font-size: 40px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.about-images-group-three {
max-width: 530px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-images-group-three {
max-width: 450px;
}
}
.about-circle {
position: absolute;
max-width: 216px;
width: 100%;
height: 188px;
top: 50%;
inset-inline-start: -1px;
transform: translateY(-50%);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h5-about-mask.svg);
mask-repeat: no-repeat;
mask-size: contain;
background-color: var(--tj-color-common-white);
mask-position: center;
z-index: 1;
}
.about-circle .circle-wrap {
position: absolute;
width: 160px;
height: 160px;
top: 50%;
inset-inline-end: 15px;
background: var(--tj-color-theme-primary);
border-radius: 50%;
transform: translateY(-50%);
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
}
.about-circle .circle-wrap .rotate-image {
position: absolute;
inset-inline-start: 50%;
top: 50%;
width: 135px;
height: 136px;
transform: translate(-50%, -50%);
animation: rotateImg 10s infinite linear;
z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-circle .circle-wrap .rotate-image {
width: 120px;
height: 120px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-circle .circle-wrap .rotate-image {
width: 100px;
height: 100px;
}
}
.about-circle .circle-wrap .logo-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-circle .circle-wrap {
width: 140px;
height: 140px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-circle .circle-wrap {
width: 120px;
height: 120px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-circle {
width: 195px;
height: 168px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.about-circle {
width: 170px;
height: 150px;
}
}
.about-content-five {
position: relative;
max-width: 550px;
width: 100%;
z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-content-five {
max-width: 465px;
}
}
.about-content-five .sec-heading {
margin-bottom: 0;
}
.about-content-five .sec-heading .sec-title {
letter-spacing: -0.025em;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.about-content-five .sec-heading .sec-title {
font-size: 40px;
}
}
.about-content-five .desc {
line-height: 1.5;
margin-inline-end: 20px;
margin-top: 10px;
}
.about-content-five .desc p:last-child {
margin-bottom: 0;
}
.about-content-five .about-button {
margin-top: 30px;
}
.about-funfact {
background-color: var(--tj-color-theme-bg);
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.about-funfact .counter-item {
max-width: 50%;
padding: 24px 30px 33px;
border-inline-end: 2px solid var(--tj-color-common-white);
}
.about-funfact .counter-item::before {
inset-inline-end: -7px;
}
.about-funfact .counter-item::after {
background-color: var(--tj-color-theme-bg);
}
.about-funfact .counter-item .sub-title {
color: var(--tj-color-heading-primary);
margin-top: 6px;
}
@media (max-width: 575px) {
.about-funfact .counter-item {
padding: 24px 20px 33px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.about-funfact {
margin-inline-start: auto;
margin-inline-end: auto;
}
}
@media (max-width: 575px) {
.about-funfact {
justify-content: center;
}
}  .h5-process_wrap {
display: inline-flex;
flex-wrap: wrap;
justify-content: end;
column-gap: 27px;
row-gap: 30px;
padding: 40px;
background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h5-process_wrap {
justify-content: start;
column-gap: 25px;
padding: 40px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h5-process_wrap {
flex-direction: column;
justify-content: start;
column-gap: 30px;
padding: 40px 30px;
}
}
.h5-process_item {
max-width: 278px;
width: 100%;
text-align: left;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h5-process_item {
max-width: 275px;
}
}
.h5-process_item .line {
position: absolute;
width: calc(100% - 70px);
height: 16px;
inset-inline-end: 0;
top: 17px;
z-index: 1;
}
.h5-process_item .line::before {
content: "";
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
z-index: 1;
width: 100%;
height: 4px;
background-color: var(--tj-color-border-2); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='214' height='4' viewBox='0 0 214 4' fill='none'%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 4 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 10 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 16 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 22 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 28 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 34 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 40 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 46 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 52 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 58 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 64 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 70 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 76 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 82 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 88 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 94 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 100 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 106 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 112 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 118 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 124 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 130 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 136 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 142 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 148 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 154 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 160 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 166 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 172 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 178 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 184 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 190 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 196 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 202 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 208 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 214 0)' fill='black'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
mask-size: cover;
mask-position: left center;
z-index: -1;
}
.h5-process_item .line::after {
content: "";
position: absolute;
top: 0;
inset-inline-start: 50%;
transform: translateX(-50%);
width: 16px;
height: 16px;
background-color: var(--tj-color-theme-dark);
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 4 6)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 10 6)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 16 6)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 10 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 10 12)' fill='black'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
mask-size: cover;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 4 6)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 10 6)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 16 6)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 10 0)' fill='black'/%3E%3Crect width='4' height='4' rx='2' transform='matrix(-1 0 0 1 10 12)' fill='black'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: cover;
z-index: 1;
}
.h5-process_item .step {
display: inline-flex;
background-color: var(--tj-color-theme-dark);
width: 50px;
height: 50px;
border-radius: 50%;
align-items: center;
justify-content: center;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 18px;
line-height: 1;
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
margin-bottom: 32px;
transition: 0.4s;
}
.h5-process_item .title {
letter-spacing: -0.025em;
margin: 0;
}
.h5-process_item .desc {
margin-top: 20px;
line-height: 1.5;
}
.h5-process_item.active .line::after {
background-color: var(--tj-color-theme-primary);
}
.h5-process_item.active .step {
background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h5-process .sec-heading .sec-title {
color: var(--tj-color-common-white);
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h5-process .sec-heading .sec-title {
color: var(--tj-color-common-white);
}
.h5-process_item {
max-width: 350px;
padding-inline-start: 70px;
}
.h5-process_item .step {
position: absolute;
inset-inline-start: 0;
top: 0;
margin: 0;
}
.h5-process_item .line {
width: 16px;
height: calc(100% - 60px);
bottom: -10px;
top: auto;
inset-inline-start: 17px;
inset-inline-end: auto;
}
.h5-process_item .line::before {
width: 4px;
height: 100%;
top: 0;
inset-inline-start: 50%;
transform: translateX(-50%);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/process-vertical.svg);
mask-position: top center;
}
.h5-process_item .line::after {
inset-inline-start: 0;
top: 48%;
transform: translateY(-50%);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-process .sec-heading .sec-title {
color: var(--tj-color-common-white);
}
.h5-process_wrap {
flex-direction: column;
justify-content: start;
column-gap: 30px;
padding: 40px 30px;
}
.h5-process_item {
max-width: 350px;
padding-inline-start: 70px;
}
.h5-process_item .step {
position: absolute;
inset-inline-start: 0;
top: 0;
margin: 0;
}
.h5-process_item .line {
width: 16px;
height: calc(100% - 60px);
bottom: -10px;
top: auto;
inset-inline-start: 17px;
inset-inline-end: auto;
}
.h5-process_item .line::before {
width: 4px;
height: 100%;
top: 0;
inset-inline-start: 50%;
transform: translateX(-50%);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/process-vertical.svg);
mask-position: top center;
}
.h5-process_item .line::after {
inset-inline-start: 0;
top: 48%;
transform: translateY(-50%);
}
}
@media (max-width: 575px) {
.h5-process_wrap {
padding: 30px 20px;
}
.h5-process_item .desc {
margin-top: 15px;
}
}  .h5-team-section {
padding-top: 120px;
padding-bottom: 120px;
overflow: hidden;
}
.h5-team-section .sec-heading {
margin: 0;
}
.h5-team-section .sec-heading-wrap {
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
align-items: end;
column-gap: 30px;
row-gap: 20px;
justify-content: space-between;
}
.h5-team-section .sec-heading-wrap .desc {
max-width: 300px;
width: 100%;
}
.h5-team-item {
padding-bottom: 12px;
}
.h5-team-item-inner {
width: 100%;
border: 1px solid var(--tj-color-border-2);
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1;
padding: 30px 20px 25px 20px;
}
.h5-team-item-inner .team_image {
display: inline-flex;
align-items: center;
width: 220px;
height: 220px;
border-radius: 50%;
overflow: hidden;
}
.h5-team-item-inner .team_image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
transition: 0.5s;
}
.h5-team-item-inner .team-content {
margin-top: 30px;
text-align: center;
}
.h5-team-item-inner .team-content .title {
margin: 0;
letter-spacing: 0.02em;
}
.h5-team-item-inner .team-content .title a:hover {
color: var(--tj-color-theme-primary);
}
.h5-team-item-inner .team-content .designation {
display: inline-block;
margin-top: 7px;
color: var(--tj-color-common-black-2);
}
.h5-team-item-inner .team-socials {
list-style: none;
display: flex;
align-items: center;
gap: 6px;
position: absolute;
inset-inline-start: 50%;
bottom: -12px;
z-index: 2;
transform: translateX(-50%);
background-color: var(--tj-color-common-white);
padding: 0 15px;
}
.h5-team-item-inner .team-socials li {
display: inline-flex;
}
.h5-team-item-inner .team-socials li a {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: rgba(5, 18, 41, 0.4);
color: var(--tj-color-common-white);
font-size: 14px;
line-height: 1;
}
.h5-team-item-inner .team-socials li a i,
.h5-team-item-inner .team-socials li a svg {
display: inline-flex;
line-height: 1;
}
.h5-team-item-inner .team-socials li a:hover {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.h5-team-item:hover .h5-team-item-inner .team_image img {
transform: scale(1.12);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h5-team-section {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-team-section {
padding-top: 80px;
padding-bottom: 80px;
}
.h5-team-section .sec-heading-wrap {
margin-bottom: 40px;
}
.h5-team-section .teams_btn {
margin-top: 40px;
}
}
@media (max-width: 575px) {
.h5-team-section .sec-heading-wrap {
row-gap: 15px;
}
}  .tj-service-section-four {
background-color: var(--tj-color-theme-bg);
overflow: hidden;
}
.tj-service-section-four .sec-heading {
margin: 0;
max-width: 500px;
}
.tj-service-section-four .sec-heading-wrap {
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 30px;
row-gap: 20px;
justify-content: space-between;
}
.tj-service-section-four .sec-heading-wrap .desc {
max-width: 300px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-service-section-four .sec-heading-wrap {
margin-bottom: 40px;
}
}
.tj-service-section-four .sec-heading .sub-title {
background-color: var(--tj-color-common-white);
}
.h5-service-wrap {
display: flex;
flex-direction: row;
background-color: var(--tj-color-common-white);
padding: 40px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-service-wrap {
background-color: transparent;
flex-direction: column;
padding: 0;
row-gap: 24px;
}
}
.service-style-5 {
position: relative;
display: flex;
padding: 0 45px;
width: 175px;
height: 437px;
place-content: center;
overflow: hidden;
transition: all 0.5s ease-in-out;
border-inline-end: 1px solid var(--tj-color-border-2);
}
.service-style-5:last-child {
border: 0;
}
.service-style-5 .service-icon {
width: 80px;
height: 80px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
border-radius: 50%;
position: relative;
z-index: 2;
text-align: center;
}
.service-style-5 .service-icon span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
font-size: 52px;
line-height: 1;
border-radius: 50%;
color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5 .service-icon span {
width: 70px;
height: 70px;
font-size: 45px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5 .service-icon {
width: 70px;
height: 70px;
margin-bottom: 15px;
}
}
.service-style-5 .blog-btn-2 i {
transform: rotate(-45deg);
transition: all 0.3s ease-in-out;
}
.service-style-5 .blog-btn-2:hover i {
transform: rotate(0);
}
.service-style-5 .h5-service-content {
position: relative;
overflow: hidden;
width: 100%;
}
.service-style-5 .h5-service-content .h5-title-area {
position: absolute;
height: 247px;
bottom: 70px;
inset-inline-start: 13px;
text-align: left;
transition: all 0.5s ease-in;
}
.service-style-5 .h5-service-content .h5-title-area .title {
writing-mode: sideways-lr;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5 .h5-service-content .h5-title-area .title {
writing-mode: inherit;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5 .h5-service-content .h5-title-area {
max-width: 245px;
width: 100%;
height: auto;
bottom: 50%;
transform: translateY(50%);
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.service-style-5 .h5-service-content .h5-title-area {
inset-inline-start: 120px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.service-style-5 .h5-service-content .h5-title-area {
inset-inline-start: 110px;
}
}
@media (max-width: 575px) {
.service-style-5 .h5-service-content .h5-title-area {
inset-inline-start: 100px;
max-width: 195px;
}
}
.service-style-5 .h5-service-content .title {
margin-bottom: 16px;
}
.service-style-5 .h5-service-content .title a {
display: inline-block;
}
.service-style-5 .h5-service-content .title a:hover {
color: var(--tj-color-theme-primary);
}
.service-style-5 .h5-service-content .blog-btn-2 {
position: absolute;
bottom: 0;
inset-inline-start: 15px;
}
.service-style-5 .h5-service-content .blog-btn-2.mobile-show {
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.service-style-5 .h5-service-content .blog-btn-2 {
inset-inline-start: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5 .h5-service-content .blog-btn-2 {
inset-inline-start: 20px;
bottom: 30px;
}
}
@media (max-width: 575px) {
.service-style-5 .h5-service-content .blog-btn-2 .btn-icon {
width: 45px;
height: 45px;
}
}
.service-style-5 .h5-service-content-inner {
position: relative;
text-align: left;
top: 0;
inset-inline-start: 0;
width: 330px;
transform: translateX(-100%);
transition: transform 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.service-style-5 .h5-service-content-inner {
width: 300px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5 .h5-service-content-inner {
width: calc(100% - 60px);
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5 .h5-service-content {
padding: 30px 20px;
}
}
.service-style-5.active {
place-content: unset;
width: 420px;
}
.service-style-5.active .h5-service-content {
opacity: 1;
visibility: visible;
}
.service-style-5.active .h5-service-content-inner {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.service-style-5.active .h5-title-area {
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-out;
}
.service-style-5.active .service-icon span {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.service-style-5.active .blog-btn-2 {
visibility: visible;
opacity: 1;
inset-inline-start: 0;
}
.service-style-5.active .blog-btn-2.mobile-show {
visibility: hidden;
opacity: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5.active .blog-btn-2 {
inset-inline-start: 15px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service-style-5.active {
width: 390px;
padding: 0 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.service-style-5.active {
width: 360px;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5.active {
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service-style-5 {
width: 145px;
padding: 0 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.service-style-5 {
width: 115px;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-style-5 {
padding: 0;
border-inline-end: none;
background-color: var(--tj-color-common-white);
place-content: unset;
width: 100%;
height: auto;
}
.service-style-5 .h5-service-content {
opacity: 1;
visibility: visible;
}
.service-style-5 .h5-service-content-inner {
width: 100%;
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.service-style-5 .h5-title-area {
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-out;
}
.service-style-5 .service-icon span {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.service-style-5 .blog-btn-2 {
visibility: visible;
opacity: 1;
inset-inline-start: 20px;
}
.service-style-5 .blog-btn-2.mobile-show {
visibility: hidden;
opacity: 0;
}
}
.services-btn {
margin-top: 40px;
}  .h5-case-study-section {
background-color: var(--tj-color-theme-bg);
padding-top: 120px;
padding-bottom: 120px;
overflow: hidden;
}
.h5-case-study-section .sec-heading {
max-width: 555px;
width: 100%;
text-align: center;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 60px;
}
.h5-case-study-section .sec-heading .sub-title {
background-color: var(--tj-color-common-white);
}
.h5-case-study-slider {
overflow: inherit;
}
.h5-case-study-item-inner {
min-height: 524px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
z-index: 1;
overflow: hidden;
}
.h5-case-study-item .case-study-content {
background-color: var(--tj-color-common-white);
padding: 30px 22px 30px 30px;
max-width: 410px;
width: 100%;
position: absolute;
inset-inline-end: 0;
bottom: 0;
z-index: 2;
transform: translateY(100%);
transition: 0.4s;
}
.h5-case-study-item .case-study-content .category {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 11px;
margin-bottom: 15px;
}
.h5-case-study-item .case-study-content .category a {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 40px;
border: 1px solid var(--tj-color-border-2);
color: var(--tj-color-text-body);
font-size: 14px;
line-height: 1;
padding: 5px 9px;
}
.h5-case-study-item .case-study-content .category a:hover {
border-color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.h5-case-study-item .case-study-content .case-study-text {
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: space-between;
gap: 20px;
}
.h5-case-study-item .case-study-content .case-study-text .title {
margin: 0;
max-width: calc(100% - 84px);
}
.h5-case-study-item .case-study-content .case-study-text .title a:hover {
color: var(--tj-color-theme-primary);
}
.h5-case-study-item .case-study-content .case-study-text .icon-btn {
width: 64px;
height: 64px;
}
.h5-case-study-item .case-study-content .case-study-text .icon-btn:hover {
background-color: var(--tj-color-theme-primary);
}
.h5-case-study-item:hover .case-study-content {
transform: translate(0);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h5-case-study-section {
padding-top: 100px;
padding-bottom: 100px;
}
.h5-case-study-item .case-study-content {
padding: 30px 20px;
max-width: 390px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-case-study-section {
padding-top: 80px;
padding-bottom: 80px;
}
.h5-case-study-section .sec-heading {
margin-bottom: 40px;
}
.h5-case-study-item .case-study-content {
padding: 30px 20px;
max-width: 390px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-case-study-item .case-study-content {
max-width: 350px;
}
.h5-case-study-item .case-study-content .case-study-text .title {
max-width: calc(100% - 70px);
}
.h5-case-study-item .case-study-content .case-study-text .icon-btn {
width: 50px;
height: 50px;
}
}
@media (max-width: 575px) {
.h5-case-study-item-inner {
min-height: 400px;
}
.h5-case-study-item .case-study-content {
max-width: 320px;
}
}  @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-price-section {
overflow: hidden;
}
}
.pricing-left-content .desc {
max-width: 300px;
}
.tj-sticky-top {
position: sticky;
top: 120px;
z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-sticky-top {
top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-sticky-top {
position: unset;
}
}
.pricing-card {
display: flex;
border: 1px solid var(--tj-color-border-2);
background-color: var(--tj-color-common-white);
position: relative;
overflow: hidden;
padding: 20px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.pricing-card {
align-items: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.pricing-card {
flex-direction: column;
padding-bottom: 0;
}
}
.pricing-card.active .pricing-badge {
display: inline-block;
}
.pricing-card .pricing-badge {
position: absolute;
top: 0;
inset-inline-end: 0;
display: none;
padding: 10px 11px 10px 35px;
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
line-height: 1;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
}
.pricing-card .pricing-left,
.pricing-card .pricing-right {
flex: 1;
padding: 30px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.pricing-card .pricing-left,
.pricing-card .pricing-right {
padding: 30px 25px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.pricing-card .pricing-left,
.pricing-card .pricing-right {
padding: 30px 25px;
}
}
.pricing-card .pricing-left {
background-color: var(--tj-color-theme-bg);
}
.pricing-card .pricing-left .title {
margin: 0;
}
.pricing-card .price {
margin: 18px 0;
font-size: var(--tj-fs-h1);
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
color: var(--tj-color-heading-primary);
line-height: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.pricing-card .price {
font-size: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.pricing-card .price {
font-size: 48px;
}
}
.pricing-card .price .dollar {
font-size: 18px;
vertical-align: top;
color: var(--tj-color-common-black-2);
}
.pricing-card .price .period {
font-size: 20px;
font-weight: normal;
color: var(--tj-color-common-black-2);
}
.pricing-card .offer {
margin-bottom: 25px;
}
.pricing-card .pricing-right {
position: relative;
}
.pricing-card .pricing-right h4 {
position: absolute;
inset-inline-end: 22px;
top: -20px;
transform: rotate(-90deg);
transform-origin: right;
font-size: 72px;
color: var(--tj-color-theme-bg);
letter-spacing: -2.5%;
margin: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.pricing-card .pricing-right h4 {
inset-inline-end: 18px;
top: -10px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.pricing-card .pricing-right h4 {
font-size: 60px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.pricing-card .pricing-right h4 {
font-size: 48px;
top: 30px;
}
}
.pricing-card .pricing-right .features {
list-style: none;
padding-inline-start: 0;
margin-top: 0;
}
.pricing-card .pricing-right .features li {
display: flex;
align-items: center;
color: var(--tj-color-common-black-3);
}
.pricing-card .pricing-right .features li:not(:last-child) {
margin-bottom: 12px;
}
.pricing-card .pricing-right .features li i {
font-size: 18px;
line-height: 1;
margin-inline-end: 8px;
}
.pricing-card .pricing-right .features li.active {
color: var(--tj-color-text-body);
}
.pricing-card .pricing-right .features li.active i {
color: var(--tj-color-theme-primary);
} .dark-bg {
background-color: var(--tj-color-theme-dark);
}
.h5-testimonial-section {
overflow: hidden;
}
.h5-testimonial-section .sec-heading .sub-title {
background-color: rgba(247, 247, 247, 0.1);
}
.h5-testimonial-section .sec-heading .sec-title {
color: var(--tj-color-common-white);
}
.h5-testimonial-item {
padding: 40px 30px;
background-color: rgba(247, 247, 247, 0.1);
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-testimonial-item {
padding: 35px 30px;
}
}
@media (max-width: 575px) {
.h5-testimonial-item {
padding: 30px 20px;
}
}
.h5-testimonial-item .author {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: start;
}
@media (max-width: 575px) {
.h5-testimonial-item .author {
gap: 12px;
}
}
.h5-testimonial-item .author-images {
width: 117px;
height: 136px;
-webkit-mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h5-author-mask.svg);
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h5-author-mask.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--tj-color-theme-dark);
position: relative;
z-index: 1;
margin-top: -41px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-testimonial-item .author-images {
margin-top: -35px;
}
}
@media (max-width: 575px) {
.h5-testimonial-item .author-images {
width: 110px;
height: 130px;
}
}
.h5-testimonial-item .author-images img {
width: 95px;
height: 95px;
border-radius: 50%;
object-fit: cover;
z-index: 2;
position: absolute;
top: 30px;
inset-inline-start: 11px;
}
@media (max-width: 575px) {
.h5-testimonial-item .author-images img {
width: 85px;
height: 85px;
inset-inline-start: 13px;
}
}
.h5-testimonial-item .author-rating {
display: inline-block;
background: var(--tj-color-theme-dark);
padding: 2px 10px 4px;
margin-bottom: 10px;
border-radius: 32px;
}
.h5-testimonial-item .author-rating .star-ratings {
color: var(--tj-color-theme-primary);
-webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.h5-testimonial-item .author-rating .star-ratings .fill-ratings {
color: var(--tj-color-theme-primary);
}
.h5-testimonial-item .author-rating .star-ratings .empty-ratings {
color: transparent;
}
.h5-testimonial-item .author-name {
letter-spacing: -0.025em;
margin-bottom: 4px;
color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
.h5-testimonial-item .author-name {
font-size: 18px;
}
}
.h5-testimonial-item .author .sub-title {
display: block;
line-height: 1;
color: var(--tj-color-common-white-2);
}
.h5-testimonial-item .desc {
color: var(--tj-color-common-white-2);
font-size: 20px;
margin-top: 35px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h5-testimonial-item .desc {
margin-top: 25px;
font-size: 18px;
}
}
@media (max-width: 575px) {
.h5-testimonial-item .desc {
margin-top: 20px;
font-size: 16px;
}
}
.h5-testimonial-item .desc p {
margin: 0;
}
.h5-testimonial-item .quote-icon {
position: absolute;
inset-inline-end: 30px;
top: 40px;
font-size: 70px;
line-height: 1;
color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h5-testimonial-item .quote-icon {
top: 25px;
}
}
@media (max-width: 575px) {
.h5-testimonial-item .quote-icon {
top: 25px;
inset-inline-end: 15px;
font-size: 52px;
}
} .h5-blog-section {
overflow: hidden;
}
.h5-blog-section .sec-heading {
display: flex;
flex-wrap: wrap;
align-items: end;
justify-content: space-between;
column-gap: 30px;
row-gap: 20px;
}
.h5-blog-section .sec-heading .desc {
margin: 0;
max-width: 300px;
}
.h5-blog-section .sec-heading .desc p {
margin-bottom: 0;
}
.blog-style-3.style-5 {
border: 1px solid var(--tj-color-border-2);
}
.blog-style-3.style-5 .blog-content {
background-color: transparent;
}
.blog-btn-2 {
font-weight: var(--tj-fw-bold);
color: var(--tj-color-theme-dark);
display: inline-flex;
align-items: center;
text-decoration: none;
gap: 8px;
overflow: hidden;
position: relative;
}
.blog-btn-2 .btn-icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-dark);
transition: background-color 0.3s ease-in-out 0s;
}
.blog-btn-2 .btn-text {
transform: translateX(-20px);
opacity: 0;
visibility: hidden;
white-space: nowrap;
transition: all 0.3s ease-in-out 0s;
}
.blog-btn-2:hover .btn-icon {
background-color: var(--tj-color-theme-primary);
}
.blog-btn-2:hover .btn-text {
transform: translateX(0);
opacity: 1;
visibility: visible;
}  .h5-cta-section {
padding: 60px 0;
background-color: var(--tj-color-theme-primary);
position: relative;
overflow: hidden;
}
.h5-cta-section .thumb {
width: 100%;
height: 100%;
position: absolute;
top: 0;
inset-inline-start: 0;
}
.h5-cta-section .thumb img {
width: 100%;
height: 100%;
opacity: 0.15;
mix-blend-mode: luminosity;
}
.h5-cta-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-cta-wrapper {
justify-content: center;
}
}
.h5-cta-wrapper .sec-title {
color: var(--tj-color-common-white);
margin-bottom: 0;
max-width: 685px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.h5-cta-wrapper .sec-title {
max-width: 480px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h5-cta-wrapper .sec-title {
max-width: 100%;
text-align: center;
}
}
.h5-cta-contact {
display: inline-flex;
gap: 15px;
}
.h5-cta-contact .tj-primary-btn .btn_inner .btn_icon {
font-size: 20px;
}
@media (max-width: 450px) {
.h5-cta-contact {
flex-direction: column;
}
} .tj-header-area.header-6 {
border-color: var(--tj-color-border-2);
}
.tj-header-area.header-6 .header-bottom {
padding-inline-start: 18px;
padding-inline-end: 18px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-6 .header-bottom {
padding-inline-start: 0;
padding-inline-end: 0;
}
}
.tj-header-area.header-6 .mainmenu ul > li > a {
color: var(--tj-color-heading-primary);
}
.tj-header-area.header-6 .mainmenu ul > li > a:hover {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-6 .mainmenu ul > li.current-menu-ancestor > a, .tj-header-area.header-6 .mainmenu ul > li.current-menu-item > a, .tj-header-area.header-6 .mainmenu ul > li:hover > a {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-6 .tj-primary-btn {
padding: 5px;
}
.tj-header-area.header-6 .tj-primary-btn .btn_inner {
padding: 12px 18px 12px 50px;
}
.tj-header-area.header-6 .tj-primary-btn .btn_inner::before {
width: 40px;
}
.tj-header-area.header-6 .tj-primary-btn .btn_inner .btn_icon {
min-width: 40px;
font-size: 1.4em;
}
.tj-header-area.header-6 .tj-primary-btn:hover .btn_inner::before {
width: 100%;
}
.tj-header-area.header-6.style-6.header-duplicate .menu_btn .cubes span {
border-color: var(--tj-color-common-white);
}
.tj-header-area.style-6 .header_search {
color: var(--tj-color-heading-primary);
}
.tj-header-area.style-6 .header_search i {
color: var(--tj-color-heading-primary);
}
.tj-header-area.style-6 .header_right_info {
column-gap: 0;
}
.tj-header-area.style-6 .header_right_info > *:not(:last-child) {
padding-inline-end: 13px;
margin-inline-end: 12px;
position: relative;
}
.tj-header-area.style-6 .header_right_info > *:first-child::after {
content: "";
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
height: 16px;
width: 1px;
background-color: var(--tj-color-border-2);
}
.tj-header-area.style-6.header-duplicate .header_search {
color: var(--tj-color-common-white);
}
.tj-header-area.style-6.header-duplicate .header_search i {
color: var(--tj-color-common-white);
}
.tj-header-area.style-6.header-duplicate .header_right_info > *:first-child::after {
background-color: var(--tj-color-border-1);
}  .h6-footer {
border-top: 0;
}
.h6-footer-middle {
padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-footer-logo {
text-align: center;
}
}
.h6-footer-logo a img {
max-width: 150px;
}
.h6-footer-menu ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
row-gap: 15px;
align-items: center;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-footer-menu ul {
justify-content: center;
}
}
.h6-footer-menu ul li {
display: inline-block;
padding: 0 30px;
position: relative;
line-height: 1;
}
.h6-footer-menu ul li:first-child {
padding-inline-start: 0;
}
.h6-footer-menu ul li:last-child {
padding-inline-end: 0;
}
.h6-footer-menu ul li:not(:first-child)::before {
position: absolute;
content: "";
top: 50%;
inset-inline-start: 0;
width: 1px;
height: 12px;
background-color: var(--tj-color-border-1);
transform: translateY(-50%);
}
.h6-footer-menu ul li a {
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-bold);
}
.h6-footer-menu ul li a:hover {
color: var(--tj-color-theme-primary);
}
.h6-footer-widget-top {
padding-top: 70px;
padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-footer-widget-top {
padding-bottom: 60px;
text-align: center;
}
}
.h6-footer-widget-title {
font-size: 68px;
color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-footer-widget-title {
font-size: 58px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-footer-widget-title {
font-size: 48px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-footer-widget-title {
font-size: 42px;
}
}
.h6-footer-widget-title span {
color: var(--tj-color-theme-primary);
}
.h6-footer-widget-btn {
margin-top: 30px;
}
.h6-footer-widget .footer-contact-infos {
display: grid;
grid-template-columns: repeat(2, 1fr);
position: relative;
}
.h6-footer-widget .footer-contact-infos .infos-right,
.h6-footer-widget .footer-contact-infos .infos-left {
padding-top: 76px;
padding-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-footer-widget .footer-contact-infos .infos-right,
.h6-footer-widget .footer-contact-infos .infos-left {
padding-top: 50px;
padding-bottom: 50px;
}
}
.h6-footer-widget .footer-contact-infos .infos-right {
padding-inline-start: 70px;
border-inline-start: 1px solid var(--tj-color-border-1);
margin-inline-start: -25px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-footer-widget .footer-contact-infos .infos-right {
margin-inline-start: 0;
padding-inline-start: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-footer-widget .footer-contact-infos .infos-right {
margin-inline-start: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h6-footer-widget .footer-contact-infos .infos-right {
padding-inline-start: 50px;
}
}
@media (max-width: 575px) {
.h6-footer-widget .footer-contact-infos .infos-right {
padding-inline-start: 20px;
}
}
.h6-footer-widget .footer-contact-infos .infos-item {
max-width: 230px;
}
.h6-footer-widget .footer-contact-infos .infos-item span {
display: inline-block;
font-size: 14px;
color: var(--tj-color-common-black-2);
font-weight: var(--tj-fw-regular);
margin-bottom: 6px;
}
.h6-footer-widget .footer-contact-infos .infos-item p {
font-size: 16px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-white-2);
margin-bottom: 6px;
}
.h6-footer-widget .footer-contact-infos .infos-item a {
font-size: 16px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-white);
position: relative;
z-index: 1;
}
.h6-footer-widget .footer-contact-infos .infos-item a::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
bottom: -2px;
inset-inline-start: 0;
transform-origin: right;
transform: scaleX(0);
background: var(--tj-color-common-white);
transition: transform 0.3s ease-in-out;
}
.h6-footer-widget .footer-contact-infos .infos-item a:hover::before {
transform-origin: left;
transform: scaleX(1);
}
.h6-footer-widget .contact-form-one {
padding: 80px 50px;
max-width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-footer-widget .contact-form-one {
padding: 80px 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-footer-widget .contact-form-one {
padding: 50px 35px;
}
}
.h6-footer-widget .contact-form-one .title {
max-width: 300px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-footer-widget .contact-form-one .form-input {
margin-bottom: 42px;
}
}
.h6-footer-widget .contact-form-one textarea {
height: 140px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-footer-widget .contact-form-one textarea {
height: 130px;
}
}
.h6-footer .backtop {
inset-inline-end: 40px;
bottom: 130px;
}
@media (max-width: 575px) {
.h6-footer .backtop {
inset-inline-end: 20px;
bottom: 55px;
}
}
.h6-border-footer {
position: relative;
}
.h6-border-footer::after {
position: absolute;
content: "";
inset-inline-end: 0;
bottom: 0;
width: calc(100% + 4000px);
height: 1px;
background-color: var(--tj-color-border-1);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-border-footer::after {
inset-inline-end: -100%;
}
}
.tj-submit-btn {
width: 100%;
height: 56px;
border-radius: 30px;
padding: 0 30px;
color: var(--tj-color-common-white);
background: var(--tj-color-theme-primary);
display: flex;
align-items: center;
justify-content: center;
}
.tj-submit-btn span.btn-icon {
overflow: hidden;
position: relative;
display: inline-flex;
color: var(--tj-color-common-white);
}
.tj-submit-btn span.btn-icon i {
color: var(--tj-color-common-white);
}
.tj-submit-btn span.btn-icon i:first-child, .tj-submit-btn span.btn-icon i:last-child {
transition: transform 0.4s ease-in-out 0s;
}
.tj-submit-btn span.btn-icon i:last-child {
position: absolute;
transform: translateX(-150%);
}
.tj-submit-btn .btn-text {
display: inline-flex;
overflow: hidden;
color: var(--tj-color-common-white);
text-shadow: 0 23px 0 currentColor;
font-weight: var(--tj-fw-bold);
}
.tj-submit-btn .btn-text > span {
display: flex;
align-items: center;
backface-visibility: hidden;
transform: translateY(0);
transition: 0.5s;
}
.tj-submit-btn:hover {
background: var(--tj-color-common-white);
}
.tj-submit-btn:hover span.btn-icon {
color: var(--tj-color-theme-dark);
}
.tj-submit-btn:hover span.btn-icon i {
color: var(--tj-color-theme-dark);
}
.tj-submit-btn:hover span.btn-icon i:first-child {
transform: translateX(150%);
}
.tj-submit-btn:hover span.btn-icon i:last-child {
transform: translateX(0);
}
.tj-submit-btn:hover .btn-text {
color: var(--tj-color-theme-dark);
}
.tj-submit-btn:hover .btn-text > span {
transform: translateY(-24px);
} .h6-hero-section {
position: relative;
z-index: 1;
overflow: hidden;
padding-top: 188px;
}
.h6-hero-section .hero-shapes-2,
.h6-hero-section .hero-shapes-1 {
position: absolute;
top: 220px;
inset-inline-start: -90px;
z-index: -1;
max-width: 220px;
width: 100%;
}
.h6-hero-section .hero-shapes-2 img,
.h6-hero-section .hero-shapes-1 img {
width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-hero-section .hero-shapes-2,
.h6-hero-section .hero-shapes-1 {
max-width: 180px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-hero-section .hero-shapes-2,
.h6-hero-section .hero-shapes-1 {
max-width: 140px;
}
}
.h6-hero-section .hero-shapes-2 {
inset-inline-start: inherit;
inset-inline-end: -100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-hero-section .hero-shapes-2 {
inset-inline-end: -80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-hero-section {
padding-top: 140px;
}
}
.h6-hero-content {
max-width: 880px;
margin: 0 auto;
text-align: center;
}
.h6-hero-content .sub-title {
background-color: var(--tj-color-theme-bg);
color: var(--tj-color-text-body);
font-size: 14px;
line-height: 1;
padding: 3px 8px;
border-radius: 30px;
margin-bottom: 18px;
display: inline-flex;
align-items: center;
gap: 4px;
vertical-align: sub;
}
.h6-hero-content .sub-title i {
display: inline-flex;
color: var(--tj-color-theme-primary);
font-size: 20px;
line-height: 1;
}
.h6-hero-content .hero-title {
line-height: 1.083;
margin-bottom: 10px;
letter-spacing: -0.025em;
}
.h6-hero-content .hero-title span {
color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-hero-content .hero-title {
font-size: 40px;
}
}
.h6-hero-content .desc {
max-width: 530px;
font-size: 18px;
line-height: 1.444;
margin: 0 auto;
}
.h6-hero-content .desc p:last-child {
margin: 0;
}
.h6-hero-content .hero-btn-area {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 20px;
margin-top: 24px;
}
@media (max-width: 390px) {
.h6-hero-content .hero-btn-area {
gap: 10px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-hero-content {
max-width: 700px;
}
}
.h6-hero-slider {
margin: 0 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-hero-slider {
margin: 0 20px;
}
}
.h6-slider-area {
position: relative;
overflow: hidden;
margin: 80px 0 0;
}
.h6-slider-area::before {
content: "";
position: absolute;
top: -2px;
inset-inline-start: 0;
width: 100%;
height: 48px;
background-color: var(--tj-color-common-white);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h6-slider-curve-1.svg);
mask-repeat: no-repeat;
mask-position: center top;
mask-size: cover;
z-index: 2;
}
@media (min-width: 1921px) and (max-width: 2500px) {
.h6-slider-area::before {
height: 60px;
}
}
@media (min-width: 2501px) and (max-width: 3200px) {
.h6-slider-area::before {
height: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h6-slider-area::before {
height: 38px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-slider-area::before {
height: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-slider-area::before {
height: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-slider-area::before {
height: 20px;
}
}
.h6-slider-area::after {
content: "";
position: absolute;
bottom: -1px;
inset-inline-start: 0;
width: 100%;
height: 48px;
background-color: var(--tj-color-common-white);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h6-slider-curve-2.svg);
mask-repeat: no-repeat;
mask-position: center bottom;
mask-size: cover;
z-index: 2;
}
@media (min-width: 1921px) and (max-width: 2500px) {
.h6-slider-area::after {
height: 60px;
}
}
@media (min-width: 2501px) and (max-width: 3200px) {
.h6-slider-area::after {
height: 70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h6-slider-area::after {
height: 38px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-slider-area::after {
height: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-slider-area::after {
height: 24px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-slider-area::after {
height: 20px;
}
}
.h6-slider-wrapper {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.h6-slider-item {
width: auto;
display: flex;
gap: 20px;
align-items: center;
}
.h6-slider-item .slider-img {
max-width: 442px;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h6-slider-item .slider-img {
max-width: 360px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-slider-item .slider-img {
max-width: 320px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-slider-item .slider-img {
max-width: 280px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-slider-item .slider-img {
max-width: 200px;
}
}  .h6-about-section {
overflow: hidden;
}
.h6-about-video {
position: relative;
height: 100%;
}
.h6-about-video .about-shape-1 {
display: flex;
align-items: center;
justify-content: center;
max-width: 305px;
width: 100%;
height: 348px;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h6-about-video-shape.svg);
mask-repeat: no-repeat;
mask-size: contain;
background: var(--tj-color-theme-bg);
mask-position: center;
}
.h6-about-video .about-shape-1 .video-inner {
position: relative;
overflow: hidden;
max-width: 244px;
width: 100%;
border-radius: 50%;
margin-bottom: 45px;
}
.h6-about-video .about-shape-1 .video-inner::before {
content: "";
background-color: var(--tj-color-theme-dark);
position: absolute;
width: 100%;
height: 100%;
top: 0;
inset-inline-start: 0;
opacity: 0.3;
}
.h6-about-video .about-shape-1 .video-inner img {
width: 100%;
height: 100%;
object-fit: cover;
}
.h6-about-video .about-shape-1 .video-inner .video-btn {
background-color: var(--tj-color-common-white);
color: var(--tj-color-theme-dark);
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
animation: pulse 2s infinite;
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.h6-about-video .about-shape-1 .video-inner .video-btn i {
line-height: 1;
display: inline-flex;
margin-inline-start: 2px;
}
.h6-about-video .about-shape-1 .video-inner .video-btn:hover {
transform: translate(-50%, -50%) scale(1.1);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-about-video .about-shape-1 .video-inner {
max-width: 200px;
margin-bottom: 35px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-about-video .about-shape-1 {
max-width: 250px;
height: 288px;
bottom: -102px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-about-video .about-shape-1 {
position: relative;
max-width: 250px;
height: 288px;
margin: 0 auto;
}
}
.h6-about-content {
position: relative;
}
.h6-about-content .shape {
position: absolute;
max-width: 220px;
width: 100%;
top: 80px;
inset-inline-end: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-about-content .shape {
max-width: 160px;
top: inherit;
bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-about-content .shape {
max-width: 130px;
top: inherit;
bottom: 10px;
}
}
.h6-about-content .sec-heading {
max-width: 870px;
width: 100%;
}
.h6-about-content .sec-title {
letter-spacing: -0.025em;
}
.h6-about-content .about-btn-area {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.h6-about-content .images-thumb {
margin-bottom: 0;
}
.h6-about-content .images-thumb li.plus i {
background-color: var(--tj-color-theme-primary);
}
.h6-about-funfact {
width: 100%;
}
.h6-about-funfact-item {
display: flex;
align-items: center;
border: 1px solid var(--tj-color-border-2);
overflow: hidden;
}
.h6-about-funfact-item:not(:first-child) {
border-top: 0;
}
.h6-about-funfact-item .counter-item {
max-width: 257px;
padding: 28px 30px 40px 30px;
border-inline-end: 0;
}
@media (max-width: 575px) {
.h6-about-funfact-item .counter-item {
max-width: 160px;
flex: 0 0 auto;
padding: 20px 15px 30px 15px;
}
}
.h6-about-funfact-item .desc {
position: relative;
padding: 30px;
}
.h6-about-funfact-item .desc::before {
content: "";
background-color: var(--tj-color-border-2);
position: absolute;
width: 1px;
height: calc(100% + 100px);
top: -50px;
inset-inline-start: 0;
z-index: -1;
}
.h6-about-funfact-item .desc p:last-child {
margin-bottom: 0;
}
@media (max-width: 575px) {
.h6-about-funfact-item .desc {
padding: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-about-funfact {
max-width: 100%;
}
}
.tj-text-invert > div {
background-size: 200% 100%;
background-position-x: 100%;
color: transparent;
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(to right, var(--tj-color-theme-dark) 50%, var(--tj-color-common-white-2) 50%);
}  .h6-insight-section {
overflow: hidden;
}
.h6-insight-section .sec-heading {
margin-bottom: 18px;
max-width: 553px;
width: 100%;
}
.h6-insight_accordion {
width: 100%;
border: 1px solid var(--tj-color-border-2);
}
.h6-insight_accordion .accordion_item {
text-align: left;
}
.h6-insight_accordion .accordion_item:not(:last-child) {
border-bottom: 1px solid var(--tj-color-border-2);
}
.h6-insight_accordion .accordion_item .accordion_title {
width: 100%;
border: none;
background-color: transparent;
outline: none;
box-shadow: 0 0 0;
padding: 28px 65px 20px 30px;
text-align: left;
position: relative;
z-index: 1;
}
.h6-insight_accordion .accordion_item .accordion_title::before {
position: absolute;
top: 50%;
transform: translateY(-50%);
inset-inline-end: 30px;
content: "+";
font-family: "Font Awesome 6 Pro";
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 1px solid var(--tj-color-border-2);
font-size: 16px;
line-height: 1;
text-align: center;
border-radius: 50%;
color: var(--tj-color-heading-primary);
background-color: transparent;
transition: 0.4s;
}
.h6-insight_accordion .accordion_item .accordion_title:not(.collapsed)::before {
content: "-";
}
.h6-insight_accordion .accordion_item .accordion_title:not(.collapsed) .subtitle {
color: var(--tj-color-theme-primary);
}
.h6-insight_accordion .accordion_item .accordion_title .subtitle {
display: flex;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 16px;
line-height: 1;
letter-spacing: -0.025em;
color: #c0c6d1;
margin-bottom: 10px;
}
.h6-insight_accordion .accordion_item .accordion_title .title {
margin: 0;
font-size: 20px;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
line-height: 1.4;
color: var(--tj-color-heading-primary);
transition: all 0.3s ease-in-out 0s;
}
.h6-insight_accordion .accordion_item .accordion_desc .accordion-body {
padding: 0 30px 25px 30px;
}
.h6-insight-chart {
position: relative;
z-index: 1;
border: 1px solid var(--tj-color-border-2);
padding: 40px 30px;
margin-top: 8px;
text-align: center;
}
.h6-insight-chart .chart_content {
text-align: left;
max-width: 240px;
width: 100%;
position: absolute;
inset-inline-start: 30px;
top: 30px;
}
.h6-insight-chart .chart_content .title {
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 20px;
line-height: 1.3;
letter-spacing: -0.025em;
color: var(--tj-color-heading-primary);
margin-bottom: 20px;
}
.h6-insight-chart .chart_content .counter {
display: flex;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 45px;
line-height: 1;
letter-spacing: -0.025em;
color: var(--tj-color-heading-primary);
align-items: center;
}
.h6-insight-chart .chart_content .counter span {
font-family: inherit;
}
.h6-insight-chart .chart_content .counter .up {
display: inline-flex;
justify-content: center;
align-items: end;
width: 34px;
height: 34px;
font-size: 19px;
color: var(--tj-color-theme-primary);
}
.h6-insight-chart .chart_content .subtitle {
display: flex;
color: var(--tj-color-common-black-2);
line-height: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-insight-chart {
padding: 62px 30px 40px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-insight-section .sec-heading {
margin-bottom: 40px;
}
.h6-insight_accordion {
margin-bottom: 40px;
max-width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h6-insight_accordion .accordion_item .accordion_title .title {
font-size: 17px;
}
}
@media (max-width: 575px) {
.h6-insight_accordion .accordion_item .accordion_title .title {
font-size: 17px;
}
.h6-insight-chart {
padding: 80px 30px 30px 30px;
}
.h6-insight-chart .chart_content {
max-width: 195px;
}
.h6-insight-chart .chart_content .title {
font-size: 16px;
margin-bottom: 10px;
}
.h6-insight-chart .chart_content .counter {
font-size: 30px;
}
.h6-insight-chart .chart_content .counter .up {
align-items: center;
}
.h6-insight-chart .chart_content .subtitle {
margin-top: 5px;
}
}  .h6-marquee-slider {
background-color: var(--tj-color-theme-primary);
padding: 30px 0 22px 0;
}
.h6-marquee-slider .marquee-wrapper {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.h6-marquee-slider .marquee_item {
width: auto;
display: flex;
gap: 20px;
align-items: center;
color: var(--tj-color-common-white);
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 55px;
line-height: 1;
letter-spacing: -0.03em;
}
.h6-marquee-slider .marquee_item .marquee-title {
display: inline-flex;
gap: 20px;
align-items: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-marquee-slider .marquee_item {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-marquee-slider .marquee_item {
font-size: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h6-marquee-slider {
padding: 30px 0 25px 0;
}
.h6-marquee-slider .marquee_item {
font-size: 40px;
}
}
@media (max-width: 575px) {
.h6-marquee-slider {
padding: 30px 0 25px 0;
}
.h6-marquee-slider .marquee_item {
font-size: 35px;
}
}  .h6-services-section {
background-color: var(--tj-color-theme-bg);
overflow: hidden;
}
.h6-services-section .sec-heading {
max-width: 555px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 60px;
}
.h6-services-section .sec-heading .sec-title {
letter-spacing: -0.025em;
}
.h6-services-slider .swiper_pagination {
margin-top: 60px;
}
.h6-services-item-inner {
position: relative;
z-index: 1;
background-color: var(--tj-color-theme-bg);
min-height: 460px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-blend-mode: luminosity;
display: flex;
overflow: hidden;
}
.h6-services-item-inner::before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(5, 18, 41, 0.6);
z-index: -1;
opacity: 1;
transition: 0.5s;
}
.h6-services-item-inner .service_shape {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-primary);
z-index: 1;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h6-service.svg);
mask-size: cover;
mask-position: center;
transition: 0.4s;
transform: scale(1.12);
visibility: hidden;
opacity: 0;
}
.h6-services-item-inner .service_icon {
position: absolute;
inset-inline-end: 15px;
top: 35px;
z-index: 2;
display: inline-flex;
font-size: 80px;
line-height: 1;
color: rgba(247, 247, 247, 0.3);
opacity: 0;
transform: scale(0.8);
visibility: hidden;
transition: 0.3s;
}
.h6-services-item-inner .service_icon i,
.h6-services-item-inner .service_icon svg {
display: inline-flex;
line-height: 1;
}
.h6-services-item-inner .service_content {
max-width: 280px;
width: 100%;
position: relative;
z-index: 1;
padding: 35px 0 35px 30px;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: auto;
justify-content: space-between;
gap: 30px;
}
.h6-services-item-inner .service_content .title {
color: var(--tj-color-common-white);
margin: 0;
line-height: 1.3;
letter-spacing: -0.025em;
}
.h6-services-item-inner .service_content .title a:hover {
letter-spacing: 0;
}
.h6-services-item-inner .service_content .service_btn {
margin-top: 0;
color: var(--tj-color-common-white);
}
.h6-services-item-inner .service_content .service_btn .btn-icon {
background-color: var(--tj-color-common-white);
color: var(--tj-color-heading-primary);
transform: rotate(-45deg);
transition: 0.4s;
}
.h6-services-item-inner .service_content .service_btn .btn-icon i {
color: var(--tj-color-heading-primary);
}
.h6-services-item:hover .h6-services-item-inner {
background-blend-mode: normal;
}
.h6-services-item:hover .h6-services-item-inner::before {
opacity: 0;
}
.h6-services-item:hover .h6-services-item-inner .service_shape {
transform: scale(1);
visibility: visible;
opacity: 1;
}
.h6-services-item:hover .h6-services-item-inner .service_icon {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.h6-services-item:hover .h6-services-item-inner .service_content .service_btn .btn-icon {
transform: rotate(0);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h6-services-item-inner .service_icon {
font-size: 70px;
}
.h6-services-item-inner .service_content {
max-width: 265px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-services-item-inner {
min-height: 420px;
}
.h6-services-item-inner .service_icon {
font-size: 60px;
inset-inline-end: 10px;
}
.h6-services-item-inner .service_content {
max-width: 225px;
}
.h6-services-item-inner .service_content .title {
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-services-section .sec-heading {
margin-bottom: 40px;
}
.h6-services-slider .swiper_pagination {
margin-top: 40px;
}
}  .h6-project-section {
overflow: hidden;
}
.h6-project-wrap .pin-spacer:nth-child(even) .h6-project-item {
flex-direction: row-reverse;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-project-wrap .pin-spacer:nth-child(even) .h6-project-item {
flex-direction: column-reverse;
}
}
.h6-project-item {
background-color: var(--tj-color-theme-dark);
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
z-index: 2;
}
.h6-project-item:not(:last-child) {
margin-bottom: 30px;
}
.h6-project-item:nth-child(even) {
flex-direction: row-reverse;
}
.h6-project-item .project_image {
max-width: calc(50% - 0px);
max-height: 550px;
width: 100%;
overflow: hidden;
}
.h6-project-item .project_image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.h6-project-item .project_content {
max-width: calc(50% - 0px);
width: 100%;
padding: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.h6-project-item .project_content_inner {
max-width: 440px;
width: 100%;
}
.h6-project-item .project_content_inner .no {
display: inline-flex;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 88px;
line-height: 1;
letter-spacing: -0.025em;
color: rgba(247, 247, 247, 0.1);
margin-bottom: 10px;
}
.h6-project-item .project_content_inner .title {
margin: 0;
color: var(--tj-color-common-white);
}
.h6-project-item .project_content_inner .title a:hover {
color: var(--tj-color-theme-primary);
}
.h6-project-item .project_content_inner .desc {
color: var(--tj-color-common-white-2);
margin-top: 15px;
}
.h6-project-item .project_content_inner .project_btn {
background-color: var(--tj-color-theme-primary);
margin-top: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h6-project-item .project_content_inner {
max-width: 395px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-project-item .project_content_inner {
max-width: 395px;
}
.h6-project-item .project_content_inner .no {
font-size: 75px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-project-item {
flex-direction: column-reverse;
}
.h6-project-item:nth-child(even) {
flex-direction: column-reverse;
}
.h6-project-item .project_image {
max-width: 100%;
max-height: 420px;
}
.h6-project-item .project_content {
max-width: 100%;
min-height: 420px;
padding: 35px 30px 40px;
}
.h6-project-item .project_content_inner {
max-width: 100%;
}
.h6-project-item .project_content_inner .no {
font-size: 75px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h6-project-item .project_image {
max-height: 420px;
}
.h6-project-item .project_content_inner .no {
font-size: 60px;
margin-bottom: 20px;
}
}
@media (max-width: 575px) {
.h6-project-item .project_image {
max-height: 420px;
}
.h6-project-item .project_content {
padding: 30px 20px 40px;
}
.h6-project-item .project_content_inner .no {
font-size: 50px;
margin-bottom: 15px;
}
}  .h6-team-section {
overflow: hidden;
}
.h6-team-section .sec-heading {
max-width: 585px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 50px;
}
.h6-tabs {
padding-bottom: 30px;
display: block;
}
.h6-tabs .h6-tab {
height: 200px;
position: relative;
cursor: pointer;
z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-tabs .h6-tab {
height: 180px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-tabs .h6-tab {
height: 160px;
}
}
.h6-tabs .h6-tab-image {
height: 100%;
position: relative;
overflow: hidden;
}
.h6-tabs .h6-tab-image::before {
position: absolute;
content: "";
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background-color: rgba(5, 18, 41, 0.6);
}
.h6-tabs .h6-tab::after {
position: absolute;
content: "";
inset-inline-start: 50%;
bottom: -50px;
transform: translateX(-50%) rotate(45deg);
width: 30px;
height: 30px;
background-color: var(--tj-color-theme-bg);
z-index: -1;
display: none;
}
.h6-tabs .h6-tab.active::after {
display: block;
}
.h6-tabs .h6-tab.active .h6-tab-image::before {
opacity: 0;
}
.h6-tabs .h6-tab img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.h6-tab-content {
display: none;
}
.h6-tab-content.active {
display: block;
}
.h6-tab-info {
background-color: var(--tj-color-theme-bg);
padding: 60px 30px 60px 60px;
display: flex;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-tab-info {
padding: 35px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-tab-info {
padding: 30px 22px;
flex-direction: column;
}
}
.h6-tab-info .tj-socials {
margin-top: 30px;
}
.h6-tab-info .qr-image {
margin-top: 60px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-tab-info .qr-image {
margin-top: 10px;
max-width: 90px;
}
}
.h6-tab-left {
width: 30%;
border-inline-end: 1px solid var(--tj-color-border-2);
padding-inline-end: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-tab-left {
width: 33%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-tab-left {
width: 100%;
padding-inline-end: 0;
padding-bottom: 30px;
border-inline-end: 0;
border-bottom: 1px solid var(--tj-color-border-2);
margin-bottom: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-tab-left-content {
max-width: 175px;
width: 100%;
}
}
.h6-tab-left .title {
margin-bottom: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-tab-left .title {
font-size: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-tab-left .title {
font-size: 20px;
}
}
.h6-tab-right {
width: 70%;
padding-inline-start: 80px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-tab-right {
padding-inline-start: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-tab-right {
width: 67%;
padding-inline-start: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-tab-right {
width: 100%;
padding-inline-start: 0;
}
}
.h6-tab-right .shape {
position: absolute;
inset-inline-end: 0;
bottom: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-tab-right .shape {
max-width: 130px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-tab-right .shape {
display: none;
}
}
.h6-progress .progress-style-2 {
flex-wrap: nowrap;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
.h6-progress .progress-style-2 {
margin-top: 20px;
}
}
@media (max-width: 575px) {
.h6-progress .progress-style-2 .proggess-item .proggess-circle canvas {
width: 130px !important;
height: 130px !important;
}
}
@media (max-width: 575px) {
.h6-progress .progress-style-2 .proggess-item .proggess-circle input {
margin-inline-start: -100px !important;
}
}  .h6-testimonial-section {
background-color: var(--tj-color-theme-bg);
overflow: hidden;
position: relative;
z-index: 2;
}
.h6-testimonial-section .sec-heading .desc {
margin-bottom: 0;
max-width: 400px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-testimonial-section .sec-text {
display: flex;
align-items: end;
justify-content: space-between;
gap: 30px;
}
.h6-testimonial-section .sec-text .swiper_navigations {
width: 180px;
}
}
.h6-testimonial-quote {
display: inline-block;
line-height: 1;
font-size: 70px;
color: var(--tj-color-theme-primary);
}
.h6-testimonial-slider {
margin-inline-end: -460px;
margin-inline-start: 30px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.h6-testimonial-slider {
margin-inline-end: -380px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h6-testimonial-slider {
margin-inline-end: -300px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h6-testimonial-slider {
margin-inline-end: -110px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-testimonial-slider {
margin-inline-end: -150px;
margin-inline-start: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-testimonial-slider {
margin-inline-end: -160px;
margin-inline-start: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h6-testimonial-slider {
margin-inline-end: -110px;
margin-inline-start: 0;
}
}
@media (max-width: 575px) {
.h6-testimonial-slider {
margin-inline-end: -20px;
margin-inline-start: 0;
}
}
@media (max-width: 449px) {
.h6-testimonial-slider {
margin-inline-end: 0;
}
}
.testimonial-item.style-6 {
padding: 35px 30px 35px 30px;
background-color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
.testimonial-item.style-6 {
padding: 30px 20px;
}
}
.testimonial-item.style-6 .tj-testimonial-author {
flex-wrap: nowrap;
}
.testimonial-item.style-6 .author-images {
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h6-test-shape.svg);
background: var(--tj-color-theme-bg);
width: 90px;
height: 110px;
margin-bottom: -40px;
}
.testimonial-item.style-6 .author-images img {
top: 12px;
inset-inline-end: 8px;
transform: unset;
width: 75px;
height: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.testimonial-item.style-6 .author-text .author-name {
font-size: 20px;
}
}
.testimonial-item.style-6 .author-rating {
background: var(--tj-color-theme-bg);
display: inline-block;
padding: 2px 10px 4px;
border-radius: 32px;
}
.testimonial-item.style-6 .author-rating .star-ratings {
color: var(--tj-color-theme-primary);
-webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.testimonial-item.style-6 .author-rating .star-ratings .fill-ratings {
color: var(--tj-color-theme-primary);
}
.testimonial-item.style-6 .author-rating .star-ratings .empty-ratings {
color: transparent;
}
.testimonial-item.style-6 .testimonial-content {
padding-inline-start: 0;
flex-direction: column;
}
.testimonial-item.style-6 .testimonial-content .desc {
max-width: 100%;
font-size: 18px;
border-bottom-style: dashed;
padding-bottom: 25px;
}
@media (max-width: 575px) {
.testimonial-item.style-6 .testimonial-content .desc {
font-size: 16px;
}
}
.swiper_navigations.style-6 .navigation {
color: var(--tj-color-heading-primary);
border: 1px solid var(--tj-color-border-2);
background: var(--tj-color-common-white);
}
.swiper_navigations.style-6 .navigation:hover {
border-color: var(--tj-color-theme-primary);
background: var(--tj-color-theme-primary);
}  .h6-blog-section {
position: relative;
overflow: hidden;
z-index: 2;
}
.h6-blog-shape {
position: absolute;
inset-inline-start: -90px;
top: 50%;
transform: translateY(-50%);
max-width: 180px;
width: 100%;
z-index: -1;
}
.blog-style-2.style-6 {
display: flex;
border: 1px solid var(--tj-color-border-2);
background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.blog-style-2.style-6 {
flex-direction: column;
}
}
.blog-style-2.style-6 .blog-images,
.blog-style-2.style-6 .blog-content {
flex: 1;
}
.blog-style-2.style-6 .blog-images img {
height: 100%;
width: 100%;
object-fit: cover;
}
.blog-style-2.style-6 .blog-images .blog-date {
inset-inline-start: 15px;
top: 15px;
inset-inline-end: auto;
bottom: auto;
}
.blog-style-2.style-6 .blog-content {
padding: 30px;
border: 0;
}
.blog-style-2.style-6 .blog-content .blog-button {
margin-top: 25px;
}  .h6-cta-section {
background-color: var(--tj-color-theme-dark);
position: relative;
overflow: hidden;
}
.h6-cta-shape {
position: absolute;
bottom: 0;
inset-inline-end: 8%;
width: 270px;
height: 270px;
}
@media (min-width: 2350px) {
.h6-cta-shape {
inset-inline-end: 15%;
}
}
@media (min-width: 2850px) {
.h6-cta-shape {
inset-inline-end: 20%;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.h6-cta-shape {
inset-inline-end: 5%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h6-cta-shape {
inset-inline-end: 3%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-cta-shape {
inset-inline-end: 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-cta-shape {
width: 200px;
height: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-cta-shape {
width: 160px;
height: 160px;
}
}
.h6-cta-shape i {
font-size: 270px;
line-height: 1;
color: var(--tj-color-common-white);
opacity: 0.05;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-cta-shape i {
font-size: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-cta-shape i {
font-size: 160px;
}
}
.h6-cta-shape::after {
content: "";
position: absolute;
bottom: -90px;
inset-inline-end: 0;
width: 100%;
height: 124px;
background-color: var(--tj-color-theme-primary);
filter: blur(16px);
border-radius: 50%;
}
.h6-cta-image {
height: 553px;
}
@media (min-width: 2350px) {
.h6-cta-image {
height: 750px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h6-cta-image {
height: 570px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h6-cta-image {
height: 502px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h6-cta-image {
height: 380px;
}
}
@media (max-width: 575px) {
.h6-cta-image {
height: 320px;
}
}
.h6-cta-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.h6-cta-content .sec-heading {
max-width: 615px;
margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h6-cta-content .sec-heading {
max-width: 520px;
margin: 0 auto;
}
}
.h6-cta-content .sec-title {
color: var(--tj-color-common-white);
}
.h6-cta-content .desc {
max-width: 405px;
color: var(--tj-color-text-body-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h6-cta-content .desc {
max-width: 320px;
}
}
.call-btn-style-2 {
display: inline-flex;
gap: 8px;
align-items: center;
}
.call-btn-style-2 .btn_icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 50%;
background-color: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(50px);
font-size: 20px;
line-height: 1;
color: var(--tj-color-common-white);
transition: all 0.4s ease-in-out 0s;
}
.call-btn-style-2 .btn_text {
display: inline-flex;
line-height: 1;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-bold);
position: relative;
}
.call-btn-style-2 .btn_text::before {
content: "";
position: absolute;
bottom: -2px;
inset-inline-start: auto;
inset-inline-end: 0;
width: 0;
height: 1px;
background-color: var(--tj-color-common-white);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.call-btn-style-2:hover .btn_icon {
background-color: var(--tj-color-theme-primary);
}
.call-btn-style-2:hover .btn_text::before {
width: 100%;
inset-inline-start: 0;
inset-inline-end: auto;
}  .tj-header-area.header-7 .container-fluid {
--bs-gutter-x: 0;
}
.tj-header-area.header-7 .container-fluid > .row {
--bs-gutter-x: 0;
}
.tj-header-area.header-7.sticky .container-fluid {
--bs-gutter-x: 30px;
}
.tj-header-area.header-7.sticky .container-fluid > .row {
--bs-gutter-x: 30px;
}
.tj-header-area.header-7.header-absolute .header-wrapper {
padding: 0px 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-7.header-absolute .header-wrapper {
padding: 17px 15px;
}
}
.tj-header-area.header-7 .mainmenu > ul > li > a {
color: var(--tj-color-common-white);
}
.tj-header-area.header-7 .mainmenu > ul > li:hover > a, .tj-header-area.header-7 .mainmenu > ul > li.current-menu-ancestor > a {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-7 .header-bottom {
padding: 0;
}
.tj-header-area.header-7 .header_right_info {
column-gap: 20px;
}
.tj-header-area.header-7 .header_right_info > :not(:last-child) {
padding-inline-end: 0;
margin-inline-end: 0;
}
.tj-header-area.header-7 .header_right_info > :not(:last-child)::after {
display: none;
}
.tj-header-area.header-7 .header_btn.tj-primary-btn {
background-color: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(50px);
padding-inline-end: 4.5px;
margin-inline-end: 0;
}
.tj-header-area.header-7 .header_btn.tj-primary-btn .btn_text {
color: var(--tj-color-common-white);
}
.tj-header-area.header-7 .header_search .icon {
height: 48px;
width: 48px;
}
.tj-header-area.header-7 .header_search i {
font-size: 17px;
}
.tj-header-area .menu_btn .line {
width: 50px;
height: auto;
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
gap: 8px;
border-radius: var(--tj-br-md);
}
.tj-header-area .menu_btn .line span {
width: 100%;
height: 1px;
background-color: var(--tj-color-common-white);
flex-shrink: 0;
}
.tj-header-area .menu_btn .line span:nth-child(2) {
width: 50%;
}
.tj-header-area .menu_btn .line:hover span:nth-child(2) {
width: 100%;
}  .h7-footer-shape {
position: relative;
top: -1px;
background-color: var(--tj-color-common-white);
width: 101%;
aspect-ratio: 1920/166;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/hero-bottom-shape.svg);
mask-position: top center;
mask-repeat: no-repeat;
mask-size: contain;
transform: scaleY(-1);
z-index: 1;
}
.h7-footer-shape::after {
content: "";
position: absolute;
inset-inline-start: -1px;
top: 0;
height: 100%;
width: 99%;
background-color: var(--tj-color-theme-primary);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/hero-bottom-shape-2.svg);
mask-position: top left;
mask-repeat: no-repeat;
mask-size: contain;
z-index: 1;
}
.h7-footer-info-call {
transform: translateY(0px);
}
.h7-footer-info-call:hover {
transform: translateY(-5px);
}
.h7-footer .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.h7-footer .newsletter-form .form-input .footer-widget .newsletter-form .form-input input[type=email] {
border-color: transparent;
border-radius: 70px;
}
.h7-footer .newsletter-form .form-input button {
inset-inline-end: 22px;
}
.h7-footer .newsletter-form .form-input button::before {
background-color: rgba(247, 247, 247, 0.1);
}
.h7-back-to-top-wrapper .back-to-top-btn {
border-color: var(--tj-color-border-1);
}  .h7-hero-slider {
position: relative;
overflow: hidden;
}
.h7-hero-slider .swiper-slide {
height: auto;
display: inline-flex;
}
.h7-hero-slider .tj-slider-section {
width: 100%;
}
.h7-hero-slider .tj-slider-section::before {
width: 100%;
background-color: var(--tj-color-theme-dark);
opacity: 0.55;
}
.h7-hero-slider .tj-slider-section .slider-wrapper {
justify-content: center;
text-align: center;
}
.h7-hero-slider .tj-slider-section .slider-content {
max-width: 750px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.h7-hero-slider .tj-slider-section .slider-content {
padding-top: 200px;
padding-bottom: 250px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-hero-slider .tj-slider-section .slider-content {
padding-top: 180px;
padding-bottom: 240px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h7-hero-slider .tj-slider-section .slider-content {
padding-top: 150px;
padding-bottom: 240px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-hero-slider .tj-slider-section .slider-content {
padding-top: 150px;
padding-bottom: 150px;
}
}
.h7-hero-slider .tj-slider-section .slider-content .sub-title {
color: var(--tj-color-common-white);
font-size: 14px;
letter-spacing: 0.12em;
padding: 4px 12px;
margin-bottom: 18px;
display: inline-flex;
align-items: center;
gap: 6px;
}
.h7-hero-slider .tj-slider-section .slider-content .slider-title {
line-height: 1.0833;
margin-bottom: 15px;
}
@media (max-width: 575px) {
.h7-hero-slider .tj-slider-section .slider-content .slider-title {
font-size: 39px;
}
}
.h7-hero-slider .tj-slider-section .slider-content .desc {
color: var(--tj-color-common-white-2);
font-size: 18px;
max-width: 530px;
margin: 0 auto;
transform: translateY(50px);
transition: all 1s;
transition-delay: 1.8s;
opacity: 0;
}
.h7-hero-slider .tj-slider-section .slider-content .desc p {
margin-bottom: 0;
}
.h7-hero-slider .tj-slider-section .slider-content .hero-action {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 15px 20px;
margin-top: 30px;
}
.h7-hero-slider .tj-slider-section .slider-content .slider-button {
margin-top: 0;
transition-delay: 2.2s;
}
.h7-hero-slider .tj-slider-section .slider-content .slider-button:last-child {
background: transparent;
transition-delay: 2.5s;
}
.h7-hero-slider .tj-slider-section .slider-content .call-btn-style-2 {
display: inline-flex;
gap: 8px;
align-items: center;
}
.h7-hero-slider .tj-slider-section .slider-content .call-btn-style-2 .icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 50%;
background-color: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(50px);
font-size: 20px;
line-height: 1;
color: var(--tj-color-common-white);
transition: all 0.4s ease-in-out 0s;
}
.h7-hero-slider .tj-slider-section .slider-content .call-btn-style-2 .text {
display: inline-flex;
line-height: 1;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-bold);
position: relative;
}
.h7-hero-slider .tj-slider-section .slider-content .call-btn-style-2 .text::before {
content: "";
position: absolute;
bottom: -2px;
inset-inline-start: auto;
inset-inline-end: 0;
width: 0;
height: 1px;
background-color: var(--tj-color-common-white);
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.h7-hero-slider .tj-slider-section .slider-content .call-btn-style-2:hover .icon {
background-color: var(--tj-color-theme-primary);
}
.h7-hero-slider .tj-slider-section .slider-content .call-btn-style-2:hover .text::before {
width: 100%;
inset-inline-start: 0;
inset-inline-end: auto;
}
.h7-hero-slider.tj-hero-slider.style-1 .tj-navigation {
position: static;
}
.h7-hero-slider.tj-hero-slider.style-1 .tj-btn {
position: absolute;
inset-inline-start: 50px;
top: 50%;
transform: translateY(-50px);
z-index: 10;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: var(--tj-color-common-white);
opacity: 0;
transition: all 0.4s;
visibility: hidden;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-hero-slider.tj-hero-slider.style-1 .tj-btn {
width: 48px;
height: 48px;
font-size: 14px;
inset-inline-start: 15px;
}
}
.h7-hero-slider.tj-hero-slider.style-1 .tj-btn-next {
inset-inline-start: auto;
inset-inline-end: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-hero-slider.tj-hero-slider.style-1 .tj-btn-next {
inset-inline-end: 15px;
}
}
.h7-hero-slider.tj-hero-slider.style-1 .tj-btn svg {
position: absolute;
inset-inline-start: 0;
top: 0px;
z-index: 10;
width: 100%;
height: 100%;
stroke-width: 1px;
stroke: var(--tj-color-common-white);
fill: none;
stroke-dashoffset: 125.6px;
stroke-dasharray: 125.6;
transform: rotate(90deg);
transition: all 0.6s;
}
.h7-hero-slider.tj-hero-slider.style-1 .tj-btn svg:first-child {
stroke-dashoffset: 0px;
stroke: rgba(206, 215, 224, 0.2);
}
.h7-hero-slider.tj-hero-slider.style-1 .tj-btn:hover svg {
stroke-dashoffset: 0px;
}
.h7-hero-slider.tj-hero-slider:hover.style-1 .tj-btn {
inset-inline-start: 30px;
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-hero-slider.tj-hero-slider:hover.style-1 .tj-btn {
inset-inline-start: 15px;
}
}
.h7-hero-slider.tj-hero-slider:hover.style-1 .tj-btn-next {
inset-inline-start: auto;
inset-inline-end: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-hero-slider.tj-hero-slider:hover.style-1 .tj-btn-next {
inset-inline-end: 15px;
}
}
.h7-hero-slider .swiper-slide-active .slider-content .desc {
transform: translateY(0);
opacity: 1;
}
.h7-hero-slider .tj-hero-shape {
position: absolute;
inset-inline-start: 0;
bottom: -1px;
background-color: var(--tj-color-common-white);
width: 101%;
aspect-ratio: 1920/166;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/hero-bottom-shape.svg);
mask-position: top center;
mask-repeat: no-repeat;
mask-size: contain;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h7-hero-slider .tj-hero-shape {
inset-inline-start: -1px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-hero-slider .tj-hero-shape {
inset-inline-start: -4px;
width: 102%;
}
}
.h7-hero-slider .tj-hero-shape::after {
content: "";
position: absolute;
inset-inline-start: -1px;
bottom: 0;
height: 100%;
width: 99%;
background-color: var(--tj-color-theme-primary);
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/hero-bottom-shape-2.svg);
mask-position: top left;
mask-repeat: no-repeat;
mask-size: contain;
z-index: 1;
}
.sec-heading.h7-section-heading .sub-title {
padding-inline-start: 9px;
}
.sec-heading.h7-section-heading .sub-title::before, .sec-heading.h7-section-heading .sub-title::after {
display: none;
}  .h7-feature-section .container {
--bs-gutter-x: 30px;
}
.h7-feature-section .container .row {
--bs-gutter-x: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-feature-section .container .row {
--bs-gutter-x: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-feature-section .container .rg-30 {
row-gap: 20px;
}
}
.h7-feature-item {
padding: 30px 30px 30px 25px;
position: relative;
display: flex;
align-items: flex-start;
gap: 15px;
background-color: var(--tj-color-theme-bg);
border: 0;
z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-feature-item {
flex-wrap: wrap;
padding: 20px;
}
}
.h7-feature-item::before {
display: none;
}
.h7-feature-item .feature-icon {
margin: 0;
max-width: 98px;
width: 100%;
height: 112px;
flex-shrink: 0;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h7-feature-icon-bg.svg);
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--tj-color-common-white);
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 1;
margin-top: -30px;
font-size: 62px;
line-height: 1;
}
.h7-feature-item .feature-icon i,
.h7-feature-item .feature-icon img,
.h7-feature-item .feature-icon svg {
margin-top: 13px;
}
.h7-feature-item .feature-icon svg,
.h7-feature-item .feature-icon img {
max-width: 62px;
width: 100%;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-feature-item .feature-icon {
margin-bottom: 10px;
margin-top: -20px;
max-width: 80px;
height: 91px;
font-size: 46px;
}
.h7-feature-item .feature-icon svg,
.h7-feature-item .feature-icon img {
max-width: 46px;
}
}
.h7-feature-item .feature-content {
padding: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-feature-item .feature-content {
padding: 0;
}
}
.h7-feature-item .feature-content .title {
margin-bottom: 18px;
letter-spacing: -0.025em;
}
.h7-feature-item .feature-content .desc {
line-height: 1.5;
}
.h7-feature-item .feature-content .desc p:last-child {
margin: 0;
}
.h7-feature-item:hover .feature-icon {
-webkit-animation: wobble-horizontal-hover 1s ease-in-out 1;
animation: wobble-horizontal-hover 1s ease-in-out 1;
} .h7-about-images-thumb.images-thumb {
padding: 0;
margin: 0;
list-style: none;
}
.h7-about-images-thumb.images-thumb li {
max-width: 60px;
flex-shrink: 0;
}
@media (max-width: 575px) {
.h7-about-images-thumb.images-thumb li {
max-width: 56px;
}
}
.h7-about-images-thumb.images-thumb li:not(.h7-about-images-thumb.images-thumb li:first-child) {
margin-inline-start: -24px;
}
.h7-about-images-thumb.images-thumb li img {
height: 60px;
padding: 4px;
}
@media (max-width: 575px) {
.h7-about-images-thumb.images-thumb li img {
height: 56px;
}
}
.h7-about-images-thumb.images-thumb li.plus {
padding: 4px;
}
.h7-about-images-thumb.images-thumb li.plus i {
background-color: var(--tj-color-theme-primary);
height: 52px;
width: 52px;
padding: 4px;
}
@media (max-width: 575px) {
.h7-about-images-thumb.images-thumb li.plus i {
height: 48px;
width: 48px;
}
}
.h7-about-statistics {
position: relative;
}
.h7-about-statistics > img {
width: 100%;
height: 300px;
object-fit: cover;
}
.h7-about-funfact {
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
}  .h7-service-section .sec-heading {
margin: 0;
max-width: 500px;
}
.h7-service-section .sec-heading-wrap {
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 30px;
row-gap: 20px;
justify-content: space-between;
}
.h7-service-section .sec-heading-wrap .desc {
max-width: 300px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-section .sec-heading-wrap {
margin-bottom: 40px;
}
}
.h7-service-section .sec-heading .sub-title {
background-color: var(--tj-color-common-white);
padding-inline-start: 9px;
}
.h7-service-section .sec-heading .sub-title::before {
display: none;
}
.h7-service-wrapper {
display: flex;
flex-direction: column;
gap: 30px;
}
.h7-service-wrapper .service-style-3 {
padding: 30px;
min-height: auto;
border-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3 {
padding: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h7-service-wrapper .service-style-3 {
padding-top: 30px;
padding-bottom: 30px;
}
}
.h7-service-wrapper .service-style-3 .service-title {
display: flex;
align-items: center;
gap: 20px;
max-width: 550px;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h7-service-wrapper .service-style-3 .service-title {
max-width: 480px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-service-wrapper .service-style-3 .service-title {
max-width: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-title {
max-width: 320px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-title {
max-width: 100%;
}
}
.h7-service-wrapper .service-style-3 .service-right {
display: flex;
align-items: center;
justify-content: space-between;
flex-grow: 1;
}
@media (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-right {
flex-direction: column;
align-items: flex-start;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h7-service-wrapper .service-style-3 .service-right .desc {
max-width: 235px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h7-service-wrapper .service-style-3 .service-right .desc {
max-width: calc(100% - 120px);
margin-inline-start: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-right .desc {
max-width: 100%;
margin-inline-start: 0;
}
}
.h7-service-wrapper .service-style-3 .service-icon {
width: 80px;
height: 80px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: relative;
z-index: 2;
text-align: center;
flex-shrink: 0;
}
.h7-service-wrapper .service-style-3 .service-icon span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
font-size: 52px;
line-height: 1;
border-radius: 50%;
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-icon span {
width: 70px;
height: 70px;
font-size: 45px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-icon {
width: 70px;
height: 70px;
}
}
.h7-service-wrapper .service-style-3 .service-button {
margin: 0;
margin-top: 0px;
max-width: 112px;
width: 100%;
height: 98px;
flex-shrink: 0;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h7-service.svg);
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--tj-color-theme-bg);
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 1;
margin-inline-end: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-button {
max-width: 100px;
height: 86px;
margin-inline-end: -20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h7-service-wrapper .service-style-3 .service-button {
margin-top: -90px;
}
}
@media (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-button {
height: 88px;
transform: rotate(90deg);
margin-bottom: -14px;
margin-top: 32px;
margin-inline-end: 0;
}
}
.h7-service-wrapper .service-style-3 .service-button:hover .blog-btn-2 .btn-icon {
transform: rotate(0deg);
}
@media (max-width: 575px) {
.h7-service-wrapper .service-style-3 .service-button:hover .blog-btn-2 .btn-icon {
transform: rotate(-90deg);
}
}
.h7-service-wrapper .service-style-3 .blog-btn-2 .btn-icon {
width: auto;
height: auto;
border-radius: 0;
display: block;
background-color: transparent;
font-size: 28px;
transform: rotate(-45deg);
transition: all 0.3s;
margin-inline-end: 13px;
}
@media (max-width: 575px) {
.h7-service-wrapper .service-style-3 .blog-btn-2 .btn-icon {
transform: rotate(-135deg);
font-size: 26px;
}
}
.h7-service-wrapper .service-style-3:hover {
min-height: auto;
background-color: var(--tj-color-theme-primary);
}
.h7-service-wrapper .service-style-3:hover .service-title {
max-width: 550px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h7-service-wrapper .service-style-3:hover .service-title {
max-width: 480px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-service-wrapper .service-style-3:hover .service-title {
max-width: 400px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3:hover .service-title {
max-width: 320px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-service-wrapper .service-style-3:hover .service-title {
max-width: 100%;
}
}
.h7-service-wrapper .service-style-3:hover .service-icon span {
color: var(--tj-color-theme-primary);
background-color: var(--tj-color-common-white);
}
.h7-service-wrapper .service-style-3:hover .blog-btn-2 .btn-icon i {
color: var(--tj-color-theme-primary);
display: inline-block;
}  .tj-brand .text-btn {
color: var(--tj-color-common-white);
margin-top: 10px;
}
.tj-brand .text-btn::before {
background-color: var(--tj-color-common-white);
}
.tj-brand-inner {
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
display: flex;
flex-wrap: wrap;
}
.tj-brand-inner .brand-logo {
flex: 0 1 33%;
height: 160px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(247, 247, 247, 0.1);
border-inline-start: 0;
border-top: 0;
transform: translateY(0);
}
.tj-brand-inner .brand-logo a {
display: inline-flex;
}
.tj-brand-inner .brand-logo:last-child, .tj-brand-inner .brand-logo:nth-child(3n) {
border-inline-end: 0;
}
.tj-brand-inner .brand-logo:nth-child(4), .tj-brand-inner .brand-logo:nth-child(5), .tj-brand-inner .brand-logo:nth-child(6) {
border-bottom: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), (max-width: 575px) {
.tj-brand-inner .brand-logo {
flex: 0 1 50%;
}
.tj-brand-inner .brand-logo:nth-child(3n) {
border-inline-end: 1px solid rgba(247, 247, 247, 0.1);
}
.tj-brand-inner .brand-logo:nth-child(2n), .tj-brand-inner .brand-logo:last-child {
border-inline-end: 0;
}
.tj-brand-inner .brand-logo:nth-child(4) {
border-bottom: 1px solid rgba(247, 247, 247, 0.1);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), (max-width: 575px) {
.tj-brand-inner .brand-logo a {
max-width: 85%;
}
}
.tj-brand-inner .brand-logo:hover img {
transform: translateY(-4px);
}  .h7-project-inner {
position: relative;
}
.h7-project-inner .swiper-container {
max-width: 872px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
overflow: visible;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-project-inner .swiper-container {
max-width: 700px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h7-project-inner .swiper-container {
max-width: 600px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h7-project-inner .swiper-container {
max-width: 450px;
}
}
@media (max-width: 575px) {
.h7-project-inner .swiper-container {
max-width: 315px;
}
}
.h7-project-inner .h7-case-study-slider-wrapper {
overflow: hidden;
}
.h7-project-inner .h5-case-study-item-inner {
z-index: 0;
min-height: 565px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h7-project-inner .h5-case-study-item-inner {
min-height: 400px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h7-project-inner .h5-case-study-item-inner {
min-height: 300px;
}
}
@media (max-width: 575px) {
.h7-project-inner .h5-case-study-item-inner {
min-height: 270px;
}
}
.h7-project-inner .h5-case-study-item-inner::after, .h7-project-inner .h5-case-study-item-inner::before {
content: " ";
width: 100%;
height: 0;
background: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, #051229 84%);
position: absolute;
inset-inline-start: 0;
bottom: 0;
transition: all 0.4s 0.3s;
z-index: 1;
}
.h7-project-inner .h5-case-study-item-inner::before {
height: 100%;
background: rgba(5, 18, 41, 0.7);
transition-duration: 0;
opacity: 1;
}
.h7-project-inner .h5-case-study-item .case-study-content {
background-color: transparent;
padding: 30px 30px 35px;
max-width: 100%;
z-index: 2;
transition-delay: 0.3s;
}
@media (max-width: 575px) {
.h7-project-inner .h5-case-study-item .case-study-content {
padding: 15px 15px 20px;
}
}
.h7-project-inner .h5-case-study-item .case-study-content .case-study-text {
align-items: center;
}
.h7-project-inner .h5-case-study-item .case-study-content .case-study-text .title {
max-width: 100%;
}
.h7-project-inner .h5-case-study-item .case-study-content .category {
margin-bottom: 0;
}
.h7-project-inner .h5-case-study-item .case-study-content .category li a {
color: var(--tj-color-common-white);
background-color: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(50px);
border: 0;
}
.h7-project-inner .h5-case-study-item .case-study-content .category li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.h7-project-inner .h5-case-study-item .case-study-content .title a {
color: var(--tj-color-common-white);
margin-bottom: 15px;
}
.h7-project-inner .h5-case-study-item .case-study-content .icon-btn {
background-color: transparent;
border: 1px solid var(--tj-color-common-white);
}
.h7-project-inner .h5-case-study-item .case-study-content .icon-btn:hover {
border-color: var(--tj-color-theme-primary);
}
.h7-project-inner .h5-case-study-item:hover .case-study-content {
transform: translateY(100%);
}
.h7-project-inner .swiper-slide-active .h5-case-study-item-inner::after {
height: 100%;
opacity: 0.8;
}
.h7-project-inner .swiper-slide-active .h5-case-study-item-inner::before {
opacity: 0;
}
.h7-project-inner .swiper-slide-active .h5-case-study-item-inner .case-study-content, .h7-project-inner .swiper-slide-active .h5-case-study-item-inner:hover {
transform: translateY(0);
}
.h7-project-inner .tj-project-nav {
position: absolute;
inset-inline-end: 100%;
top: 50%;
transform: translateY(-50%) translateX(0);
z-index: 10;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: var(--tj-color-theme-dark);
background-color: var(--tj-color-common-white);
opacity: 0;
transition: all 0.4s;
visibility: hidden;
border: 1px solid var(--tj-color-border-2);
border-radius: 100%;
font-size: 21px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-project-inner .tj-project-nav {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-project-inner .tj-project-nav {
width: 48px;
height: 48px;
font-size: 14px;
inset-inline-start: 15px;
}
}
.h7-project-inner .tj-project-nav-next {
inset-inline-start: 100%;
inset-inline-end: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-project-inner .tj-project-nav-next {
inset-inline-end: 15px;
}
}
.h7-project-inner .tj-project-nav:hover {
background: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
border-color: var(--tj-color-theme-primary);
}
.h7-project-inner:hover .tj-project-nav {
transform: translateY(-50%) translateX(-30px);
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h7-project-inner:hover .tj-project-nav {
transform: translateY(-50%) translateX(30px);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-project-inner:hover .tj-project-nav {
inset-inline-start: 15px;
}
}
.h7-project-inner:hover .tj-project-nav-next {
transform: translateY(-50%) translateX(30px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h7-project-inner:hover .tj-project-nav-next {
transform: translateY(-50%) translateX(-30px);
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-project-inner:hover .tj-project-nav-next {
inset-inline-end: 15px;
}
}  .h7-process {
background-color: var(--tj-color-theme-bg);
padding-bottom: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-process {
padding-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-process {
padding-bottom: 0;
}
}
.h7-process .sec-heading {
margin-bottom: 20px;
}
.h7-process .sec-heading .sub-title {
background: var(--tj-color-common-white);
}
.h7-process .process-left {
position: relative;
z-index: 0;
height: 100%;
}
.h7-process-inner {
display: flex;
flex-direction: column;
gap: 36px;
position: relative;
z-index: 1;
width: 100%;
}
.h7-process-inner .process-line {
position: absolute;
width: 1px;
height: 100%;
background-color: var(--tj-color-border-2);
top: 0;
inset-inline-start: 48px;
transform: translateX(-50%);
z-index: 0;
}
.h7-process-inner .process-line-active {
position: absolute;
width: 100%;
height: 33.333%;
background-color: var(--tj-color-border-1);
top: 0;
inset-inline-start: 0;
transition: all 0.4s;
z-index: 1;
}
.h7-process-item.style-4 {
position: relative;
display: flex;
align-items: center;
z-index: 1;
}
@media (max-width: 575px) {
.h7-process-item.style-4 {
flex-wrap: wrap;
}
}
.h7-process-item.style-4::before {
display: none;
}
.h7-process-item.style-4 .process-index {
margin: 0;
max-width: 112px;
width: 100%;
height: 98px;
flex-shrink: 0;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h7-process.svg);
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--tj-color-common-white);
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 1;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-process-item.style-4 .process-index {
max-width: 91px;
height: 80px;
}
}
@media (max-width: 575px) {
.h7-process-item.style-4 .process-index {
transform: rotate(90deg);
margin-bottom: 5px;
}
}
.h7-process-item.style-4 .process-index span {
width: 68px;
height: 68px;
background-color: var(--tj-color-theme-bg);
color: var(--tj-color-heading-primary);
border-radius: 100%;
font-size: 20px;
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
margin-inline-end: 14px;
transition: all 0.4s;
}
@media (max-width: 575px) {
.h7-process-item.style-4 .process-index span {
transform: rotate(-90deg);
width: 62px;
height: 62px;
font-size: 17px;
}
}
.h7-process-item.style-4 .process-content {
padding: 0;
background-color: var(--tj-color-common-white);
padding: 30px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-process-item.style-4 .process-content {
padding: 30px 20px;
}
}
.h7-process-item.style-4 .process-content .title {
margin-bottom: 18px;
letter-spacing: -0.025em;
}
.h7-process-item.style-4 .process-content .desc {
line-height: 1.5;
}
.h7-process-item.active .process-index span {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.h7-process-banner {
display: inline-block;
text-align: center;
position: relative;
max-width: 526px;
width: 100%;
z-index: 1;
}
.h7-process-banner-bg {
position: absolute;
inset-inline-start: 0;
bottom: 0;
width: 100%;
height: 80%;
background-color: var(--tj-color-theme-primary);
z-index: -1;
}
.h7-process-banner-bg::before, .h7-process-banner-bg::after {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 70px;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h7-process-banner-shape-1.svg);
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--tj-color-theme-dark);
z-index: 1;
}
.h7-process-banner-bg::before {
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h7-process-banner-shape-2.svg);
background-color: var(--tj-color-theme-bg);
}
.h7-process-circle {
max-width: inherit;
width: auto;
height: auto;
top: 50%;
inset-inline-start: auto;
inset-inline-end: 30px;
transform: translateY(-50%);
mask-image: none;
background-color: transparent;
z-index: 1;
}
.h7-process-circle .circle-wrap {
background-color: var(--tj-color-theme-dark);
}
.h7-process-circle .circle-wrap .logo-icon {
background: var(--tj-color-theme-primary);
border-radius: 100%;
width: 80px;
height: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-process-circle .circle-wrap .logo-icon {
width: 65px;
height: 65px;
}
}  .h7-testimonial {
overflow: hidden;
}
.h7-testimonial .sec-heading {
max-width: 555px;
width: 100%;
text-align: center;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 60px;
}
.h7-testimonial-wrap {
display: flex;
flex-direction: row;
background-color: var(--tj-color-common-white);
padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-wrap {
flex-direction: column;
padding: 0;
}
}
.h7-testimonial-single {
position: relative;
display: flex;
width: 132px;
height: 509px;
place-content: center;
overflow: hidden;
transition: all 0.5s ease-in-out;
border-inline-start: 1px solid var(--tj-color-border-2);
}
.h7-testimonial-single:last-child {
border-inline-end: 1px solid var(--tj-color-border-2);
}
.h7-testimonial-single .testimonial-content {
position: relative;
overflow: hidden;
width: 100%;
max-width: 660px;
padding: 40px 45px;
}
.h7-testimonial-single .testimonial-content-inner {
position: relative;
text-align: left;
top: 0;
inset-inline-start: 0;
width: 570px;
transform: translateX(-100%);
transition: transform 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-testimonial-single .testimonial-content-inner {
width: 495px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single .testimonial-content-inner {
width: 100%;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h7-testimonial-single .testimonial-content {
padding: 20px 25px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-testimonial-single .testimonial-content {
padding: 20px 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single .testimonial-content {
padding: 30px 20px;
max-width: 100%;
}
}
.h7-testimonial-single .testimonial-content .desc {
font-size: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-testimonial-single .testimonial-content .desc {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single .testimonial-content .desc {
font-size: 18px;
}
}
.h7-testimonial-single .testimonial-content .testimonial-author {
margin-top: 24px;
padding-top: 30px;
border-top: 1px solid var(--tj-color-border-2);
}
.h7-testimonial-single .testimonial-content .testimonial-author .author-text .testimonial-rating {
background: var(--tj-color-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single .testimonial-content .testimonial-author .author-text .title {
font-size: 20px;
}
}
.h7-testimonial-single .h7-testimonial-title {
position: absolute;
height: 100%;
bottom: 0;
inset-inline-start: 50%;
transform: translateX(-50%);
text-align: left;
transition: all 0.5s ease-in;
cursor: pointer;
}
.h7-testimonial-single .h7-testimonial-title .title {
writing-mode: sideways-lr;
margin-bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single .h7-testimonial-title .title {
writing-mode: inherit;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single .h7-testimonial-title {
max-width: 100%;
width: 100%;
height: auto;
inset-inline-start: 0;
bottom: 50%;
transform: translateY(50%);
}
}
.h7-testimonial-single .h7-testimonial-title .title {
margin-bottom: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single .h7-testimonial-title .title {
margin-bottom: 0;
width: 100%;
}
}
.h7-testimonial-single .h7-testimonial-title .title a {
display: inline-block;
}
.h7-testimonial-single .h7-testimonial-title .title a:hover {
color: var(--tj-color-theme-primary);
}
.h7-testimonial-single.active {
place-content: unset;
width: 660px;
border: 0;
}
.h7-testimonial-single.active + .h7-testimonial-single {
border-inline-start: 0;
}
.h7-testimonial-single.active .testimonial-content {
opacity: 1;
visibility: visible;
background-color: var(--tj-color-theme-bg);
}
.h7-testimonial-single.active .testimonial-content-inner {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.h7-testimonial-single.active .h7-testimonial-title {
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h7-testimonial-single.active {
width: 640px;
padding: 0 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-testimonial-single.active {
width: 560px;
padding: 0 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single.active {
width: 100%;
height: auto;
border-top: 0 !important;
border-bottom: 0 !important;
}
.h7-testimonial-single.active + .h7-testimonial-single {
border-top: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h7-testimonial-single {
width: 100px;
height: 470px;
padding: 0 15px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h7-testimonial-single {
width: 80px;
padding: 0 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-testimonial-single {
width: 100%;
height: 80px;
padding: 0;
border-inline-end: 0;
border-inline-start: 0;
border-top: 1px solid var(--tj-color-border-2);
}
.h7-testimonial-single:last-child {
border-inline-end: 0;
}
.h7-testimonial-single:last-child {
border-bottom: 1px solid var(--tj-color-border-2);
}
}
@media (max-width: 390px) {
.h7-testimonial-single {
height: 80px;
}
}  .h7-blog {
background-color: var(--tj-color-theme-bg);
}
.h7-blog .sec-heading .sub-title {
background-color: var(--tj-color-common-white);
}
.h7-blog-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 15px), 1fr));
grid-gap: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h7-blog-wrapper {
grid-template-columns: 696px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h7-blog-wrapper {
grid-template-columns: 516px;
}
}
@media (max-width: 575px) {
.h7-blog-wrapper {
grid-template-columns: 100%;
}
}
.h7-blog-wrapper .blog-item {
gap: 30px 20px;
padding: 15px 20px 15px 15px;
background-color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-blog-wrapper .blog-item {
padding: 15px 15px 15px 15px;
}
}
.h7-blog-wrapper .blog-item:not(:first-child) .blog-meta ul li:not(:first-child) {
display: inline-flex;
}
.h7-blog-wrapper .blog-item .blog-meta ul li:not(:first-child) {
display: inline-flex;
color: var(--tj-color-theme-dark);
}
.h7-blog-wrapper .blog-images {
max-width: 210px;
height: auto;
min-height: 210px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-blog-wrapper .blog-images {
max-width: 100%;
height: auto;
min-height: 320px;
}
}
.h7-blog-wrapper .blog-images a {
height: auto;
}
.h7-blog-wrapper .blog-content {
padding: 0;
width: calc(100% - 230px);
margin-top: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-blog-wrapper .blog-content {
width: 100%;
padding-bottom: 10px;
margin-top: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-blog-wrapper .blog-content .blog-title {
font-size: 20px;
}
}
.h7-blog-wrapper .blog-content .blog-meta ul li.category a {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
border: 1px solid var(--tj-color-theme-primary);
}
.h7-blog-wrapper .blog-content .blog-meta ul li.category a:hover {
background-color: transparent;
color: var(--tj-color-common-black-2);
border-color: var(--tj-color-border-2);
}
.h7-blog-wrapper .blog-content .desc {
display: block;
margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-blog-wrapper .blog-content .desc {
margin-top: 12px;
}
}  .h7-faq-style {
border: 1px solid var(--tj-color-border-2);
}
.h7-faq-style .accordion-item {
margin-bottom: 0;
}
.h7-faq-style .accordion-item .accordion-header .accordion-button {
border: 0;
padding: 34px 80px 34px 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-faq-style .accordion-item .accordion-header .accordion-button {
padding: 24px 60px 24px 15px;
font-size: 16px;
}
}
.h7-faq-style .accordion-item .accordion-header .accordion-button span {
color: var(--tj-color-common-black-2);
margin-inline-end: 5px;
}
.h7-faq-style .accordion-item .accordion-header .accordion-button::before {
content: "\e905";
font-family: "solvior-icons";
border: 1px solid var(--tj-color-border-2);
height: 36px;
width: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 22px;
inset-inline-end: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-faq-style .accordion-item .accordion-header .accordion-button::before {
height: 30px;
width: 30px;
line-height: 1;
font-size: 19px;
inset-inline-end: 15px;
}
}
.h7-faq-style .accordion-item .accordion-header .accordion-button.collapsed {
border: 0;
border-top: 1px solid var(--tj-color-border-2);
}
.h7-faq-style .accordion-item .accordion-header .accordion-button:not(.collapsed) {
box-shadow: none;
color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-bg);
}
.h7-faq-style .accordion-item .accordion-header .accordion-button:not(.collapsed) span {
color: var(--tj-color-theme-primary);
}
.h7-faq-style .accordion-item .accordion-header .accordion-button:not(.collapsed):before {
content: "\e904";
color: var(--tj-color-common-white);
border-color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-primary);
}
.h7-faq-style .accordion-item:first-child .accordion-button.collapsed {
border-top: 0;
}
.h7-faq-style .accordion-item:not(:has(.collapsed)) + .accordion-item .accordion-button.collapsed {
border-color: var(--tj-color-theme-bg);
}
.h7-faq-style .accordion-button {
align-items: flex-start;
}
.h7-faq .faq-banner {
position: relative;
z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h7-faq .faq-banner {
bottom: 40px;
}
}
.h7-faq .faq-banner img {
width: 100%;
}
.h7-faq .faq-banner::after {
content: " ";
width: 100%;
height: 40%;
background: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, #051229 84%);
position: absolute;
inset-inline-start: 0;
top: 0;
transition: all 0.4s 0.3s;
transform: scaleY(-1);
z-index: 1;
}
.h7-faq .sec-heading {
position: absolute;
inset-inline-start: 30px;
inset-inline-end: 30px;
top: 30px;
z-index: 2;
}
.h7-faq .sec-heading .sec-title {
color: var(--tj-color-common-white);
}  .tj-header-area.header-8 .mainmenu ul:not(.sub-menu) {
gap: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) {
gap: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) {
gap: 24px;
}
}
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li > a {
color: var(--tj-color-common-white);
text-transform: uppercase;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li > a {
font-size: 14px;
}
}
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li > a::after {
display: none;
}
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li > a::before {
content: "";
width: 0;
height: 3px;
background-color: var(--tj-color-theme-primary);
position: absolute;
inset-inline-start: 0;
bottom: -1px;
}
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li:hover > a, .tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li.current-menu-item > a, .tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li.current-menu-ancestor > a {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li:hover > a::before, .tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li.current-menu-item > a::before, .tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li.current-menu-ancestor > a::before {
width: 100%;
}
.tj-header-area.header-8 .mainmenu ul:not(.sub-menu) > li .sub-menu::before {
display: none;
}
.tj-header-area.header-8 .mainmenu ul li.has-mega-menu::before {
display: none;
}
.tj-header-area.header-8 .menu_btn {
color: var(--tj-color-common-white);
}
.tj-header-area.header-8 .menu_btn .cubes span {
border-color: var(--tj-color-common-white);
}
.tj-header-area.header-8 .menu_btn .cubes span:nth-child(2) {
box-shadow: inset 0 0 0 2px var(--tj-color-common-white);
}
.tj-header-area.header-8 .header_right_info {
column-gap: 18px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-8 .header_right_info {
column-gap: 15px;
}
}
.tj-header-area.header-8 .header_search:hover i {
color: var(--tj-color-common-white);
}  .h8-footer .newsletter-form {
max-width: 350px;
}
.h8-footer .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.h8-footer .newsletter-form .form-input .footer-widget .newsletter-form .form-input input[type=email] {
border-color: transparent;
border-radius: 70px;
}
.h8-footer .newsletter-form .form-input button {
inset-inline-end: 22px;
}
.h8-footer .newsletter-form .form-input button::before {
background-color: rgba(247, 247, 247, 0.1);
}
@media (max-width: 575px) {
.h8-footer .newsletter-form {
max-width: 100%;
}
}  .h8-hero {
position: relative;
overflow: hidden;
}
.h8-hero-inner::before {
display: none;
}
.h8-hero-wrapper {
justify-content: center;
}
.h8-hero-wrapper .h8-hero-content {
max-width: 984px;
padding-bottom: 214px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-hero-wrapper .h8-hero-content {
max-width: 850px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-hero-wrapper .h8-hero-content {
max-width: 800px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-wrapper .h8-hero-content {
padding-bottom: 244px;
padding-top: 218px;
max-width: 660px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h8-hero-wrapper .h8-hero-content {
padding-bottom: 240px;
padding-top: 127px;
max-width: 465px;
}
}
@media (max-width: 575px) {
.h8-hero-wrapper .h8-hero-content {
padding-bottom: 250px;
padding-top: 127px;
max-width: 350px;
}
}
.h8-hero-title {
font-size: 132px;
line-height: 1.076;
letter-spacing: -0.025em;
font-weight: var(--tj-fw-sbold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-hero-title {
font-size: 120px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-hero-title {
font-size: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-title {
font-size: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-title {
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h8-hero-title {
font-size: 70px;
margin-bottom: 27px;
}
}
@media (max-width: 575px) {
.h8-hero-title {
font-size: 50px;
}
}
.h8-hero-title span {
display: block;
text-align: end;
font-style: italic;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-title span {
text-align: center;
}
}
.h8-hero-title span:last-child {
text-align: center;
font-style: normal;
}
.h8-hero-title-wrapper {
position: relative;
}
.h8-hero-circle {
position: absolute;
max-width: inherit;
width: 152px;
height: auto;
top: 16%;
inset-inline-end: 15%;
inset-inline-start: auto;
transform: translateY(-16%);
mask-image: none;
margin-top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-hero-circle {
inset-inline-end: 12%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-hero-circle {
inset-inline-end: 22%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-circle {
width: 105px;
inset-inline-end: 16%;
top: 15%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-circle {
position: static;
transform: none;
display: flex;
justify-content: center;
background-color: transparent;
margin-top: 30px;
margin-bottom: 42px;
width: 100%;
}
}
.h8-hero-circle .circle-wrap {
width: 152px;
height: 152px;
inset-inline-end: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-hero-circle .circle-wrap {
width: 142px;
height: 142px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-hero-circle .circle-wrap {
width: 122px;
height: 122px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-circle .circle-wrap {
width: 105px;
height: 105px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-circle .circle-wrap {
position: relative;
transform: none;
width: 122px;
height: 122px;
inset-inline-end: 0;
}
}
.h8-hero-circle .circle-wrap .rotate-image {
width: 132px;
height: 133px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-hero-circle .circle-wrap .rotate-image {
width: 122px;
height: 123px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-hero-circle .circle-wrap .rotate-image {
width: 102px;
height: 103px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-circle .circle-wrap .rotate-image {
width: 90px;
height: 91px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-circle .circle-wrap .rotate-image {
width: 108px;
height: 109px;
}
}
.h8-hero-circle .circle-wrap .logo-icon {
width: 92px;
height: 92px;
border-radius: 100%;
border: 1px solid rgba(247, 247, 247, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-hero-circle .circle-wrap .logo-icon {
width: 82px;
height: 82px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-hero-circle .circle-wrap .logo-icon {
width: 68px;
height: 68px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-circle .circle-wrap .logo-icon {
width: 52px;
height: 52px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-circle .circle-wrap .logo-icon {
width: 74px;
height: 74px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-circle .circle-wrap .logo-icon img {
width: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-circle .circle-wrap .logo-icon img {
width: 30;
}
}
.h8-hero-desc {
position: absolute;
inset-inline-start: 0;
bottom: 9%;
max-width: 365px;
color: var(--tj-color-common-white-2);
font-size: 20px;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-hero-desc {
inset-inline-start: 35px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-hero-desc {
inset-inline-start: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-desc {
max-width: 361px;
inset-inline-start: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-desc {
font-size: 18px;
position: static;
text-align: center;
margin: 0 auto;
}
}
.h8-hero-desc-icon {
margin-bottom: 22px;
animation: bounce2 2s infinite;
}
.h8-hero-desc-icon i {
margin-inline-start: -10px;
font-size: 89px;
color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-desc-icon i {
font-size: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-desc-icon i {
font-size: 60px;
}
}
.h8-hero-banner {
position: absolute;
inset-inline-end: 0;
bottom: 0;
max-width: 331px;
height: 221px;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-hero-banner {
inset-inline-end: 35px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-hero-banner {
inset-inline-end: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-hero-banner {
inset-inline-end: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-hero-banner {
height: 230px;
max-width: 100%;
}
}
.h8-hero-banner img,
.h8-hero-banner svg {
width: 100%;
height: 100%;
object-fit: cover;
}
.sec-heading.h8-section-heading.sec-heading-centered {
max-width: 555px;
width: 100%;
text-align: center;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sec-heading.h8-section-heading.sec-heading-centered {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.sec-heading.h8-section-heading.sec-heading-centered {
margin-bottom: 40px;
}
}
.sec-heading.h8-section-heading .sub-title {
padding: 0 14px;
margin-bottom: 20px;
background-color: transparent;
}
.sec-heading.h8-section-heading .sub-title::before, .sec-heading.h8-section-heading .sub-title::after {
position: absolute;
display: block;
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
top: 50%;
inset-inline-start: 0;
transform: translateY(-50%);
background-color: var(--tj-color-theme-primary);
}
.sec-heading.h8-section-heading .sub-title::after {
inset-inline-start: auto;
inset-inline-end: 0;
}  .h8-feature-item.style-4 {
padding: 40px 35px 40px 30px;
position: relative;
display: flex;
align-items: flex-start;
gap: 30px;
background-color: var(--tj-color-theme-bg);
border: 0;
z-index: 1;
transition: all 0.4s;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-feature-item.style-4 {
flex-wrap: wrap;
gap: 20px;
padding: 24px;
}
}
.h8-feature-item.style-4::before {
display: none;
}
.h8-feature-item.style-4 .feature-icon {
max-width: inherit;
width: auto;
margin: 0;
flex-shrink: 0;
position: relative;
z-index: 1;
font-size: 72px;
line-height: 1;
}
.h8-feature-item.style-4 .feature-icon img,
.h8-feature-item.style-4 .feature-icon svg {
max-width: 72px;
width: 100%;
}
.h8-feature-item.style-4 .feature-icon img {
filter: invert(0) brightness(0);
transition: filter 0.4s;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-feature-item.style-4 .feature-icon {
font-size: 62px;
}
.h8-feature-item.style-4 .feature-icon svg,
.h8-feature-item.style-4 .feature-icon img {
max-width: 62px;
}
}
.h8-feature-item.style-4 .feature-content {
padding: 0;
padding-top: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-feature-item.style-4 .feature-content {
padding: 0;
}
}
.h8-feature-item.style-4 .feature-content .title {
margin-bottom: 18px;
}
.h8-feature-item.style-4 .feature-content .title a {
color: var(--tj-color-heading-primary);
}
.h8-feature-item.style-4 .feature-content .desc {
color: var(--tj-color-text-body);
}
.h8-feature-item.style-4:hover {
background-color: var(--tj-color-theme-primary);
}
.h8-feature-item.style-4:hover .feature-icon {
color: var(--tj-color-common-white);
}
.h8-feature-item.style-4:hover .feature-icon img {
filter: invert(1) brightness(1);
}
.h8-feature-item.style-4:hover .title {
color: var(--tj-color-common-white);
}
.h8-feature-item.style-4:hover .title a {
color: var(--tj-color-common-white);
}
.h8-feature-item.style-4:hover .desc {
color: var(--tj-color-common-white);
} .h8-marquee-section {
padding: 30px 0 25px 0;
}
.h8-marquee-section .marquee-item {
align-items: center;
}
.h8-marquee-section .marquee-item:nth-child(even) .marquee-title .text {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(39, 53, 77, 0.4);
}
.h8-marquee-section .marquee-item .marquee-title .text {
color: var(--tj-color-heading-primary);
font-size: 102px;
line-height: 1.1;
font-weight: var(--tj-fw-sbold);
font-family: var(--tj-ff-heading);
}
.h8-marquee-section .marquee-item .marquee-title .text.stroke {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px rgba(39, 53, 77, 0.4);
}
.h8-marquee-section .marquee-item .marquee-icons {
font-size: 52px;
line-height: 1;
color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-marquee-section .marquee-item .marquee-title .text {
font-size: 85px;
}
.h8-marquee-section .marquee-item .marquee-icons {
font-size: 44px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-marquee-section .marquee-item .marquee-title .text {
font-size: 75px;
}
.h8-marquee-section .marquee-item .marquee-icons {
font-size: 36px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-marquee-section .marquee-item {
gap: 20px;
padding-inline-end: 20px;
}
.h8-marquee-section .marquee-item .marquee-title .text {
font-size: 50px;
}
.h8-marquee-section .marquee-item .marquee-icons {
font-size: 28px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-marquee-section {
padding: 20px 0;
}
}  .h8-team-section {
overflow: hidden;
}
.h8-team-section .sec-heading {
max-width: 585px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
}
.team-item.style-5 {
min-height: 380px;
}
.team-item.style-5 .team-images {
overflow: hidden;
position: relative;
}
.team-item.style-5 .team-content {
width: calc(100% - 30px);
height: 88px;
position: absolute;
bottom: 15px;
inset-inline-start: 15px;
padding: 20px;
background-color: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(10px);
overflow: hidden;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.team-item.style-5 .team-content .team-text .title a {
color: var(--tj-color-common-white);
}
.team-item.style-5 .team-content .team-text .title:hover {
letter-spacing: 0;
}
.team-item.style-5 .team-content .desc {
color: var(--tj-color-common-white);
opacity: 0;
visibility: hidden;
margin-top: 20px;
}
.team-item.style-5 .team-share {
position: absolute;
bottom: 10px;
inset-inline-start: 20px;
opacity: 0;
visibility: hidden;
z-index: 2;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.team-item.style-5 .team-share ul {
flex-direction: row;
gap: 8px;
}
.team-item.style-5 .team-share ul li a {
width: 28px;
height: 28px;
font-size: 16px;
color: var(--tj-color-theme-dark);
background: var(--tj-color-theme-bg-2);
opacity: 0.4;
}
.team-item.style-5 .team-share ul li a i {
color: var(--tj-color-theme-dark);
}
.team-item.style-5 .team-share ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
opacity: 1;
transform: translateY(-3px);
}
.team-item.style-5 .team-share ul li a:hover i {
color: var(--tj-color-common-white);
}
.team-item.style-5:hover .team-content {
height: calc(100% - 30px);
padding: 30px 20px 60px;
}
.team-item.style-5:hover .desc {
opacity: 1;
visibility: visible;
transition: all 0.2s ease-in;
transition-delay: 0.2s;
}
.team-item.style-5:hover .team-share {
opacity: 1;
visibility: visible;
bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.team-item.style-5 {
min-height: 340px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), (max-width: 575px) {
.team-item.style-5 {
min-height: auto;
}
}  .h8-process {
overflow: hidden;
}
.h8-process-inner {
display: flex;
gap: 30px;
position: relative;
z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-process-inner {
gap: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner {
gap: 20px;
flex-direction: column;
}
}
.h8-process-inner .process-line {
position: absolute;
width: 100%;
height: 1px;
background-color: var(--tj-color-border-2);
top: 48px;
inset-inline-start: 0;
z-index: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner .process-line {
width: 1px;
height: 100%;
top: 0px;
inset-inline-start: 50%;
transform: translateX(-50%);
}
}
.h8-process-inner .process-line-active {
position: absolute;
width: 33.333%;
height: 100%;
background-color: var(--tj-color-border-1);
top: 0;
inset-inline-start: 0;
transition: all 0.4s;
z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner .process-line-active {
width: 100%;
height: 33.333%;
}
}
.h8-process-inner .process-item.style-4 {
position: relative;
display: flex;
align-items: center;
flex-direction: column;
z-index: 1;
width: 33.33%;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner .process-item.style-4 {
width: 100%;
}
}
.h8-process-inner .process-item.style-4::before {
display: none;
}
.h8-process-inner .process-item.style-4 .process-index {
margin: 0;
max-width: 98px;
width: 100%;
height: 112px;
flex-shrink: 0;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h8-process.svg);
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--tj-color-theme-bg);
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: -1px;
z-index: 1;
transition: all 0.4s;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner .process-item.style-4 .process-index {
max-width: 80px;
height: 91px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner .process-item.style-4 .process-index {
margin-bottom: -1px;
}
}
.h8-process-inner .process-item.style-4 .process-index span {
width: 68px;
height: 68px;
background-color: var(--tj-color-theme-dark);
color: var(--tj-color-common-white);
border-radius: 100%;
font-size: 20px;
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 14px;
transition: all 0.4s;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner .process-item.style-4 .process-index span {
width: 62px;
height: 62px;
}
}
@media (max-width: 575px) {
.h8-process-inner .process-item.style-4 .process-index span {
font-size: 17px;
margin-bottom: 10px;
}
}
.h8-process-inner .process-item.style-4 .process-content {
padding: 0;
background-color: var(--tj-color-theme-bg);
padding: 50px 30px;
transition: all 0.3s;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner .process-item.style-4 .process-content {
padding: 30px 25px;
}
}
.h8-process-inner .process-item.style-4 .process-content .title {
margin-bottom: 18px;
letter-spacing: -0.025em;
}
.h8-process-inner .process-item.style-4 .process-content .desc {
line-height: 1.5;
margin-bottom: 35px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-process-inner .process-item.style-4 .process-content .desc {
margin-bottom: 20px;
}
}
.h8-process-inner .process-item.style-4 .process-content .service-button.text-btn {
gap: 0;
}
.h8-process-inner .process-item.active .process-index {
background-color: var(--tj-color-theme-primary);
}
.h8-process-inner .process-item.active .process-index span {
background-color: var(--tj-color-common-white);
color: var(--tj-color-theme-dark);
}
.h8-process-inner .process-item.active .process-content {
background-color: var(--tj-color-theme-primary);
}
.h8-process-inner .process-item.active .process-content .title {
color: var(--tj-color-common-white);
}
.h8-process-inner .process-item.active .process-content .desc {
color: var(--tj-color-common-white);
}
.h8-process-inner .process-item.active .process-content .service-button {
color: var(--tj-color-common-white);
}
.h8-process-inner .process-item.active .process-content .service-button::before {
background-color: var(--tj-color-common-white);
}  .h8-case-study-slider {
overflow: inherit;
}
.h8-case-study-item {
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 15px 15px;
}
.h8-case-study-item .h8-case-study-banner {
overflow: hidden;
position: relative;
}
.h8-case-study-item .h8-case-study-banner img {
mix-blend-mode: luminosity;
transition: transform 0.4s ease-in-out;
position: relative;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.h8-case-study-item .h8-case-study-banner .icon-btn {
position: absolute;
top: 50%;
inset-inline-start: 50%;
transform: translate(-50%, -50%) scale(0.5);
justify-content: center;
font-size: 32px;
font-weight: var(--tj-fw-regular);
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
width: 80px;
height: 80px;
padding: 3%;
text-align: center;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transition: transform 0.4s ease-in-out;
z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-case-study-item .h8-case-study-banner .icon-btn {
width: 60px;
height: 60px;
font-size: 24px;
}
}
.h8-case-study-item .h8-case-study-banner .icon-btn i {
transform: rotate(-45deg) translateX(0);
text-shadow: -56px 0 0;
}
.h8-case-study-item .h8-case-study-banner .icon-btn:hover i {
transform: rotate(-45deg) translateX(56px);
}
.h8-case-study-item .h8-case-study-banner::after {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-dark);
opacity: 0;
transition: 0.4s;
z-index: 1;
}
.h8-case-study-item .h8-case-study-content {
padding: 25px 15px 15px;
display: flex;
gap: 15px;
justify-content: space-between;
flex-wrap: wrap;
}
.h8-case-study-item .h8-case-study-content .title {
margin-bottom: 0;
max-width: 307px;
}
.h8-case-study-item .h8-case-study-content .title a {
color: var(--tj-color-common-white);
}
.h8-case-study-item .h8-case-study-content .title a:hover {
letter-spacing: 0;
}
.h8-case-study-item .h8-case-study-category ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
column-gap: 12px;
row-gap: 12px;
align-items: center;
}
.h8-case-study-item .h8-case-study-category ul li a {
display: inline-block;
color: var(--tj-color-common-white-2);
background: transparent;
font-size: 14px;
border-radius: 40px;
padding: 6px 10px;
border: 1px solid var(--tj-color-border-1);
line-height: 1;
}
.h8-case-study-item .h8-case-study-category ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.h8-case-study-item:hover .h8-case-study-banner img {
transform: scale(1.12);
}
.h8-case-study-item:hover .h8-case-study-banner .icon-btn {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
visibility: visible;
}
.h8-case-study-item:hover .h8-case-study-banner::after {
opacity: 0.6;
}  .h8-testimonial {
background-color: var(--tj-color-theme-bg);
overflow: hidden;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-testimonial {
padding-bottom: 80px;
}
}
.h8-testimonial-section-heading {
margin-bottom: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-testimonial-section-heading {
margin-bottom: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-testimonial-section-heading {
margin-bottom: 0;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-testimonial-section-heading {
margin-bottom: 0;
}
}
.h8-testimonial-section-heading-wrapper {
padding: 120px 0 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-testimonial-section-heading-wrapper {
padding: 100px 0 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-testimonial-section-heading-wrapper {
padding: 80px 0 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-testimonial-section-heading-wrapper {
max-width: 540px;
padding: 80px 12px 40px;
margin-inline-start: auto;
margin-inline-end: auto;
}
}
.h8-testimonial-fanfact .counter-item {
display: flex;
align-items: center;
gap: 10px;
padding: 0;
max-width: 361px;
margin-bottom: 35px;
margin-top: 30px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-testimonial-fanfact .counter-item {
margin-bottom: 15px;
margin-top: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-testimonial-fanfact .counter-item {
text-align: start;
margin-bottom: 10px;
margin-top: 10px;
}
}
.h8-testimonial-fanfact .number {
flex-shrink: 0;
color: var(--tj-color-theme-primary);
padding-inline-end: 10px;
position: relative;
font-size: 72px;
font-family: var(--tj-ff-heading);
margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-testimonial-fanfact .number {
font-size: 60px;
}
}
.h8-testimonial-fanfact .number::after {
content: "";
width: 1px;
height: 69%;
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%) translateX(50%);
background-color: var(--tj-color-border-2);
}
.h8-testimonial-fanfact .sub-title {
line-height: 1.5;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-testimonial .container {
max-width: 100%;
--bs-gutter-x: 0;
}
.h8-testimonial .container .row {
--bs-gutter-x: 0;
}
}
.h8-testimonial-slider {
height: 783px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-testimonial-slider {
height: auto;
}
}
.h8-testimonial-slider .swiper-wrapper {
transition-timing-function: linear;
}
.h8-testimonial-slider .swiper-slide {
height: auto;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-testimonial-slider .swiper-slide {
width: 400px;
}
}
.h8-testimonial-item {
padding: 35px 30px 35px 30px;
background-color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
.h8-testimonial-item {
padding: 30px 20px;
}
}
.h8-testimonial-item .tj-testimonial-author {
flex-wrap: nowrap;
}
.h8-testimonial-item .tj-testimonial-author .author-images {
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h6-test-shape.svg);
background: var(--tj-color-theme-bg);
width: 90px;
height: 110px;
margin-bottom: -40px;
}
.h8-testimonial-item .tj-testimonial-author .author-images img {
top: 12px;
inset-inline-end: 8px;
transform: unset;
width: 75px;
height: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-testimonial-item .tj-testimonial-author .author-text .author-name {
font-size: 20px;
}
}
.h8-testimonial-item .tj-testimonial-author .sub-title {
color: var(--tj-color-common-black-2);
}
.h8-testimonial-item .author-rating {
background: var(--tj-color-theme-bg);
display: inline-block;
padding: 2px 10px 4px;
border-radius: 32px;
}
.h8-testimonial-item .author-rating .star-ratings {
color: var(--tj-color-theme-primary);
-webkit-text-stroke: 1px var(--tj-color-theme-primary);
}
.h8-testimonial-item .author-rating .star-ratings .fill-ratings {
color: var(--tj-color-theme-primary);
}
.h8-testimonial-item .author-rating .star-ratings .empty-ratings {
color: transparent;
}
.h8-testimonial-item .testimonial-content {
padding-inline-start: 0;
flex-direction: column;
}
.h8-testimonial-item .testimonial-content .desc {
max-width: 100%;
font-size: 18px;
border-bottom-style: dashed;
padding-bottom: 25px;
}
@media (max-width: 575px) {
.h8-testimonial-item .testimonial-content .desc {
font-size: 16px;
}
}
.tj-gap-30 {
--bs-gutter-x: 30px;
}
@media (max-width: 575px) {
.tj-gap-30 {
--bs-gutter-x: 24px;
}
}
.tj-gap-30 .row {
--bs-gutter-x: 30px;
}
@media (max-width: 575px) {
.tj-gap-30 .row {
--bs-gutter-x: 24px;
}
}  .h8-blog-section {
position: relative;
overflow: hidden;
z-index: 2;
}
.h8-blog-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-blog-wrapper {
gap: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-blog-wrapper {
gap: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-blog-wrapper {
gap: 20px;
}
}
.h8-blog-item {
display: flex;
border: 1px solid var(--tj-color-border-2);
background-color: var(--tj-color-common-white);
width: 300px;
height: 400px;
transition: width 0.3s ease-in;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-blog-item {
width: 240px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-blog-item {
width: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-blog-item {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-blog-item {
height: auto;
flex-direction: column;
}
}
.h8-blog-item .blog-images {
width: 300px;
position: relative;
flex: 0 0 auto;
}
.h8-blog-item .blog-images img {
height: 100%;
width: 100%;
object-fit: cover;
}
.h8-blog-item .blog-images .blog-date {
position: absolute;
top: 15px;
inset-inline-end: 15px;
inset-inline-start: auto;
bottom: auto;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 20px;
text-align: center;
}
.h8-blog-item .blog-images .blog-date .date {
display: block;
font-family: var(--tj-ff-heading);
font-size: 32px;
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.03em;
margin-bottom: 8px;
line-height: 1;
}
.h8-blog-item .blog-images .blog-date .month {
display: block;
font-size: 14px;
color: var(--tj-color-common-white);
letter-spacing: 0.24em;
text-transform: uppercase;
line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-blog-item .blog-images {
width: 240px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-blog-item .blog-images {
width: 200px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-blog-item .blog-images {
width: 100%;
}
}
.h8-blog-item .blog-content {
position: relative;
overflow: hidden;
flex: 1;
}
.h8-blog-item .blog-content-inner {
position: relative;
top: 0;
inset-inline-start: 0;
width: 300px;
transform: translateX(-105%);
transition: transform 0.2s ease-in-out;
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-blog-item .blog-content-inner {
width: 290px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-blog-item .blog-content-inner {
width: 270px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-blog-item .blog-content-inner {
width: 100%;
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
.h8-blog-item .blog-content .blog-two-meta {
margin-bottom: 15px;
}
.h8-blog-item .blog-content .title {
line-height: 1.333;
margin-bottom: 12px;
}
.h8-blog-item .blog-content .blog-button {
margin-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-blog-item .blog-content {
display: flex;
align-items: center;
padding: 30px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-blog-item .blog-content {
padding: 30px 20px;
}
}
.h8-blog-item.active {
width: 640px;
}
.h8-blog-item.active .blog-content {
padding: 45px 20px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-blog-item.active .blog-content {
padding: 48px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-blog-item.active .blog-content {
padding: 30px 20px;
}
}
.h8-blog-item.active .blog-content-inner {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-blog-item.active {
width: 595px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-blog-item.active {
width: 500px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-blog-item.active {
width: 100%;
}
}  .h8-services-section {
background-color: var(--tj-color-theme-dark);
}
.h8-services-section .tj-primary-btn {
background-color: var(--tj-color-common-white);
}
.h8-services-section .tj-primary-btn .btn_inner .btn_text {
color: var(--tj-color-heading-primary);
}
.h8-services-section .tj-primary-btn:hover .btn_inner .btn_text {
color: var(--tj-color-common-white);
}
.h8-services-wrapper {
display: flex;
flex-wrap: wrap;
gap: 60px;
}
.h8-services-left {
max-width: calc(100% - 700px);
width: 100%;
}
.h8-services-left-content {
margin-top: 55px;
}
.h8-services-left-content .title {
max-width: 380px;
width: 100%;
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
margin: 0;
}
.h8-services-left-content .title span {
color: var(--tj-color-theme-primary);
}
.h8-services-left-content .tj-primary-btn {
margin-top: 30px;
}
.h8-services-right {
max-width: 640px;
width: 100%;
}
.h8-services-list {
border-top: 1px solid var(--tj-color-border-1);
}
.h8-services-list .service_item {
border-bottom: 1px solid var(--tj-color-border-1);
display: flex;
flex-wrap: wrap;
gap: 13px;
align-items: start;
padding: 45px 0;
}
.h8-services-list .service_item .no {
display: inline-flex;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.025em;
color: var(--tj-color-common-white-2);
}
.h8-services-list .service_item .content {
max-width: 340px;
width: 100%;
}
.h8-services-list .service_item .content .title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
margin: 0;
}
.h8-services-list .service_item .content .title a:hover {
color: var(--tj-color-theme-primary);
}
.h8-services-list .service_item .content .desc {
color: var(--tj-color-common-white-2);
margin-top: 15px;
}
.h8-services-list .service_item .service_btn {
width: 70px;
height: 70px;
border: 1px solid var(--tj-color-border-1);
background-color: var(--tj-color-theme-dark);
font-size: 24px;
margin-inline-start: auto;
}
.h8-services-list .service_item .service_btn i,
.h8-services-list .service_item .service_btn svg {
text-shadow: -45px 0 0;
}
.h8-services-list .service_item:hover .service_btn {
background-color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.h8-services-list .service_item:hover .service_btn i,
.h8-services-list .service_item:hover .service_btn svg {
transform: rotate(-45deg) translateX(45px);
}
.h8-services-list .service_item:hover .service_btn:hover i,
.h8-services-list .service_item:hover .service_btn:hover svg {
transform: rotate(0deg) translateX(45px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-services-wrapper {
gap: 30px;
}
.h8-services-left {
max-width: calc(100% - 630px);
}
.h8-services-right {
max-width: 600px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-services-wrapper {
gap: 30px;
}
.h8-services-left {
max-width: calc(100% - 530px);
}
.h8-services-right {
max-width: 500px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-services-wrapper {
gap: 50px;
}
.h8-services-wrapper .mobile_btn {
margin-top: 50px;
}
.h8-services-left {
max-width: 100%;
}
.h8-services-left-content {
margin-top: 50px;
}
.h8-services-left-content .title {
max-width: 100%;
}
.h8-services-right {
max-width: 100%;
}
.h8-services-list .service_item {
padding: 36px 0;
}
}
@media (max-width: 575px) {
.h8-services-wrapper .mobile_btn {
margin-top: 40px;
}
.h8-services-left {
max-width: 100%;
}
.h8-services-left-content {
margin-top: 40px;
}
.h8-services-list .service_item {
padding: 36px 0;
gap: 20px;
flex-direction: column;
}
.h8-services-list .service_item .service_btn {
margin-inline-start: 0;
width: 50px;
height: 50px;
}
}
.h8-video {
position: relative;
z-index: 1;
}
.h8-video::after {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(5, 18, 41, 0.3);
z-index: 1;
}
.h8-video img {
width: 100%;
min-height: 330px;
object-fit: cover;
}
.h8-video .play_btn {
position: absolute;
inset-inline-start: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-video img {
min-height: 300px;
}
}
.play_btn {
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 1;
background-color: var(--tj-color-common-white);
color: var(--tj-color-theme-dark);
border-radius: 50%;
animation: pulse 2s ease infinite;
}
.play_btn i,
.play_btn svg {
display: inline-flex;
line-height: 1;
}  .h8-price-section {
overflow: hidden;
}
.h8-price-header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 30px;
margin-bottom: 60px;
}
.h8-price-header .sec-heading {
max-width: 550px;
width: 100%;
margin: 0;
}
.h8-price-header .pricing-tab {
margin-bottom: 0;
}
.h8-price-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.h8-price-wrapper .price_tabs,
.h8-price-wrapper .price_tab_contents {
max-width: calc(50% - 15px);
width: 100%;
}
.h8-price-wrapper .price_tabs {
display: flex;
flex-direction: column;
gap: 15px;
}
.h8-price-wrapper .price_tabs .tab_item {
position: relative;
z-index: 1;
border: 1px solid var(--tj-color-border-2);
background-color: var(--tj-color-common-white);
display: flex;
flex-wrap: wrap;
gap: 17px;
padding: 45px 30px;
cursor: pointer;
}
.h8-price-wrapper .price_tabs .tab_item::after {
content: "";
width: 20px;
height: 20px;
background-color: transparent;
position: absolute;
inset-inline-end: -11px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
z-index: -1;
transition: none;
}
.h8-price-wrapper .price_tabs .tab_item .content {
padding-top: 7px;
}
.h8-price-wrapper .price_tabs .tab_item .checkbox {
display: inline-flex;
width: 32px;
height: 32px;
border: 1px solid var(--tj-color-border-2);
background-color: var(--tj-color-common-white);
border-radius: 50%;
position: relative;
z-index: 1;
transition: none;
}
.h8-price-wrapper .price_tabs .tab_item .checkbox:after {
content: "";
position: absolute;
inset-inline-start: 11px;
top: 8px;
width: 7px;
height: 11px;
border: solid var(--tj-color-theme-dark);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.25s ease;
}
.h8-price-wrapper .price_tabs .tab_item .title {
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
line-height: 1;
transition: none;
}
.h8-price-wrapper .price_tabs .tab_item .title span {
display: inline-flex;
font-weight: var(--tj-fw-sbold);
font-size: 14px;
line-height: 1;
letter-spacing: -0.025em;
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
padding: 4px 7px;
border-radius: 40px;
transition: none;
}
.h8-price-wrapper .price_tabs .tab_item .desc {
margin-top: 10px;
line-height: 1.3;
}
.h8-price-wrapper .price_tabs .tab_item .price {
display: flex;
gap: 1px;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 72px;
line-height: 1;
letter-spacing: -0.025em;
color: var(--tj-color-heading-primary);
margin-inline-start: auto;
transition: none;
}
.h8-price-wrapper .price_tabs .tab_item .price .dollar {
color: var(--tj-color-common-black-2);
font-size: 18px;
line-height: 1.7;
letter-spacing: -0.04em;
transition: none;
}
.h8-price-wrapper .price_tabs .tab_item .price .period {
color: var(--tj-color-common-black-2);
font-weight: var(--tj-fw-medium);
font-size: 20px;
line-height: 1.7;
letter-spacing: -0.04em;
align-self: flex-end;
transition: none;
}
.h8-price-wrapper .price_tabs .tab_item .price span {
transition: none;
}
.h8-price-wrapper .price_tabs .tab_item.active {
background-color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.h8-price-wrapper .price_tabs .tab_item.active::after {
background-color: var(--tj-color-theme-primary);
animation: 0.3s arrowLeftRight 0s linear;
}
.h8-price-wrapper .price_tabs .tab_item.active .checkbox {
border-color: var(--tj-color-common-white);
}
.h8-price-wrapper .price_tabs .tab_item.active .checkbox::after {
opacity: 1;
}
.h8-price-wrapper .price_tabs .tab_item.active .title {
color: var(--tj-color-common-white);
}
.h8-price-wrapper .price_tabs .tab_item.active .title span {
background-color: var(--tj-color-common-white);
color: var(--tj-color-heading-primary);
}
.h8-price-wrapper .price_tabs .tab_item.active .desc {
color: var(--tj-color-common-white);
}
.h8-price-wrapper .price_tabs .tab_item.active .price {
color: var(--tj-color-common-white);
}
.h8-price-wrapper .price_tabs .tab_item.active .price .period,
.h8-price-wrapper .price_tabs .tab_item.active .price .dollar {
color: var(--tj-color-common-white);
}
.h8-price-wrapper .tab_content {
position: relative;
padding: 60px 40px 50px 40px;
background-color: var(--tj-color-theme-bg);
z-index: 1;
height: 100%;
}
.h8-price-wrapper .tab_content.active {
animation: 0.4s leftRight 0s linear;
}
.h8-price-wrapper .tab_content .pricing-badge {
position: absolute;
top: 0;
inset-inline-end: 0;
padding: 9px 10px 10px 35px;
font-size: 14px;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
line-height: 1;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
z-index: 1;
}
.h8-price-wrapper .tab_content .features {
list-style: none;
}
.h8-price-wrapper .tab_content .features li {
display: flex;
align-items: start;
font-size: 18px;
color: var(--tj-color-common-black-3);
}
.h8-price-wrapper .tab_content .features li:not(:last-child) {
margin-bottom: 18px;
}
.h8-price-wrapper .tab_content .features li i,
.h8-price-wrapper .tab_content .features li svg {
font-size: 18px;
line-height: 1;
margin-inline-end: 8px;
margin-top: 5px;
}
.h8-price-wrapper .tab_content .features li.active {
color: var(--tj-color-text-body);
}
.h8-price-wrapper .tab_content .features li.active i {
color: var(--tj-color-theme-primary);
}
.h8-price-wrapper .tab_content .buttons {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 25px;
align-items: center;
}
.h8-price-wrapper .tab_content .buttons .text-btn {
gap: 0;
}
.h8-price-mobile-wrapper .pricing_a_item:not(:last-child) {
margin-bottom: 15px;
}
.h8-price-mobile-wrapper .tab_item {
position: relative;
z-index: 1;
border: 1px solid var(--tj-color-border-2);
background-color: var(--tj-color-common-white);
display: flex;
flex-wrap: wrap;
gap: 17px;
padding: 45px 30px;
}
.h8-price-mobile-wrapper .tab_item .content {
padding-top: 7px;
}
.h8-price-mobile-wrapper .tab_item .checkbox {
display: inline-flex;
width: 32px;
height: 32px;
border: 1px solid var(--tj-color-border-2);
background-color: var(--tj-color-common-white);
border-radius: 50%;
position: relative;
z-index: 1;
transition: none;
}
.h8-price-mobile-wrapper .tab_item .checkbox:after {
content: "";
position: absolute;
inset-inline-start: 11px;
top: 8px;
width: 7px;
height: 11px;
border: solid var(--tj-color-theme-dark);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
opacity: 0;
transition: opacity 0.25s ease;
}
.h8-price-mobile-wrapper .tab_item .title {
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
line-height: 1;
transition: none;
}
.h8-price-mobile-wrapper .tab_item .title span {
display: inline-flex;
font-weight: var(--tj-fw-sbold);
font-size: 14px;
line-height: 1;
letter-spacing: -0.025em;
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
padding: 4px 7px;
border-radius: 40px;
transition: none;
}
.h8-price-mobile-wrapper .tab_item .desc {
margin-top: 10px;
line-height: 1.3;
}
.h8-price-mobile-wrapper .tab_item .price {
display: flex;
gap: 1px;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 72px;
line-height: 1;
letter-spacing: -0.025em;
color: var(--tj-color-heading-primary);
margin-inline-start: auto;
transition: none;
}
.h8-price-mobile-wrapper .tab_item .price > div {
display: flex;
gap: 1px;
}
.h8-price-mobile-wrapper .tab_item .price .dollar {
color: var(--tj-color-common-black-2);
font-size: 18px;
line-height: 1.7;
letter-spacing: -0.04em;
transition: none;
}
.h8-price-mobile-wrapper .tab_item .price .period {
color: var(--tj-color-common-black-2);
font-weight: var(--tj-fw-medium);
font-size: 20px;
line-height: 1.7;
letter-spacing: -0.04em;
align-self: flex-end;
transition: none;
}
.h8-price-mobile-wrapper .tab_item .price span {
transition: none;
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed) {
background-color: var(--tj-color-theme-primary);
border-color: var(--tj-color-theme-primary);
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed)::after {
background-color: var(--tj-color-theme-primary);
animation: 0.3s arrowLeftRight 0s linear;
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed) .checkbox {
border-color: var(--tj-color-common-white);
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed) .checkbox::after {
opacity: 1;
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed) .title {
color: var(--tj-color-common-white);
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed) .title span {
background-color: var(--tj-color-common-white);
color: var(--tj-color-heading-primary);
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed) .desc {
color: var(--tj-color-common-white);
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed) .price {
color: var(--tj-color-common-white);
}
.h8-price-mobile-wrapper .tab_item:not(.collapsed) .price .period,
.h8-price-mobile-wrapper .tab_item:not(.collapsed) .price .dollar {
color: var(--tj-color-common-white);
}
.h8-price-mobile-wrapper .tab_content {
position: relative;
padding: 50px 40px;
background-color: var(--tj-color-theme-bg);
z-index: 1;
margin-top: 15px;
}
.h8-price-mobile-wrapper .tab_content .pricing-badge {
position: absolute;
top: 0;
inset-inline-end: 0;
padding: 9px 10px 10px 35px;
font-size: 14px;
font-weight: var(--tj-fw-bold);
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
line-height: 1;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
z-index: 1;
}
.h8-price-mobile-wrapper .tab_content .features {
list-style: none;
}
.h8-price-mobile-wrapper .tab_content .features li {
display: flex;
align-items: start;
font-size: 18px;
color: var(--tj-color-common-black-3);
}
.h8-price-mobile-wrapper .tab_content .features li:not(:last-child) {
margin-bottom: 18px;
}
.h8-price-mobile-wrapper .tab_content .features li i,
.h8-price-mobile-wrapper .tab_content .features li svg {
font-size: 18px;
line-height: 1;
margin-inline-end: 8px;
margin-top: 5px;
}
.h8-price-mobile-wrapper .tab_content .features li.active {
color: var(--tj-color-text-body);
}
.h8-price-mobile-wrapper .tab_content .features li.active i {
color: var(--tj-color-theme-primary);
}
.h8-price-mobile-wrapper .tab_content .buttons {
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 25px;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h8-price-wrapper .price_tabs {
max-width: 520px;
}
.h8-price-wrapper .price_tab_contents {
max-width: calc(100% - 550px);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h8-price-wrapper .price_tabs {
max-width: 490px;
}
.h8-price-wrapper .price_tabs .tab_item {
padding: 40px 20px;
}
.h8-price-wrapper .price_tabs .tab_item .price {
font-size: 65px;
}
.h8-price-wrapper .price_tab_contents {
max-width: calc(100% - 520px);
}
.h8-price-wrapper .tab_content {
padding: 50px 20px 50px 20px;
}
.h8-price-wrapper .tab_content .features li {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h8-price-header {
margin-bottom: 40px;
}
.h8-price-mobile-wrapper .tab_content .features li {
font-size: 16px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h8-price-header {
margin-bottom: 40px;
gap: 25px;
}
.h8-price-mobile-wrapper .tab_item {
padding: 40px 20px;
}
.h8-price-mobile-wrapper .tab_item .price {
font-size: 60px;
}
.h8-price-mobile-wrapper .tab_content {
padding: 50px 20px 50px 20px;
}
.h8-price-mobile-wrapper .tab_content .features li {
font-size: 16px;
}
}
@media (max-width: 575px) {
.h8-price-mobile-wrapper .tab_item {
padding: 30px 20px;
align-items: end;
row-gap: 10px;
column-gap: 15px;
}
.h8-price-mobile-wrapper .tab_item .check_wrap {
width: 100%;
line-height: 1;
}
.h8-price-mobile-wrapper .tab_item .checkbox {
width: 28px;
height: 28px;
}
.h8-price-mobile-wrapper .tab_item .checkbox::after {
inset-inline-start: 10px;
top: 6px;
}
.h8-price-mobile-wrapper .tab_item .content {
padding-top: 0;
}
.h8-price-mobile-wrapper .tab_item .content .title span {
font-size: 12px;
}
.h8-price-mobile-wrapper .tab_item .content .desc {
font-size: 14px;
}
.h8-price-mobile-wrapper .tab_item .price {
font-size: 48px;
flex-direction: column;
align-items: start;
}
.h8-price-mobile-wrapper .tab_item .price .period {
font-size: 16px;
align-self: flex-start;
line-height: 1;
padding-inline-start: 12px;
}
.h8-price-mobile-wrapper .tab_content .pricing-badge {
padding: 8px 10px 9px 35px;
}
.h8-price-mobile-wrapper .tab_content .features li:not(:last-child) {
margin-bottom: 13px;
}
.h8-price-mobile-wrapper .tab_content .buttons {
margin-top: 30px;
gap: 20px;
}
}
@-webkit-keyframes arrowLeftRight {
0% {
transform: translate(-20px, -50%) rotate(45deg);
}
100% {
transform: translate(0, -50%) rotate(45deg);
}
}
@-moz-keyframes arrowLeftRight {
0% {
transform: translate(-20px, -50%) rotate(45deg);
}
100% {
transform: translate(0, -50%) rotate(45deg);
}
}
@-ms-keyframes arrowLeftRight {
0% {
transform: translate(-20px, -50%) rotate(45deg);
}
100% {
transform: translate(0, -50%) rotate(45deg);
}
}
@keyframes arrowLeftRight {
0% {
transform: translate(-20px, -50%) rotate(45deg);
}
100% {
transform: translate(0, -50%) rotate(45deg);
}
}
@-webkit-keyframes leftRight {
0% {
transform: translateX(-25px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes leftRight {
0% {
transform: translateX(-25px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@-ms-keyframes leftRight {
0% {
transform: translateX(-25px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes leftRight {
0% {
transform: translateX(-25px);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}  .tj-growth-section {
position: relative;
overflow: hidden;
padding-top: 375px;
padding-bottom: 70px;
z-index: 1;
}
.tj-growth-section .tj-growth-bg {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
height: 130%;
background-size: cover;
background-position: center;
will-change: transform;
}
.tj-growth-section .tj-growth-bg::before {
content: "";
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-dark);
opacity: 0.3;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-growth-section {
padding-top: 350px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-growth-section {
padding-top: 280px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-growth-section {
padding-top: 220px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.tj-growth-section {
padding-top: 180px;
padding-bottom: 15px;
}
}
@media (max-width: 575px) {
.tj-growth-section {
padding-top: 240px;
padding-bottom: 15px;
}
}
.growth-content {
max-width: 460px;
padding: 30px;
margin-inline-start: auto;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
position: relative;
}
.growth-content .title {
color: var(--tj-color-common-white);
}
.growth-content .title span {
color: var(--tj-color-theme-primary);
}
.growth-content .icon-shape {
position: absolute;
bottom: 0;
inset-inline-end: 40px;
width: 136px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.growth-content .icon-shape {
width: 100px;
inset-inline-end: 20px;
}
}
@media (max-width: 575px) {
.growth-content {
padding: 20px;
justify-content: space-between;
gap: 30px;
}
}
.video-btn-wrap {
margin-top: 30px;
margin-bottom: 20px;
}
.video-btn-wrap .video-btn {
display: flex;
align-items: center;
gap: 12px;
}
.video-btn-wrap .video-btn .play-btn {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
position: relative;
animation: pulse-three 2s infinite;
z-index: 5;
}
.video-btn-wrap .video-btn .play-btn i {
line-height: 1;
display: inline-flex;
margin-inline-start: 2px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.video-btn-wrap .video-btn .play-btn {
width: 40px;
height: 40px;
}
}
.video-btn-wrap .video-btn .video-text {
color: var(--tj-color-common-white);
font-weight: var(--tj-fw-bold);
font-size: 15px;
line-height: 1.2;
position: relative;
}
.video-btn-wrap .video-btn .video-text::after {
content: "";
position: absolute;
bottom: -1px;
inset-inline-end: 0;
width: 100%;
height: 1px;
background-color: var(--tj-color-common-white);
}
.video-btn-wrap .video-btn:hover .video-text::after {
-webkit-animation: linehover 0.8s linear;
animation: linehover 0.8s linear;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.video-btn-wrap .video-btn {
gap: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.video-btn-wrap {
margin-top: 20px;
margin-bottom: 10px;
}
} .h8-cta .tj_heading .title {
color: var(--tj-color-common-white);
margin-bottom: 0;
}
.h8-cta .tj_heading .title a {
display: inline-flex;
position: relative;
overflow: hidden;
}
.h8-cta .tj_heading .title a::after {
content: "";
position: absolute;
bottom: 5px;
inset-inline-end: 0;
width: 100%;
height: 2px;
background-color: var(--tj-color-common-white);
}
.h8-cta .tj_heading .title a:hover::after {
animation: linehover 0.8s linear;
} .tj-header-area.header-9 {
background-color: var(--tj-color-common-white);
}
.tj-header-area.header-9 .header-bottom {
padding-inline-start: 18px;
padding-inline-end: 18px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-9 .header-bottom {
padding-inline-start: 0;
padding-inline-end: 0;
}
}
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) {
column-gap: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) {
column-gap: 15px;
}
}
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li > a {
color: var(--tj-color-heading-primary);
column-gap: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li > a {
column-gap: 12px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li > a {
column-gap: 10px;
}
}
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li > a::after {
display: none;
}
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li > a::before {
content: "";
width: 4px;
height: 4px;
border-radius: 100%;
background-color: var(--tj-color-border-2);
transition: all 0.3s ease-in-out 0s;
}
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li > a:hover {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li.current-menu-ancestor > a, .tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li.current-menu-item > a, .tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li:hover > a {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li.current-menu-ancestor > a::before, .tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li.current-menu-item > a::before, .tj-header-area.header-9 .mainmenu ul:not(.sub-menu) > li:hover > a::before {
background-color: var(--tj-color-theme-primary);
}
.tj-header-area.header-9 .tj-primary-btn {
padding: 5px;
}
.tj-header-area.header-9 .tj-primary-btn .btn_inner {
padding: 12px 18px 12px 50px;
}
.tj-header-area.header-9 .tj-primary-btn .btn_inner::before {
width: 40px;
}
.tj-header-area.header-9 .tj-primary-btn .btn_inner .btn_icon {
min-width: 40px;
font-size: 1.4em;
}
.tj-header-area.header-9 .tj-primary-btn:hover .btn_inner::before {
width: 100%;
}
.tj-header-area.header-9.style-6 .header_search {
color: var(--tj-color-heading-primary);
}
.tj-header-area.header-9.style-6 .header_search i {
color: var(--tj-color-heading-primary);
}
.tj-header-area.header-9.style-6 .header_search:hover {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-9.style-6 .header_search:hover i {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-9.style-6 .header_right_info {
column-gap: 0;
}
.tj-header-area.header-9.style-6 .header_right_info > *:not(:last-child) {
padding-inline-end: 15px;
margin-inline-end: 14px;
position: relative;
}
.tj-header-area.header-9.style-6 .header_right_info > *:first-child::after {
content: "";
position: absolute;
inset-inline-end: 0;
top: 50%;
transform: translateY(-50%);
height: 16px;
width: 1px;
background-color: var(--tj-color-border-2);
}
.tj-header-area.header-9.style-6 .header_right_info .header_contact {
font-weight: var(--tj-fw-bold);
color: var(--tj-color-heading-primary);
display: inline-flex;
gap: 8px;
align-items: center;
line-height: 1;
}
.tj-header-area.header-9.style-6 .header_right_info .header_contact i {
font-size: 17px;
margin-top: 3px;
}
.tj-header-area.header-9.style-6 .header_right_info .header_contact:hover {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-9.style-6.header-duplicate {
box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.08);
}
.tj-header-area.header-9.style-6.header-duplicate .header_search {
color: var(--tj-color-heading-primary);
}
.tj-header-area.header-9.style-6.header-duplicate .header_search i {
color: var(--tj-color-heading-primary);
}
.tj-header-area.header-9.style-6.header-duplicate .header_search:hover {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-9.style-6.header-duplicate .header_search:hover i {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-9.style-6.header-duplicate .menu_btn .cubes span {
border-color: var(--tj-color-theme-dark);
}
.tj-header-area.header-9.style-6.header-duplicate .menu_btn .cubes span:nth-child(2) {
box-shadow: inset 0 0 0 2px var(--tj-color-theme-dark);
}
.tj-header-area .header-9-topbar {
background-color: var(--tj-color-theme-dark);
padding: 0;
transition: all 0.3s;
overflow: hidden;
}
.tj-header-area .header-9-topbar .header-topbar_wrap {
justify-content: center;
height: 100%;
padding: 14px 45px;
}
.tj-header-area .header-9-topbar .header-topbar_wrap .topbar_note {
color: var(--tj-color-common-white-2);
}
.tj-header-area .header-9-topbar .header-topbar_wrap a {
color: var(--tj-color-common-white);
}
.tj-header-area .header-9-topbar .header-topbar-toggler {
position: absolute;
top: 50%;
inset-inline-end: 34px;
transition: all 0.3s;
transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area .header-9-topbar .header-topbar-toggler {
inset-inline-end: 24px;
}
}
.tj-header-area .header-9-topbar .header-topbar-toggler svg path {
stroke: var(--tj-color-common-white);
}
.tj-header-area .header-9-topbar .header-topbar-toggler:hover {
transform: translateY(-50%) rotate(90deg);
}  @media only screen and (min-width: 1600px) and (max-width: 1799px) {
.h9-footer.elementor-element.elementor-element-f86db0a.e-con-full.e-flex.e-con.e-child, .h9-footer.elementor-element.elementor-element-1765448.e-con-full.e-flex.e-con.e-child {
width: 85%;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.h9-footer.elementor-element.elementor-element-f86db0a.e-con-full.e-flex.e-con.e-child, .h9-footer.elementor-element.elementor-element-1765448.e-con-full.e-flex.e-con.e-child {
width: 90%;
}
} .sec-heading.h9-section-heading.sec-heading-centered {
max-width: 555px;
width: 100%;
text-align: center;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sec-heading.h9-section-heading.sec-heading-centered {
margin-bottom: 45px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.sec-heading.h9-section-heading.sec-heading-centered {
margin-bottom: 40px;
}
}
.sec-heading.h9-section-heading .sub-title {
padding: 0 10px;
margin-bottom: 20px;
background-color: transparent;
}
.sec-heading.h9-section-heading .sub-title::before, .sec-heading.h9-section-heading .sub-title::after {
display: none;
}
.tj-gap-0 {
--bs-gutter-x: 0;
}
.tj-gap-0 .row {
--bs-gutter-x: 0;
} .h9-hero {
position: relative;
overflow: hidden;
z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero .container {
max-width: 100%;
}
}
.h9-hero .h9-hero-bg, .h9-hero::after {
position: absolute;
inset-inline-start: 0;
top: 0;
height: 100%;
width: 50%;
z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero .h9-hero-bg, .h9-hero::after {
display: none;
}
}
.h9-hero .h9-hero-bg {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: var(--tj-color-theme-dark);
}
.h9-hero::after {
content: "";
background: var(--tj-color-theme-primary);
inset-inline-start: 50%;
}
.h9-hero-wrapper {
position: relative;
}
.h9-hero-wrapper::after {
content: "";
width: 50%;
height: 283px;
position: absolute;
inset-inline-end: 0;
bottom: 0;
z-index: 3;
background: linear-gradient(180deg, rgba(0, 117, 255, 0) 0%, #0075ff 100%);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-wrapper::after {
width: 100%;
}
}
.h9-hero-marquee-wrapper {
position: absolute;
inset-inline-end: 0;
top: 0;
width: 50%;
overflow: hidden;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-marquee-wrapper {
width: 100%;
top: 50%;
}
}
.h9-hero-content {
min-height: 770px;
max-width: 643px;
width: 100%;
padding-top: 0;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
z-index: 1;
padding: 80px 0 80px 12px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-hero-content {
max-width: 450px;
min-height: 650px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-content {
max-width: 100%;
min-height: auto;
padding: 70px 0 70px 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-hero-content {
max-width: 720px;
margin: 0 auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h9-hero-content {
max-width: 540px;
margin: 0 auto;
}
}
@media (max-width: 575px) {
.h9-hero-content {
min-height: auto;
padding: 60px 0 60px 12px;
}
}
.h9-hero-content-wrapper {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-content-wrapper {
background-size: cover;
background-color: var(--tj-color-theme-dark);
}
}
.h9-hero-content .hero-sub-title {
padding: 0 14px;
margin-bottom: 20px;
background-color: transparent;
display: inline-block;
font-size: 14px;
font-weight: var(--tj-fw-bold);
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--tj-color-theme-primary);
position: relative;
line-height: 1;
}
.h9-hero-content .hero-sub-title::before, .h9-hero-content .hero-sub-title::after {
position: absolute;
display: block;
content: "[";
width: auto;
height: auto;
border-radius: 0;
top: 50%;
inset-inline-start: 0;
transform: translateY(-50%);
background-color: transparent;
}
.h9-hero-content .hero-sub-title::after {
content: "]";
inset-inline-start: auto;
inset-inline-end: 0;
}
.h9-hero-content .hero-title {
color: var(--tj-color-common-white);
letter-spacing: -0.025em;
line-height: 1.1;
margin-bottom: 20px;
}
.h9-hero-content .hero-title .active-color {
color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-content .hero-title {
font-size: 45px;
}
}
.h9-hero-content .desc {
font-size: 18px;
color: var(--tj-color-common-white-2);
font-weight: var(--tj-fw-regular);
max-width: 524px;
width: 100%;
line-height: 1.5;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-hero-content .desc {
max-width: 433px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-hero-content .desc {
max-width: 100%;
}
}
.h9-hero-content .desc p:last-child {
margin-bottom: 0;
}
.h9-hero-action {
display: flex;
align-items: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-action {
margin-top: 25px;
}
}
.h9-hero-action .text-btn {
color: var(--tj-color-common-white);
}
.h9-hero-action .text-btn::before {
background-color: var(--tj-color-common-white);
}
.h9-hero-action .hero-button {
background-color: var(--tj-color-common-white);
}
.h9-hero-action .hero-button .btn_text {
color: var(--tj-color-heading-primary);
}
.h9-hero-banner {
position: absolute;
inset-inline-end: 11%;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
max-width: 780px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.h9-hero-banner {
inset-inline-end: -2%;
max-width: 616px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-hero-banner {
inset-inline-end: -2%;
max-width: 513px;
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-banner {
max-width: 480px;
position: relative;
width: 100%;
inset-inline-end: 0;
transform: none;
margin: 0 auto;
}
}
@media (max-width: 575px) {
.h9-hero-banner {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-banner-wrapper {
background: var(--tj-color-theme-primary);
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.h9-hero-banner-wrapper {
padding: 60px 0 0;
}
}
@media (max-width: 575px) {
.h9-hero-banner-wrapper {
padding: 50px 0 0;
}
}
.h9-hero-banner img {
position: relative;
z-index: 2;
}
.h9-hero-chart {
position: relative;
max-width: 270px;
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.h9-hero-chart {
max-width: 250px;
}
}
@media (max-width: 575px) {
.h9-hero-chart {
max-width: 180px;
}
}
.h9-hero-chart::after, .h9-hero-chart::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
inset-inline-start: 9px;
bottom: 9px;
background-color: var(--tj-color-common-white);
opacity: 0.3;
z-index: -1;
}
.h9-hero-chart::after {
inset-inline-start: 18px;
bottom: 18px;
opacity: 0.15;
z-index: -2;
}
.h9-hero-chart-wrapper {
position: absolute;
inset-inline-end: 0;
bottom: 96px;
transform: translateX(26%) rotate(8deg);
z-index: 4;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.h9-hero-chart-wrapper {
transform: translateX(-42%) rotate(8deg);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-hero-chart-wrapper {
transform: translateX(-28%) rotate(8deg);
bottom: 80px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-hero-chart-wrapper {
transform: translateX(5%) rotate(8deg);
bottom: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h9-hero-chart-wrapper {
transform: translateX(-28%) rotate(8deg);
bottom: 50px;
}
}
@media (max-width: 575px) {
.h9-hero-chart-wrapper {
transform: translateX(-28%) rotate(8deg);
bottom: 60px;
}
}  .h9-hero-marquee {
padding: 82px 0;
}
.h9-hero-marquee .marquee-wrapper {
transition-timing-function: linear;
}
.h9-hero-marquee .marquee-item {
align-items: center;
gap: 33px;
padding-inline-end: 33px;
}
.h9-hero-marquee .marquee-item .marquee-title .text {
color: var(--tj-color-common-white);
font-size: 162px;
line-height: 1;
font-weight: var(--tj-fw-bold);
text-transform: uppercase;
opacity: 0.14;
}
.h9-hero-marquee .marquee-item .marquee-icons {
max-width: 51px;
font-size: 36px;
color: var(--tj-color-common-white);
opacity: 0.14;
line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-hero-marquee .marquee-item .marquee-title .text {
font-size: 140px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-hero-marquee .marquee-item .marquee-title .text {
font-size: 130px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-marquee .marquee-item {
gap: 20px;
padding-inline-end: 20px;
}
.h9-hero-marquee .marquee-item .marquee-title .text {
font-size: 100px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-hero-marquee {
padding: 50px 0;
}
}  .h9-services-section {
overflow: hidden;
}
.h9-services-section .sec-heading {
max-width: 555px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 60px;
}
.h9-services-section .sec-heading .sec-title {
letter-spacing: -0.025em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-services-section .sec-heading {
margin-bottom: 40px;
}
}
.h9-services-slider .swiper_pagination {
margin-top: 60px;
}
.h9-services-item-inner {
position: relative;
z-index: 1;
background-color: var(--tj-color-theme-bg);
overflow: hidden;
padding: 30px;
}
.h9-services-item-inner .service-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
font-size: 62px;
line-height: 1;
border-radius: 50%;
color: var(--tj-color-theme-primary);
background-color: var(--tj-color-common-white);
margin-bottom: 25px;
transition: all 0.3s ease-in-out;
}
.h9-services-item-inner .service-icon i {
transition: all 0.3s ease-in-out;
}
.h9-services-item-inner .number {
position: absolute;
top: 30px;
inset-inline-end: 30px;
font-size: 16px;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
color: var(--tj-color-heading-primary);
line-height: 1;
display: inline-flex;
}
.h9-services-item-inner .service-content {
position: relative;
z-index: 1;
}
.h9-services-item-inner .service-content .title {
max-width: 250px;
margin: 0;
line-height: 1.3;
letter-spacing: -0.025em;
margin-bottom: 20px;
}
.h9-services-item-inner .service-content .title a:hover {
color: var(--tj-color-theme-primary);
}
.h9-services-item-inner .service-content .check-list-one {
padding: 25px 0 6px;
border-top: 1px solid var(--tj-color-border-2);
}
@media (max-width: 390px) {
.h9-services-item-inner {
padding: 30px 20px;
}
}
.h9-services-item .service-btn {
background-color: var(--tj-color-theme-dark);
width: 100%;
padding: 17px 15px 20px;
margin: 0;
display: inline-flex;
justify-content: center;
}
.h9-services-item .service-btn .text-btn {
color: var(--tj-color-common-white);
}
.h9-services-item .service-btn .text-btn::before {
background-color: var(--tj-color-common-white);
}
.h9-services-item .service-btn:hover .text-btn::before {
transform-origin: left;
transform: scaleX(1);
}
.h9-services-item:hover .h9-services-item-inner .service-icon {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
.h9-services-item:hover .service-btn {
background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-services-slider .swiper_pagination {
margin-top: 40px;
}
}  .h9-process {
overflow: hidden;
}
.h9-process-inner {
display: flex;
justify-content: space-between;
gap: 30px;
position: relative;
z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-process-inner {
flex-direction: column;
gap: 80px;
}
}
.h9-process-item {
display: flex;
align-items: center;
flex-direction: column;
position: relative;
z-index: 1;
width: 27%;
background-color: var(--tj-color-theme-bg);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-process-item {
width: 29%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-process-item {
width: 100%;
}
}
.h9-process-item::before {
display: none;
}
.h9-process-item .process-img {
margin: 0;
max-width: 220px;
width: 100%;
height: 250px;
flex-shrink: 0;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/about-mark-2.svg);
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--tj-color-common-white);
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
margin-top: -1px;
z-index: 1;
transition: all 0.4s;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-process-item .process-img {
max-width: 175px;
height: 200px;
}
}
.h9-process-item .process-img img {
max-width: 202px;
height: 203px;
object-fit: cover;
border-radius: 50%;
margin-top: 27px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-process-item .process-img img {
max-width: 160px;
height: 161px;
border-radius: 50%;
margin-top: 22px;
}
}
.h9-process-item .process-content {
padding: 0 25px 44px;
text-align: center;
position: relative;
z-index: 2;
margin-top: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h9-process-item .process-content {
padding: 0 20px 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-process-item .process-content {
padding: 0 18px 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-process-item .process-content {
padding: 0 20px 35px;
}
}
.h9-process-item .process-content .step {
width: 64px;
height: 64px;
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
border: 6px solid var(--tj-color-common-white);
border-radius: 100%;
font-size: 20px;
font-weight: var(--tj-fw-sbold);
letter-spacing: -0.025em;
line-height: 1;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 6px;
margin-bottom: 20px;
transition: all 0.4s;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-process-item .process-content .step {
width: 62px;
height: 62px;
}
}
@media (max-width: 575px) {
.h9-process-item .process-content .step {
font-size: 17px;
margin-bottom: 15px;
}
}
.h9-process-item .process-content .title {
margin-bottom: 16px;
letter-spacing: -0.025em;
}
@media (max-width: 575px) {
.h9-process-item .process-content .title {
margin-bottom: 10px;
}
}
.h9-process-item .process-content .desc {
line-height: 1.5;
}
.h9-process-item .process-content .desc p:last-child {
margin-bottom: 0;
}
.h9-process-item .step-text {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--tj-color-border-2);
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 48px;
writing-mode: sideways-lr;
line-height: 0.9;
letter-spacing: -0.03em;
position: absolute;
top: 50%;
right: -82px;
transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h9-process-item .step-text {
font-size: 44px;
right: -75px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-process-item .step-text {
font-size: 35px;
right: -47px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-process-item .step-text {
writing-mode: unset;
font-size: 40px;
top: inherit;
bottom: -60px;
right: 50%;
transform: translate(50%, 0);
}
}  .h9-about-statistics {
position: relative;
margin-inline-start: auto;
max-width: 340px;
}
.h9-about-statistics > img {
height: auto;
object-fit: cover;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-about-statistics {
margin-inline-start: auto;
margin-inline-end: auto;
}
}
@media (max-width: 575px) {
.h9-about-statistics {
max-width: 100%;
width: 100%;
text-align: end;
}
.h9-about-statistics > img {
width: calc(100% - 69px);
margin-inline-start: auto;
}
}
.h9-about-circle {
inset-inline-end: auto;
inset-inline-start: 0;
}
.h9-about-circle .circle-wrap {
inset-inline-end: auto;
inset-inline-start: 0;
transform: translateY(-50%) translateX(-50%);
background-color: var(--tj-color-common-white);
border: 9px solid var(--tj-color-theme-bg);
box-sizing: content-box;
}
@media (max-width: 575px) {
.h9-about-circle .circle-wrap {
transform: translateY(-50%) translateX(0);
}
}  .h9-counter-wrapper {
display: flex;
align-items: center;
gap: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-counter-wrapper {
gap: 16px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-counter-wrapper {
gap: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h9-counter-wrapper {
flex-wrap: wrap;
gap: 20px;
}
}
@media (max-width: 575px) {
.h9-counter-wrapper {
justify-content: center;
flex-wrap: wrap;
gap: 30px;
}
}
.h9-counter-item {
position: relative;
width: 100%;
max-width: 224px;
padding: 0;
padding-inline-start: 20px;
z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-counter-item {
padding-inline-start: 16px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-counter-item {
padding-inline-start: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h9-counter-item {
padding-inline-start: 15px;
max-width: 224px;
}
}
@media (max-width: 575px) {
.h9-counter-item {
padding-inline-start: 15px;
max-width: 200px;
}
}
.h9-counter-item::before {
position: absolute;
content: "";
width: 4px;
height: 42%;
top: 30%;
inset-inline-start: 0;
transform: translateY(-50%);
background-color: var(--tj-color-theme-primary);
z-index: 2;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-counter-item::before {
height: 36%;
top: 25%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-counter-item::before {
height: 33%;
top: 23%;
}
}
.h9-counter-item .number {
display: flex;
align-items: center;
color: var(--tj-color-heading-primary);
font-family: var(--tj-ff-heading);
font-size: 70px;
font-weight: var(--tj-fw-sbold);
position: relative;
line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h9-counter-item .number {
font-size: 60px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-counter-item .number {
font-size: 45px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-counter-item .number {
font-size: 44px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-counter-item .number {
font-size: 40px;
}
}
.h9-counter-item .number span {
line-height: 1;
font-family: inherit;
}
.h9-counter-item .sub-title {
line-height: 1.5;
display: block;
margin-inline-start: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-counter-item .sub-title {
margin-inline-start: 5px;
}
}
.h9-counter .elementor-counter-number-wrapper {
position: relative;
}
.h9-counter .elementor-counter-number-wrapper::before {
content: "";
position: absolute;
inset-inline-start: -20px;
top: 10px;
width: 4px;
height: 52px;
background: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-counter .elementor-counter-number-wrapper::before {
top: 5px;
height: 38px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-counter .elementor-counter-number-wrapper::before {
top: 5px;
height: 36px;
}
}
.h9-counter.style-2 .elementor-counter-number-wrapper span.elementor-counter-number-suffix {
font-size: 34px;
}  .h9-blog-item {
position: relative;
display: flex;
flex-wrap: wrap;
background-color: var(--tj-color-theme-bg);
z-index: 1;
}
.h9-blog-item:not(:last-child) {
margin-bottom: 30px;
}
.h9-blog-item .blog_content_wrap {
display: flex;
flex-wrap: wrap;
align-items: start;
max-width: calc(100% - 512px);
width: 100%;
padding: 30px;
gap: 30px;
}
.h9-blog-item .blog_content_wrap .blog_content {
max-width: 500px;
width: 100%;
padding-top: 30px;
}
.h9-blog-item .blog_content_wrap .blog_content .blog_title {
margin: 0;
}
.h9-blog-item .blog_content_wrap .blog_content .blog_title a:hover {
color: var(--tj-color-theme-primary);
}
.h9-blog-item .blog_content_wrap .blog_content .excerpt {
margin-top: 12px;
}
.h9-blog-item .blog_content_wrap .blog_content .blog-two-meta {
margin-top: 40px;
}
.h9-blog-item .blog_img {
max-width: 512px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.h9-blog-item .blog-date {
display: inline-flex;
flex-direction: column;
align-items: center;
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
gap: 10px;
padding: 22px 25px;
}
.h9-blog-item .blog-date .day {
display: inline-flex;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 35px;
line-height: 1;
letter-spacing: -0.03em;
}
.h9-blog-item .blog-date .month {
display: inline-flex;
font-size: 15px;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0.24em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h9-blog-item .blog_content_wrap {
max-width: calc(100% - 470px);
gap: 20px;
}
.h9-blog-item .blog_content_wrap .blog_content {
max-width: 470px;
}
.h9-blog-item .blog_img {
max-width: 470px;
}
.h9-blog-item .blog-date {
padding: 20px 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-blog-item .blog_content_wrap {
max-width: calc(100% - 420px);
gap: 20px;
}
.h9-blog-item .blog_content_wrap .blog_content {
max-width: 100%;
padding-top: 0;
}
.h9-blog-item .blog_img {
max-width: 420px;
}
.h9-blog-item .blog-date {
padding: 20px 20px;
position: absolute;
inset-inline-end: 15px;
top: 15px;
z-index: 2;
}
.h9-blog-item .blog-date .day {
font-size: 28px;
}
.h9-blog-item .blog-date .month {
letter-spacing: 0.14em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-blog-item .blog_content_wrap {
max-width: calc(100% - 320px);
gap: 20px;
}
.h9-blog-item .blog_content_wrap .blog_content {
max-width: 100%;
padding-top: 0;
}
.h9-blog-item .blog_content_wrap .blog_content .blog_title {
font-size: 21px;
}
.h9-blog-item .blog_content_wrap .blog_content .blog-two-meta {
margin-top: 30px;
}
.h9-blog-item .blog_img {
max-width: 320px;
}
.h9-blog-item .blog-date {
padding: 15px 17px;
position: absolute;
inset-inline-end: 15px;
top: 15px;
z-index: 2;
gap: 8px;
}
.h9-blog-item .blog-date .day {
font-size: 25px;
}
.h9-blog-item .blog-date .month {
letter-spacing: 0.14em;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-blog-item {
flex-direction: column-reverse;
}
.h9-blog-item .blog_content_wrap {
max-width: 100%;
}
.h9-blog-item .blog_content_wrap .blog_content {
max-width: 100%;
padding-top: 0;
}
.h9-blog-item .blog_content_wrap .blog_content .blog-two-meta {
margin-top: 30px;
}
.h9-blog-item .blog_img {
max-width: 100%;
min-height: 300px;
}
.h9-blog-item .blog-date {
padding: 15px 17px;
position: absolute;
inset-inline-end: 15px;
top: 15px;
z-index: 2;
gap: 8px;
}
.h9-blog-item .blog-date .day {
font-size: 25px;
}
.h9-blog-item .blog-date .month {
letter-spacing: 0.14em;
}
}
@media (max-width: 575px) {
.h9-blog-item .blog_content_wrap .blog_content .blog_title {
font-size: 20px;
}
.h9-blog-item .blog_content_wrap .blog_content .blog-two-meta {
margin-top: 25px;
}
.h9-blog-item .blog_img {
min-height: 275px;
}
}  .h9-contact-section {
padding-top: 120px;
margin-bottom: 68px;
background-color: var(--tj-color-theme-primary);
position: relative;
z-index: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.h9-contact-section::after {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(5, 18, 41, 0.6);
z-index: -1;
}
.h9-contact-section .sec-heading {
max-width: 534px;
width: 100%;
margin: 0;
}
.h9-contact-section .sec-heading .sub-title {
color: var(--tj-color-theme-primary);
}
.h9-contact-section .sec-heading .sec-title {
color: var(--tj-color-common-white);
}
.h9-contact-section .sec-heading .desc {
max-width: 503px;
width: 100%;
color: var(--tj-color-common-white-2);
}
.h9-contact-section .sec-heading .video-btn-wrap {
margin-bottom: 0;
}
.h9-contact-section .sec-heading .video-btn-wrap .video-btn {
gap: 15px;
}
.h9-contact-section .sec-heading .video-btn-wrap .video-btn .play-btn {
width: 70px;
height: 70px;
font-size: 25px;
}
.h9-contact-section .sec-heading .video-btn-wrap .video-btn .play-btn i,
.h9-contact-section .sec-heading .video-btn-wrap .video-btn .play-btn svg {
margin-inline-start: 0;
}
.h9-contact-wrapper {
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: start;
justify-content: space-between;
}
.h9-contact-wrapper .h9-contact-form_wrap {
max-width: 630px;
margin-bottom: -68px;
}
.h9-contact-form_wrap {
width: 100%;
background-color: var(--tj-color-common-white);
padding: 60px 0 0 0;
}
.h9-contact-form_wrap .form_title {
max-width: 505px;
width: 100%;
margin-bottom: 40px;
padding: 0 50px;
}
.h9-contact-form_wrap .form .form-group {
margin-bottom: 30px;
}
.h9-contact-form_wrap .form .row {
padding: 0 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h9-contact-section .sec-heading {
max-width: 485px;
}
.h9-contact-wrapper .h9-contact-form_wrap {
max-width: 590px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-contact-section {
padding-top: 100px;
}
.h9-contact-section .sec-heading {
max-width: 460px;
}
.h9-contact-wrapper .h9-contact-form_wrap {
max-width: 445px;
}
.h9-contact-form_wrap {
padding: 50px 0 0 0;
}
.h9-contact-form_wrap .form_title {
padding: 0 30px;
}
.h9-contact-form_wrap .form .row {
padding: 0 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-contact-section {
padding-top: 80px;
padding-bottom: 80px;
margin-bottom: 0;
}
.h9-contact-wrapper {
gap: 60px;
}
.h9-contact-wrapper .h9-contact-form_wrap {
max-width: 100%;
margin-bottom: 0;
}
.h9-contact-form_wrap {
padding: 50px 0 0 0;
}
.h9-contact-form_wrap .form_title {
padding: 0 30px;
}
.h9-contact-form_wrap .form .row {
padding: 0 30px;
}
}
@media (max-width: 575px) {
.h9-contact-section .sec-heading .video-btn-wrap .video-btn .play-btn {
width: 50px;
height: 50px;
font-size: 18px;
}
.h9-contact-section .sec-heading .video-btn-wrap .video-btn .play-btn i,
.h9-contact-section .sec-heading .video-btn-wrap .video-btn .play-btn svg {
margin-inline-start: 0;
}
.h9-contact-wrapper {
gap: 50px;
}
.h9-contact-form_wrap {
padding: 40px 0 0 0;
}
.h9-contact-form_wrap .form_title {
padding: 0 20px;
}
.h9-contact-form_wrap .form .row {
padding: 0 2cqh;
}
}
.video-btn-wrap.style-2 {
margin: 0;
}
.video-btn-wrap.style-2 .video-btn {
display: inline-flex;
gap: 15px;
}
.video-btn-wrap.style-2 .video-btn .play-btn {
width: 70px;
height: 70px;
font-size: 25px;
}
.video-btn-wrap.style-2 .video-btn .play-btn i,
.video-btn-wrap.style-2 .video-btn .play-btn svg {
margin-inline-start: 0;
}
@media (max-width: 575px) {
.video-btn-wrap.style-2 .video-btn .play-btn {
width: 50px;
height: 50px;
font-size: 18px;
}
.video-btn-wrap.style-2 .video-btn .play-btn i,
.video-btn-wrap.style-2 .video-btn .play-btn svg {
margin-inline-start: 0;
}
}
.form-group {
display: flex;
position: relative;
}
.form-group .wpcf7-form-control-wrap {
width: 100%;
}
.form-group input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.form-group textarea,
.form-group .nice-select {
width: 100%;
border: 1px solid var(--tj-color-border-2);
color: var(--tj-color-text-body);
background-color: var(--tj-color-common-white);
outline: none;
box-shadow: 0 0 0;
padding: 10px 15px;
border-radius: 0;
transition: 0.3s;
}
.form-group input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder,
.form-group textarea::placeholder,
.form-group .nice-select::placeholder {
color: var(--tj-color-text-body);
}
.form-group input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.form-group textarea:focus,
.form-group .nice-select:focus {
border-color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-bg);
}
.form-group textarea {
height: 215px;
}
.form-group .nice-select {
height: 48px;
line-height: 1.6;
}
.form-group .nice-select::after {
display: none;
}
.form-group .nice-select::before {
position: absolute;
content: "\e91a";
font-family: "solvior-icons";
top: 17px;
transform: rotate(0deg);
inset-inline-end: 13px;
font-size: 16px;
line-height: 1;
color: var(--tj-color-theme-dark);
}
.form-group .nice-select .list {
width: 100%;
border-radius: 0;
}
.form-group .nice-select.open::before {
transform: rotate(-180deg);
}
.form-button button[type=submit],
.form-button input[type=submit] {
display: flex;
width: 100%;
background-color: var(--tj-color-theme-primary);
justify-content: center;
align-items: center;
gap: 6px;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 20px;
line-height: 1;
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
padding: 24px 20px;
}
.form-button button[type=submit] i,
.form-button button[type=submit] svg,
.form-button input[type=submit] i,
.form-button input[type=submit] svg {
font-size: 18px;
transition: 0.4s;
}
.form-button button[type=submit]:hover i,
.form-button button[type=submit]:hover svg,
.form-button input[type=submit]:hover i,
.form-button input[type=submit]:hover svg {
transform: rotate(45deg);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.form-button button[type=submit],
.form-button input[type=submit] {
font-size: 18px;
}
.form-button button[type=submit] i,
.form-button button[type=submit] svg,
.form-button input[type=submit] i,
.form-button input[type=submit] svg {
font-size: 16px;
}
}
@media (max-width: 575px) {
.form-button button[type=submit],
.form-button input[type=submit] {
font-size: 16px;
}
.form-button button[type=submit] i,
.form-button button[type=submit] svg,
.form-button input[type=submit] i,
.form-button input[type=submit] svg {
font-size: 15px;
}
}  .h9-team-section .sec-heading .more_team {
margin-top: 30px;
}
.h9-team-item {
background-color: var(--tj-color-theme-bg);
}
.h9-team-item .team_image img {
width: 100%;
}
.h9-team-item .team_content {
padding: 20px 30px 25px 30px;
}
.h9-team-item .team_content .name {
margin: 0;
}
.h9-team-item .team_content .name a:hover {
color: var(--tj-color-theme-primary);
}
.h9-team-item .team_content .designation {
display: block;
margin-top: 10px;
font-size: 14px;
line-height: 1.2;
}
.h9-team-item .team_content .socials {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 13px;
}
.h9-team-item .team_content .socials li {
display: inline-flex;
line-height: 1;
}
.h9-team-item .team_content .socials li a {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
font-size: 14px;
background-color: var(--tj-color-theme-dark);
color: var(--tj-color-common-white);
opacity: 0.4;
border-radius: 50%;
}
.h9-team-item .team_content .socials li a i,
.h9-team-item .team_content .socials li a svg {
display: inline-flex;
line-height: 1;
}
.h9-team-item .team_content .socials li a:hover {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
opacity: 1;
}
.h9-team-item .team_content .socials li a:hover i,
.h9-team-item .team_content .socials li a:hover svg {
color: var(--tj-color-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-team-section .sec-heading {
margin-bottom: 10px;
}
.h9-team-section .sec-heading .desc {
margin-bottom: 0;
}
.h9-team-section .more_team {
margin-top: 40px;
}
}  .h9-brands {
display: grid;
grid-template-columns: repeat(7, 1fr);
border-top: 1px solid var(--tj-color-border-2);
border-inline-start: 1px solid var(--tj-color-border-2);
}
.h9-brands .brand_item {
display: flex;
justify-content: center;
align-items: center;
height: 192px;
background-color: var(--tj-color-common-white);
border-inline-end: 1px solid var(--tj-color-border-2);
border-bottom: 1px solid var(--tj-color-border-2);
}
.h9-brands .brand_item div {
position: relative;
}
.h9-brands .brand_item div img {
display: block;
max-width: 100%;
object-fit: contain;
filter: opacity(0.4);
transition: all 500ms ease;
}
.h9-brands .brand_item div img:first-child {
position: absolute;
inset-inline-start: 0px;
top: 0px;
inset-inline-end: 0px;
bottom: 0px;
z-index: 1;
transform: translateX(50%) scaleX(1.5);
opacity: 0;
filter: blur(10px);
}
.h9-brands .brand_item a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.h9-brands .brand_item a:hover div img {
filter: opacity(1);
}
.h9-brands .brand_item a:hover div img:first-child {
transform: translateX(0) scaleX(1);
opacity: 1;
filter: blur(0);
}
.h9-brands .brand_item a:hover div img:last-child {
transform: translateX(-50%) scaleX(1.5);
opacity: 0;
filter: blur(10px);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-brands {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.h9-brands .brand_item {
height: 160px;
}
}
@media (max-width: 575px) {
.h9-brands {
grid-template-columns: repeat(2, 1fr);
}
.h9-brands .brand_item {
height: 150px;
}
}  .h9-cta .newsletter-form {
max-width: 400px;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-cta .newsletter-form {
max-width: 370px;
}
}
.h9-cta .newsletter-form .form-input {
position: relative;
z-index: 2;
}
.h9-cta .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]),
.h9-cta .newsletter-form .form-input .footer-widget .newsletter-form .form-input input[type=email] {
color: var(--tj-color-heading-primary);
font-weight: var(--tj-fw-regular);
font-size: 16px;
padding: 18px 80px 18px 25px;
background: var(--tj-color-common-white);
border-radius: 70px;
}
.h9-cta .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox])::placeholder,
.h9-cta .newsletter-form .form-input .footer-widget .newsletter-form .form-input input[type=email]::placeholder {
color: var(--tj-color-common-black-2);
font-weight: var(--tj-fw-regular);
font-size: 16px;
}
.h9-cta .newsletter-form .form-input input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus,
.h9-cta .newsletter-form .form-input .footer-widget .newsletter-form .form-input input[type=email]:focus {
border-color: var(--tj-color-theme-primary);
color: var(--tj-color-theme-primary);
}
@media (max-width: 575px) {
.h9-cta .newsletter-form {
max-width: 100%;
}
}
.h9-cta .newsletter-form .tj-primary-btn {
position: absolute;
inset-inline-end: 4px;
top: 50%;
transform: translateY(-50%);
}
.h9-cta .newsletter-form .tj-primary-btn .btn_inner {
padding: 15px 43px 15px 20px;
}
.h9-cta .newsletter-form .tj-primary-btn .btn_inner::before {
width: 100%;
background-color: var(--tj-color-theme-dark);
}
.h9-cta .newsletter-form .tj-primary-btn .btn_icon {
inset-inline-start: auto;
inset-inline-end: 0;
top: -4px;
} .h9-testimonial-section {
overflow: hidden;
}
.h9-testimonial-wrapper {
position: relative;
z-index: 1;
max-width: 960px;
margin: 0 auto;
}
.h9-testimonial-wrapper .swiper_pagination {
background-color: var(--tj-color-common-white);
position: absolute;
bottom: 0;
margin: 0;
padding-top: 50px;
}
.h9-testimonial-wrapper .client-thumb-wrap {
background-color: var(--tj-color-theme-bg);
border-top: 1px solid var(--tj-color-border-2);
}
.h9-testimonial-wrapper .client-thumb {
max-width: 870px;
margin: 0 auto;
padding: 30px 15px 35px;
}
.h9-testimonial-wrapper .client-thumb .testimonial-author {
display: flex;
align-items: center;
gap: 10px;
position: relative;
padding: 10px;
border-radius: 70px;
opacity: 0.3;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-testimonial-wrapper .client-thumb .testimonial-author {
max-width: 245px;
width: 100%;
}
}
.h9-testimonial-wrapper .client-thumb .testimonial-author .author-images {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
flex: 0 0 auto;
background-color: var(--tj-color-theme-bg);
}
.h9-testimonial-wrapper .client-thumb .testimonial-author .author-images img {
width: 100%;
height: 100%;
object-fit: cover;
mix-blend-mode: luminosity;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-testimonial-wrapper .client-thumb .testimonial-author .author-images {
width: 65px;
height: 65px;
}
}
.h9-testimonial-wrapper .client-thumb .testimonial-author .author-text .title {
margin-bottom: 0;
letter-spacing: -0.025em;
}
.h9-testimonial-wrapper .client-thumb .testimonial-author .author-text .designation {
display: block;
color: var(--tj-color-common-black-2);
}
.h9-testimonial-wrapper .client-thumb .swiper-slide-active .testimonial-author {
background-color: var(--tj-color-common-white);
opacity: 1;
}
.h9-testimonial-wrapper .testimonial-navigation {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
width: 100%;
justify-content: space-between;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-testimonial-wrapper .testimonial-navigation {
display: none;
}
}
.h9-testimonial-wrapper .navigation {
width: 60px;
height: 60px;
margin-top: -60px;
background-color: var(--tj-color-common-white);
}
.h9-testimonial-wrapper .slider-prev {
margin-inline-start: -90px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-testimonial-wrapper .slider-prev {
margin-inline-start: -25px;
}
}
.h9-testimonial-wrapper .slider-next {
margin-inline-end: -90px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-testimonial-wrapper .slider-next {
margin-inline-end: -25px;
}
}
.h9-testimonial-slider {
background-color: var(--tj-color-theme-bg);
padding-bottom: 80px;
}
.h9-testimonial-item {
padding: 0 40px 25px;
}
.h9-testimonial-item .testimonial-content {
max-width: 840px;
margin: 0 auto;
}
.h9-testimonial-item .testimonial-quote {
width: 120px;
height: 136px;
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/h5-author-mask.svg);
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--tj-color-common-white);
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 72px;
color: var(--tj-color-theme-primary);
margin: -1px auto 20px;
}
.h9-testimonial-item .testimonial-quote i {
margin-top: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-testimonial-item .testimonial-quote {
width: 110px;
height: 126px;
font-size: 60px;
}
}
.h9-testimonial-item .desc {
font-size: 24px;
line-height: 1.667;
text-align: center;
letter-spacing: -0.04em;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-medium);
}
.h9-testimonial-item .desc p {
margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-testimonial-item .desc {
font-size: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-testimonial-item .desc {
font-size: 18px;
}
}
@media (max-width: 575px) {
.h9-testimonial-item {
padding: 0 20px 25px;
}
}  .h9-case-study {
overflow: hidden;
}
.h9-case-study-inner {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
padding: 0 18px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-case-study-inner {
gap: 20px;
padding: 0 8px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-case-study-inner {
gap: 15px;
padding: 0 3px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-case-study-inner {
flex-direction: column;
}
}
.h9-case-study-item {
width: 240px;
height: 585px;
transition: all 0.5s ease-in-out;
}
@media (min-width: 2120px) {
.h9-case-study-item {
width: 300px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-case-study-item {
height: 400px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-case-study-item {
width: 100%;
height: 100px;
}
}
.h9-case-study-item-inner {
z-index: 0;
height: 100%;
min-height: 100%;
background-color: var(--tj-color-theme-dark);
background-blend-mode: luminosity;
}
.h9-case-study-item-inner::after, .h9-case-study-item-inner::before {
content: " ";
width: 100%;
height: 0;
background: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, #051229 100%);
position: absolute;
inset-inline-start: 0;
bottom: 0;
transition: all 0.4s 0.3s;
z-index: 1;
}
.h9-case-study-item-inner::before {
height: 100%;
background: rgba(5, 18, 41, 0.7);
transition-duration: 0;
opacity: 1;
}
.h9-case-study-item .case-study-content {
background-color: transparent;
padding: 30px 30px;
max-width: 100%;
z-index: 2;
transition-delay: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h9-case-study-item .case-study-content {
padding: 20px 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h9-case-study-item .case-study-content {
padding: 20px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-case-study-item .case-study-content {
padding: 20px 10px;
}
}
@media (max-width: 575px) {
.h9-case-study-item .case-study-content {
padding: 15px 15px;
}
}
.h9-case-study-item .case-study-content .case-study-text {
align-items: flex-end;
gap: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-case-study-item .case-study-content .case-study-text {
flex-wrap: wrap;
gap: 18px;
}
}
.h9-case-study-item .case-study-content .case-study-text .title-area {
max-width: calc(100% - 80px);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h9-case-study-item .case-study-content .case-study-text .title-area {
max-width: 100%;
}
}
.h9-case-study-item .case-study-content .case-study-text .title {
max-width: 100%;
letter-spacing: -0.025em;
}
.h9-case-study-item .case-study-content .case-study-text .title a {
color: var(--tj-color-common-white);
margin-bottom: 15px;
}
.h9-case-study-item .case-study-content .case-study-text .title a:hover {
color: var(--tj-color-common-white);
letter-spacing: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-case-study-item .case-study-content .case-study-text .title br {
display: none;
}
}
.h9-case-study-item .case-study-content .category {
margin-bottom: 0;
}
.h9-case-study-item .case-study-content .category li a {
color: var(--tj-color-common-white);
background-color: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(50px);
border: 0;
margin-bottom: 0 !important;
}
.h9-case-study-item .case-study-content .category li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
}
.h9-case-study-item .case-study-content .icon-btn {
background-color: transparent;
border: 1px solid var(--tj-color-common-white);
}
.h9-case-study-item .case-study-content .icon-btn:hover {
border-color: var(--tj-color-theme-primary);
}
.h9-case-study-item:hover .case-study-content {
transform: translateY(100%);
}
.h9-case-study-item.active {
width: 780px;
place-content: unset;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-case-study-item.active {
width: 100%;
height: 300px;
}
}
.h9-case-study-item.active .h9-case-study-item-inner {
background-blend-mode: normal;
}
.h9-case-study-item.active .h9-case-study-item-inner::after {
height: 100%;
opacity: 0.8;
}
.h9-case-study-item.active .h9-case-study-item-inner::before {
opacity: 0;
}
.h9-case-study-item.active .h9-case-study-item-inner .case-study-content, .h9-case-study-item.active .h9-case-study-item-inner:hover {
transform: translateY(0);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h9-case-study-item {
width: 100%;
height: 300px;
}
.h9-case-study-item .h9-case-study-item-inner {
background-blend-mode: normal;
}
.h9-case-study-item .h9-case-study-item-inner::after {
height: 100%;
opacity: 0.8;
}
.h9-case-study-item .h9-case-study-item-inner::before {
opacity: 0;
}
.h9-case-study-item .h9-case-study-item-inner .case-study-content, .h9-case-study-item .h9-case-study-item-inner:hover {
transform: translateY(0);
}
}  .tj-header-area.header-10.header-absolute .header-wrapper {
padding: 0px 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area.header-10.header-absolute .header-wrapper {
padding: 10px 15px;
}
}
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) {
column-gap: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) {
column-gap: 15px;
}
}
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li > a {
column-gap: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li > a {
column-gap: 12px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li > a {
column-gap: 10px;
}
}
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li > a::after {
display: none;
}
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li > a::before {
content: "";
width: 4px;
height: 4px;
border-radius: 100%;
background: rgba(247, 247, 247, 0.1);
transition: all 0.3s ease-in-out 0s;
}
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li > a:hover {
color: var(--tj-color-theme-primary);
}
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li.current-menu-ancestor > a, .tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li.current-menu-item > a, .tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li:hover > a {
color: var(--tj-color-common-white);
}
.tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li.current-menu-ancestor > a::before, .tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li.current-menu-item > a::before, .tj-header-area.header-10 .mainmenu ul:not(.sub-menu) > li:hover > a::before {
background: rgb(247, 247, 247);
}
.tj-header-area.header-10 .header_btn.tj-primary-btn {
background-color: var(--tj-color-common-white);
}
.tj-header-area.header-10 .header_btn.tj-primary-btn .btn_text {
color: var(--tj-color-theme-dark);
}
.tj-header-area.header-10 .header_btn.tj-primary-btn:hover .btn_text {
color: var(--tj-color-common-white);
}
.tj-header-area .header-10-topbar {
background-color: var(--tj-color-common-white);
padding: 9px 24px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.tj-header-area .header-10-topbar {
padding: 9px 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-header-area .header-10-topbar {
padding: 12px 15px;
}
}
.tj-header-area .header-10-topbar .topbar_note {
color: var(--tj-color-theme-dark);
}
.tj-header-area .header-10-topbar .topbar_note a > span::after {
background-color: var(--tj-color-theme-dark);
}
.tj-header-area .header-10-topbar .topbar_note i {
color: var(--tj-color-text-body);
}
.tj-header-area .header-10-topbar .topbar_infos .info_item {
color: var(--tj-color-theme-dark);
}
.tj-header-area .header-10-topbar .topbar_infos .info_item i {
color: var(--tj-color-text-body);
}  .h10-footer-cta-btn {
width: 70px;
height: 70px;
background-color: var(--tj-color-theme-primary);
font-size: 28px;
flex-shrink: 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-footer-cta-btn {
width: 60px;
height: 60px;
font-size: 26px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-footer-cta-btn {
width: 50px;
height: 50px;
font-size: 22px;
}
}
.h10-footer-cta-btn i {
text-shadow: -50px 0 0;
}
.h10-footer-cta-btn:hover i {
transform: rotate(-45deg) translateX(50px);
}  .h10-about-section {
position: relative;
background-color: var(--tj-color-theme-bg);
}
.h10-about-content-wrap {
padding-inline-start: 80px;
}
.h10-about-content-wrap .sec-heading {
margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-about-content-wrap {
padding-inline-start: 30px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-about-content-wrap {
padding-inline-start: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-about-content-wrap {
max-width: 100%;
padding-inline-start: 0;
padding-bottom: 40px;
}
}
.h10-about-content-wrap .btn-area {
margin-top: 25px;
}
.h6-insight_accordion.h10-about-accordion {
border-inline-start: 0;
border-inline-end: 0;
margin-bottom: 0;
}
.h6-insight_accordion.h10-about-accordion .accordion_item .accordion_title {
padding: 20px 40px 20px 0;
display: inline-flex;
align-items: center;
gap: 8px;
}
.h6-insight_accordion.h10-about-accordion .accordion_item .accordion_title::before {
content: "\e91e";
font-family: "solvior-icons" !important;
font-style: normal;
font-weight: normal;
font-size: 19px;
position: absolute;
top: 50%;
inset-inline-end: 0;
width: 25px;
height: 25px;
border: 0;
border-radius: 0;
transform: translateY(-50%);
color: var(--tj-color-heading-primary);
}
.h6-insight_accordion.h10-about-accordion .accordion_item .accordion_title:not(.collapsed)::before {
content: "\e91e";
transform: translateY(-50%) rotate(-180deg);
}
.h6-insight_accordion.h10-about-accordion .accordion_item .accordion_title:not(.collapsed) .subtitle {
color: var(--tj-color-theme-primary);
}
.h6-insight_accordion.h10-about-accordion .accordion_item .accordion_title .subtitle {
font-size: 20px;
color: var(--tj-color-common-black-2);
margin-bottom: 0;
}
@media (max-width: 575px) {
.h6-insight_accordion.h10-about-accordion .accordion_item .accordion_title .subtitle {
font-size: 17px;
}
}
.h6-insight_accordion.h10-about-accordion .accordion_item .accordion_desc .accordion-body {
padding: 0 20px 22px 0;
}  .h10-counter-section {
background-color: var(--tj-color-theme-dark);
overflow: hidden;
}
.h10-counter-section .counter-wrapper {
background-color: var(--tj-color-theme-dark);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h10-counter-section .counter-wrapper {
max-width: 100%;
}
}
.counter-item.style-2 {
max-width: 25%;
border-color: var(--tj-color-border-1);
padding: 54px 80px 60px 80px;
}
.counter-item.style-2 .counter-item-inner {
max-width: 190px;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.counter-item.style-2 .counter-item-inner {
max-width: 130px;
}
}
.counter-item.style-2::before {
border: 3px solid var(--tj-color-theme-dark);
background-color: var(--tj-color-theme-primary);
}
.counter-item.style-2::after {
background-color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.counter-item.style-2::after {
width: 16px;
height: 16px;
inset-inline-end: -8px;
}
}
.counter-item.style-2 .number {
color: var(--tj-color-common-white);
}
.counter-item.style-2 .sub-title {
color: var(--tj-color-common-white-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.counter-item.style-2 {
padding: 50px 60px 60px 80px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.counter-item.style-2 {
padding: 50px 20px 60px 70px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.counter-item.style-2 {
padding: 40px 20px 50px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.counter-item.style-2 {
max-width: 50%;
padding: 30px 20px 35px;
}
}
@media (max-width: 575px) {
.counter-item.style-2 {
max-width: 50%;
padding: 30px 15px;
}
}  .h10-service-item {
padding: 50px 30px;
border: 1px solid var(--tj-color-border-2);
border-bottom: 0;
position: relative;
transition: all 0.3s ease-in-out;
}
.h10-service-item .service-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 90px;
height: 90px;
line-height: 1;
font-size: 70px;
color: var(--tj-color-theme-primary);
background: var(--tj-color-theme-bg);
border-radius: 50%;
position: relative;
z-index: 2;
transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-service-item .service-icon {
font-size: 50px;
width: 70px;
height: 70px;
}
}
.h10-service-item:hover {
background-color: var(--tj-color-theme-bg);
}
.h10-service-item:hover .service-icon {
background-color: var(--tj-color-theme-primary);
color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-service-item {
padding: 40px 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-service-item {
padding: 30px 20px;
}
}
.h10-service-item:first-child .service-reveal-bg {
margin-top: 20px;
}
.h10-service-item:last-child {
border-bottom: 1px solid var(--tj-color-border-2);
}
.h10-service-item:last-child .service-reveal-bg {
margin-top: -20px;
}
.h10-service-item:hover .service-reveal-bg {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.service-content-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
}
.service-content-wrap .service-title {
display: flex;
flex: wrap;
align-items: center;
max-width: 370px;
width: 100%;
gap: 20px;
}
.service-content-wrap .service-title .title {
margin-bottom: 0;
}
.service-content-wrap .service-title .title a:hover {
color: var(--tj-color-theme-primary);
}
.service-content-wrap .service-content .desc {
max-width: 330px;
width: 100%;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-content-wrap .service-content .desc {
max-width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-content-wrap .service-content {
margin-top: 20px;
padding-inline-start: 90px;
}
}
.service-content-wrap .service-btn {
display: inline-flex;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-content-wrap .service-btn {
margin-top: 30px;
padding-inline-start: 90px;
}
}
.service-reveal-bg {
position: absolute;
top: 50%;
inset-inline-start: 43%;
width: 290px;
height: 290px;
opacity: 0;
overflow: hidden;
pointer-events: none;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transform: translate(-50%, -50%) scale(0.7);
transition: opacity 0.6s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.service-reveal-bg {
width: 250px;
height: 250px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.service-reveal-bg {
display: none;
}
}
.service-btn-area {
margin-top: 60px;
}  .tj-video-section {
position: relative;
overflow: hidden;
z-index: 1;
}
.tj-video-section .tj-video-bg {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
height: 130%; background-size: cover;
background-position: center;
will-change: transform;
}
.tj-video-section .tj-video-bg::before {
content: "";
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-dark);
opacity: 0.5;
z-index: 1;
}
.tj-video-section .video-btn-wrap {
display: flex;
align-items: center;
justify-content: center;
min-height: 777px;
margin: 0;
}
@media xl {
.tj-video-section .video-btn-wrap {
min-height: 650px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-video-section .video-btn-wrap {
min-height: 550px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-video-section .video-btn-wrap {
min-height: 400px;
}
}
.tj-video-section .video-btn-wrap .video-btn {
max-width: 112px;
}
.tj-video-section .video-btn-wrap .video-btn .play-btn {
background-color: rgba(247, 247, 247, 0.1);
color: var(--tj-color-common-white);
width: 112px;
height: 112px;
border-radius: 50%;
font-size: 20px;
position: relative;
backdrop-filter: blur(50px);
animation: pulse-two 2s infinite;
z-index: 5;
}
.tj-video-section .video-btn-wrap .video-btn .play-btn i {
line-height: 1;
display: inline-flex;
margin-inline-start: 2px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.tj-video-section .video-btn-wrap .video-btn .play-btn {
width: 90px;
height: 90px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-video-section .video-btn-wrap .video-btn .play-btn {
font-size: 16px;
width: 70px;
height: 70px;
}
}
.tj-video-section .video-btn-wrap .video-btn:hover {
transform: scale(0.9);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.tj-video-section .video-btn-wrap .video-btn {
gap: 10px;
}
} .h10-hero {
position: relative;
overflow: visible;
padding: 0 0 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero {
padding: 0 0 60px;
}
}
.h10-hero-inner {
overflow: visible;
}
.h10-hero-inner::before {
display: none;
}
.h10-hero-content {
min-height: 90vh;
max-width: 812px;
width: 100%;
padding-top: 0;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
height: 100%;
z-index: 1;
padding: 232px 0 80px 12px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-hero-content {
max-width: 100%;
min-height: 787px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-content {
max-width: 100%;
min-height: auto;
padding: 70px 0 70px 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-content {
min-height: 690px;
padding: 200px 0 70px 12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h10-hero-content {
max-width: 100%;
min-height: 675px;
padding: 110px 0 70px;
}
}
@media (max-width: 575px) {
.h10-hero-content {
max-width: 100%;
min-height: 761px;
padding: 140px 0 70px;
}
}
.h10-hero-content .hero-title {
color: var(--tj-color-common-white);
font-size: 110px;
letter-spacing: -0.025em;
line-height: 1;
margin-bottom: 20px;
}
.h10-hero-content .hero-title span {
color: var(--tj-color-theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-hero-content .hero-title {
font-size: 100px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-hero-content .hero-title {
font-size: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-content .hero-title {
font-size: 80px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h10-hero-content .hero-title {
font-size: 68px;
text-align: center;
}
}
@media (max-width: 575px) {
.h10-hero-content .hero-title {
font-size: 50px;
text-align: center;
}
}
.h10-hero-content .desc {
font-size: 18px;
color: var(--tj-color-common-white-2);
font-weight: var(--tj-fw-regular);
max-width: 524px;
width: 100%;
line-height: 1.5;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-hero-content .desc {
max-width: 433px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-content .desc {
max-width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-content .desc {
text-align: center;
}
}
.h10-hero-content .desc p:last-child {
margin-bottom: 0;
}
.h10-hero-sroll-down {
position: absolute;
inset-inline-start: 24px;
bottom: 9%;
max-width: 365px;
color: var(--tj-color-common-white-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-hero-sroll-down {
inset-inline-start: 12px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-hero-sroll-down {
inset-inline-start: 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-sroll-down {
max-width: 361px;
inset-inline-start: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-sroll-down {
position: static;
text-align: center;
margin: 30px auto 0;
}
}
.h10-hero-sroll-down-icon {
animation: bounce2 2s infinite;
}
.h10-hero-stat {
position: absolute;
inset-inline-end: 0;
bottom: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-hero-stat {
inset-inline-end: 12px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-hero-stat {
inset-inline-end: 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-stat {
inset-inline-end: 12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h10-hero-stat {
inset-inline-end: 50%;
transform: translateX(50%);
max-width: 410px;
width: 100%;
bottom: -57px;
}
}
@media (max-width: 575px) {
.h10-hero-stat {
inset-inline-end: 50%;
transform: translateX(50%);
width: 100%;
max-width: 100%;
bottom: -54px;
}
}
.h10-hero-stat-inner {
display: flex;
gap: 15px;
align-items: center;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
padding: 30px 20px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-stat-inner {
padding: 20px 10px 30px 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-stat-inner {
padding: 20px 10px 30px 15px;
}
}
@media (max-width: 575px) {
.h10-hero-stat-inner {
text-align: center;
flex-direction: column;
gap: 15px;
}
}
.h10-hero-stat-chart {
width: 185px;
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-stat-chart {
width: 157px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-stat-chart {
width: 157px;
}
}
.h10-hero-stat-chart-text {
position: absolute;
inset-inline-start: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: var(--tj-fw-bold);
color: var(--tj-color-common-white-2);
margin: 3px 0 0;
line-height: 1;
}
.h10-hero-stat .h10-hero-counter-item .number {
color: var(--tj-color-common-white);
}
@media (max-width: 575px) {
.h10-hero-stat .h10-hero-counter-item .number {
flex: 0 0 auto;
}
}
.h10-hero-stat .h10-hero-counter-item .number sup {
font-size: 0.53em;
top: -0.8em;
}
.h10-hero-stat .h10-hero-counter-item .sub-title {
color: var(--tj-color-common-white-2);
}
.h10-hero-stat-action .tj-primary-btn {
background-color: var(--tj-color-theme-primary);
width: 100%;
border-radius: 0;
justify-content: space-between;
text-align: start;
font-size: 18px;
font-weight: var(--tj-fw-sbold);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-stat-action .tj-primary-btn {
font-size: 16px;
text-align: start;
}
}
.h10-hero-stat-action .tj-primary-btn .btn_inner {
padding: 15px 43px 15px 24px;
text-align: start;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-stat-action .tj-primary-btn .btn_inner {
padding: 15px 33px 15px 19px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-stat-action .tj-primary-btn .btn_inner {
padding: 15px 33px 15px 19px;
text-align: start;
}
}
.h10-hero-stat-action .tj-primary-btn .btn_inner::before {
width: 100%;
background-color: var(--tj-color-theme-primary);
}
.h10-hero-stat-action .tj-primary-btn .btn_icon {
inset-inline-start: auto;
inset-inline-end: 10px;
transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-stat-action .tj-primary-btn .btn_icon {
inset-inline-end: 5px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-stat-action .tj-primary-btn .btn_icon {
inset-inline-end: 5px;
}
}
.h10-hero-counter-item {
position: relative;
width: 100%;
max-width: 228px;
padding: 0;
z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h10-hero-counter-item {
max-width: 228px;
}
}
@media (max-width: 575px) {
.h10-hero-counter-item {
max-width: 100%;
display: flex;
}
}
.h10-hero-counter-item .number {
display: flex;
align-items: center;
color: var(--tj-color-heading-primary);
font-family: var(--tj-ff-heading);
font-size: 88px;
font-weight: var(--tj-fw-sbold);
position: relative;
line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-hero-counter-item .number {
font-size: 78px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-hero-counter-item .number {
font-size: 58px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-hero-counter-item .number {
font-size: 58px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-hero-counter-item .number {
font-size: 48px;
}
}
.h10-hero-counter-item .number span {
line-height: 1;
font-family: inherit;
}
.h10-hero-counter-item .sub-title {
line-height: 1.5;
display: block;
margin-inline-start: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
.h10-hero-counter-item .sub-title {
margin-inline-start: 5px;
}
}
@media (max-width: 575px) {
.h10-hero-counter-item .sub-title {
text-align: start;
margin-inline-start: 15px;
}
}  .h10-feature .sec-heading .sec-title img,
.h10-feature .sec-heading .sec-title svg {
width: 44px;
height: 44px;
border-radius: 100%;
}
.h10-feature .sec-heading .sec-title span {
color: var(--tj-color-common-white-2);
}
.h10-feature-item {
border: 0;
background-color: var(--tj-color-theme-bg);
height: 100%;
padding: 40px 30px 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), (max-width: 575px) {
.h10-feature-item {
padding: 35px 15px;
}
}
.h10-feature-item-2 {
background-color: var(--tj-color-theme-primary);
padding: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-feature-item-2 {
padding: 0;
}
}
.h10-feature-item-2 .feature-content {
padding: 40px 30px 16px;
}
.h10-feature-item-2 .feature-content .title {
color: var(--tj-color-common-white);
}
.h10-feature-item-2 .feature-content .desc {
color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), (max-width: 575px) {
.h10-feature-item-2 .feature-content {
padding: 35px 15px;
}
}
.h10-feature-item-2 .feature-chart-img img {
width: 100%;
}
.h10-feature-img-item {
position: relative;
height: 100%;
}
.h10-feature-img-item .feature-img {
height: 100%;
width: 100%;
}
.h10-feature-img-item .feature-img img {
height: 100%;
width: 100%;
object-fit: cover;
}
.h10-feature-img-item .feature-content {
position: absolute;
inset-inline-start: 15px;
inset-inline-end: 15px;
bottom: 15px;
padding: 10px 20px;
border-radius: 30px;
background: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
z-index: 1;
}
.h10-feature-img-item .feature-content .title {
margin-bottom: 0;
line-height: 1;
color: var(--tj-color-common-white);
}
.h10-feature-img-item-2 .feature-content {
background: var(--tj-color-theme-dark);
backdrop-filter: blur(0);
} .h10-testimonial {
background-color: var(--tj-color-theme-bg);
overflow: hidden;
position: relative;
z-index: 2;
}
.h10-testimonial .sec-heading .desc {
margin-bottom: 0;
max-width: 400px;
}
.h10-testimonial .sec-title {
max-width: 550px;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-testimonial .sec-text .swiper_navigations {
width: 180px;
}
}
.h10-testimonial .h6-testimonial-slider {
margin-inline-end: 0;
margin-inline-start: 0;
}
.h10-testimonial-item.style-6 {
padding: 22px 30px 30px;
}
@media (max-width: 575px) {
.h10-testimonial-item.style-6 {
padding: 22px 20px 30px;
}
}
.h10-testimonial-item.style-6 .testimonial-content .tj-testimonial-author {
width: 100%;
padding-bottom: 22px;
border-bottom: 1px dashed var(--tj-color-border-2);
margin-top: 0;
gap: 14px;
}
@media (max-width: 575px) {
.h10-testimonial-item.style-6 .testimonial-content .tj-testimonial-author {
margin-bottom: 10px;
}
}
.h10-testimonial-item.style-6 .testimonial-content .author-images {
mask-image: url(//swissomat.com/wp-content/themes/solvior/assets/images/shapes/test-shapes.svg);
height: 90px;
width: 110px;
margin-bottom: 0;
margin-inline-start: -33px;
}
@media (max-width: 575px) {
.h10-testimonial-item.style-6 .testimonial-content .author-images {
margin-inline-start: -23px;
}
}
.h10-testimonial-item.style-6 .testimonial-content .author-images img {
top: 8px;
inset-inline-end: 11px;
}
.h10-testimonial-item.style-6 .testimonial-content .desc {
padding-bottom: 0;
border-bottom: 0;
}  .h10-projects-section .sec-heading {
max-width: 550px;
width: 100%;
margin-inline-start: auto;
margin-inline-end: auto;
margin-bottom: 60px;
}
.h10-projects_wrap .h10-projects_item:not(:last-child) {
margin-bottom: 30px;
}
.h10-projects_item {
position: relative;
height: 670px;
z-index: 1;
}
.h10-projects_item .h10-project-img {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: -1;
}
.h10-projects_item::before {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, #051229 84%);
z-index: 1;
}
.h10-projects_item .project_content {
max-width: 460px;
width: 100%;
background-color: rgba(247, 247, 247, 0.15);
backdrop-filter: blur(35px);
padding: 35px 30px;
position: absolute;
inset-inline-end: 60px;
bottom: 70px;
z-index: 2;
}
.h10-projects_item .project_content .category {
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
line-height: 1;
gap: 11px;
margin-bottom: 12px;
}
.h10-projects_item .project_content .category li {
display: inline-flex;
line-height: 1;
}
.h10-projects_item .project_content .category li a {
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: 1px solid rgba(247, 247, 247, 0.15);
border-radius: 40px;
font-family: Lato;
font-size: 14px;
line-height: 1;
color: var(--tj-color-common-white);
padding: 5px 9px;
}
.h10-projects_item .project_content .category li a:hover {
border-color: var(--tj-color-theme-primary);
background-color: var(--tj-color-theme-primary);
}
.h10-projects_item .project_content .project_title {
letter-spacing: -0.025em;
color: var(--tj-color-common-white);
margin: 0;
}
.h10-projects_item .project_content .project_title a:hover {
letter-spacing: 0;
}
.h10-projects_item .project_content .desc {
color: var(--tj-color-common-white-2);
margin-top: 15px;
}
.h10-projects_item .project_content .project_button {
background-color: var(--tj-color-common-white);
margin-top: 25px;
}
.h10-projects_item .project_content .project_button .btn_inner .btn_text {
color: var(--tj-color-heading-primary);
}
.h10-projects_item .project_content .project_button:hover .btn_inner .btn_text {
color: var(--tj-color-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-projects_item {
height: 600px;
}
.h10-projects_item .project_content {
inset-inline-end: 50px;
bottom: 50px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-projects-section .sec-heading {
margin-bottom: 50px;
}
.h10-projects_item {
height: 550px;
}
.h10-projects_item .project_content {
inset-inline-end: 40px;
bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-projects-section .sec-heading {
margin-bottom: 40px;
}
.h10-projects_item {
height: 550px;
}
.h10-projects_item .project_content {
max-width: 445px;
inset-inline-end: 30px;
bottom: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.h10-projects-section .sec-heading {
margin-bottom: 40px;
}
.h10-projects_item {
height: 550px;
}
.h10-projects_item .project_content {
max-width: 420px;
padding: 30px 25px;
inset-inline-end: 30px;
bottom: 30px;
}
}
@media (max-width: 575px) {
.h10-projects-section .sec-heading {
margin-bottom: 40px;
}
.h10-projects_item {
height: 500px;
}
.h10-projects_item .project_content {
max-width: 360px;
padding: 30px 25px;
inset-inline-end: 0;
bottom: 0;
}
}  .h10-blog_wrap {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(calc(33.333% - 20px), 1fr));
grid-column-gap: 30px;
justify-content: center;
}
.h10-blog_wrap .h10-blog_item:first-child, .h10-blog_wrap .h10-blog_item:nth-child(2) {
grid-row: 1/4;
}
.h10-blog_item {
position: relative;
z-index: 1;
}
.h10-blog_item .blog_image {
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
}
.h10-blog_item .blog_image::after {
content: "";
position: absolute;
inset-inline-start: 0;
bottom: 0;
width: 100%;
height: 75%;
background-image: linear-gradient(180deg, rgba(5, 18, 41, 0) 0%, #051229 84%);
z-index: -1;
}
.h10-blog_item .blog-date {
display: inline-flex;
flex-direction: column;
align-items: center;
background-color: rgba(247, 247, 247, 0.1);
backdrop-filter: blur(35px);
color: var(--tj-color-common-white);
gap: 10px;
padding: 17px 21px;
position: absolute;
top: 15px;
inset-inline-start: 15px;
z-index: 2;
}
.h10-blog_item .blog-date .day {
display: inline-flex;
font-family: var(--tj-ff-heading);
font-weight: var(--tj-fw-sbold);
font-size: 32px;
line-height: 1;
letter-spacing: -0.03em;
}
.h10-blog_item .blog-date .month {
display: inline-flex;
font-size: 14px;
color: var(--tj-color-common-white-2);
text-transform: uppercase;
line-height: 1;
letter-spacing: 0.24em;
}
.h10-blog_item .blog_content {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid var(--tj-color-border-2);
}
.h10-blog_item .blog_content .blog-two-meta {
margin-bottom: 18px;
}
.h10-blog_item .blog_content .blog_title {
margin: 0;
letter-spacing: -0.025em;
}
.h10-blog_item .blog_content .blog_title a:hover {
color: var(--tj-color-theme-primary);
}
.h10-blog_item .blog_content .blog_btn {
margin-top: 20px;
}
.h10-blog_item:nth-child(1) {
min-height: 435px;
}
.h10-blog_item:nth-child(1) .blog_content {
border: none;
padding: 40px 25px;
position: absolute;
inset-inline-start: 0;
bottom: 0;
width: 100%;
z-index: 2;
}
.h10-blog_item:nth-child(1) .blog_content .blog-two-meta ul li {
color: var(--tj-color-common-white-2);
}
.h10-blog_item:nth-child(1) .blog_content .blog-two-meta ul li .meta-link {
color: var(--tj-color-common-white-2);
border-color: var(--tj-color-border-1);
}
.h10-blog_item:nth-child(1) .blog_content .blog_title {
color: var(--tj-color-common-white);
}
.h10-blog_item:nth-child(1) .blog_content .blog_title a:hover {
color: var(--tj-color-common-white);
letter-spacing: -0.015em;
}
.h10-blog_item:nth-child(2) .blog_thumb {
height: 290px;
margin-bottom: -5px;
position: relative;
z-index: 1;
}
.h10-blog_item:nth-child(2) .blog_thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.h10-blog_item:nth-child(2) .blog_content {
border: 1px solid var(--tj-color-border-2);
padding: 30px 25px;
}
.h10-blog_item:nth-child(3) .blog_content {
border-top: 1px solid var(--tj-color-border-2);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-blog_wrap {
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 15px), 1fr));
}
.h10-blog_wrap .h10-blog_item:first-child, .h10-blog_wrap .h10-blog_item:nth-child(2) {
grid-row: auto;
}
.h10-blog_item .blog-date .day {
font-size: 28px;
}
.h10-blog_item .blog-date .month {
letter-spacing: 0.14em;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-blog_item .blog-date {
padding: 15px 17px;
gap: 8px;
}
.h10-blog_item .blog-date .day {
font-size: 25px;
}
.h10-blog_item .blog-date .month {
letter-spacing: 0.14em;
}
.h10-blog_item:nth-child(2) .blog_thumb {
height: 240px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-blog_wrap {
grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
.h10-blog_wrap .h10-blog_item:first-child, .h10-blog_wrap .h10-blog_item:nth-child(2) {
grid-row: auto;
}
.h10-blog_item .blog-date {
padding: 15px 17px;
gap: 8px;
}
.h10-blog_item .blog-date .day {
font-size: 25px;
}
.h10-blog_item .blog-date .month {
letter-spacing: 0.14em;
}
.h10-blog_item:nth-child(1) {
margin-bottom: 30px;
}
.h10-blog_item:nth-child(2) .blog_thumb {
height: 240px;
}
}  .h10-brands {
display: grid;
grid-template-columns: repeat(7, 1fr);
}
.h10-brands .brand_item {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 192px;
background-color: var(--tj-color-theme-bg);
border-inline-end: 2px solid var(--tj-color-common-white);
z-index: 1;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.h10-brands .brand_item:last-child {
border: 0;
}
.h10-brands .brand_item::after {
content: "";
position: absolute;
inset-inline-start: 0;
top: 0;
width: 100%;
height: 100%;
background-color: var(--tj-color-theme-bg);
z-index: -1;
transition: 0.4s;
}
.h10-brands .brand_item div {
position: relative;
}
.h10-brands .brand_item div img {
display: block;
max-width: 100%;
object-fit: contain;
transition: all 500ms ease;
}
.h10-brands .brand_item div img:first-child {
position: absolute;
inset-inline-start: 0px;
top: 0px;
inset-inline-end: 0px;
bottom: 0px;
z-index: 1;
transform: scale(0.5);
opacity: 0;
filter: blur(10px);
}
.h10-brands .brand_item a {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.h10-brands .brand_item:hover div img:first-child {
transform: scale(1);
opacity: 1;
filter: blur(0) invert(1);
}
.h10-brands .brand_item:hover div img:last-child {
transform: scale(0.5);
opacity: 0;
filter: blur(10px);
}
.h10-brands .brand_item:hover::after {
background-color: rgba(0, 117, 255, 0.5);
}
@media only screen and (min-width: 1025px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-brands {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px) {
.h10-brands .brand_item {
height: 160px;
border-bottom: 2px solid var(--tj-color-common-white);
}
}
@media (max-width: 575px) {
.h10-brands {
grid-template-columns: repeat(2, 1fr);
}
.h10-brands .brand_item {
height: 150px;
border-bottom: 2px solid var(--tj-color-common-white);
}
.h10-brands .brand_item:last-child {
border-bottom: 0;
}
}  .h10-team-section {
position: relative;
overflow: hidden;
z-index: 2;
border-bottom: 1px solid var(--tj-color-border-2);
}
.h10-team-section .sec-heading {
margin: 0;
max-width: 550px;
}
.h10-team-section .sec-heading-wrap {
margin-bottom: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 30px;
row-gap: 20px;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-section .sec-heading-wrap {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-section .teams_btn {
margin-top: 40px;
}
}
.h10-team-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-wrapper {
gap: 20px;
}
}
.h10-team-item {
display: flex;
background-color: var(--tj-color-theme-bg);
width: 195px;
height: 380px;
transition: width 0.3s ease-in;
overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-team-item {
width: 175px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-team-item {
width: 140px;
height: 350px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-item {
width: 100%;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-item {
height: auto;
flex-direction: column;
}
}
.h10-team-item .team-images {
width: 195px;
position: relative;
flex: 0 0 auto;
transition: all 0.3s ease-in-out;
}
.h10-team-item .team-images img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-team-item .team-images {
width: 175px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-team-item .team-images {
width: 140px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-team-item .team-images {
width: 305px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-item .team-images {
width: 100%;
}
}
.h10-team-item .team-content {
position: relative;
overflow: hidden;
flex: 1;
}
.h10-team-item .team-content-inner {
position: relative;
top: 0;
inset-inline-start: 0;
width: 277px;
height: 100%;
transform: translateX(-105%);
transition: transform 0.3s ease-in-out;
opacity: 0;
visibility: hidden;
padding-bottom: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-team-item .team-content-inner {
width: 245px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-team-item .team-content-inner {
width: 230px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-item .team-content-inner {
width: 100%;
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
.h10-team-item .team-content .team-text {
display: flex;
flex-direction: column;
margin-bottom: 16px;
}
.h10-team-item .team-content .team-text .title {
line-height: 1.2;
margin-bottom: 4px;
}
.h10-team-item .team-content .team-text .title a:hover {
color: var(--tj-color-theme-primary);
}
.h10-team-item .team-content .team-text .sub-title {
font-size: 14px;
color: var(--tj-color-common-black-2);
}
.h10-team-item .team-content .team-share {
position: absolute;
inset-inline-start: auto;
bottom: 0;
z-index: 2;
}
.h10-team-item .team-content .team-share .sub-title {
display: inline-flex;
color: var(--tj-color-common-black-2);
font-size: 14px;
line-height: 1;
margin-bottom: 15px;
}
.h10-team-item .team-content .team-share ul {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.h10-team-item .team-content .team-share ul li a {
width: 26px;
height: 26px;
font-size: 15px;
color: var(--tj-color-theme-bg);
background: var(--tj-color-theme-dark);
opacity: 0.4;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
line-height: 1;
}
.h10-team-item .team-content .team-share ul li a:hover {
color: var(--tj-color-common-white);
background-color: var(--tj-color-theme-primary);
opacity: 1;
transform: translateY(-3px);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h10-team-item .team-content {
display: flex;
align-items: center;
padding: 30px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-item .team-content {
padding: 30px 20px;
}
}
.h10-team-item.active {
width: 640px;
}
.h10-team-item.active .team-images {
width: 305px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-team-item.active .team-images {
width: 245px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-team-item.active .team-images {
width: 220px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-item.active .team-images {
width: 100%;
}
}
.h10-team-item.active .team-content {
padding: 48px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-team-item.active .team-content {
padding: 48px 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-team-item.active .team-content {
padding: 35px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-item.active .team-content {
padding: 30px 20px;
}
}
.h10-team-item.active .team-content-inner {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.h10-team-item.active {
width: 530px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.h10-team-item.active {
width: 480px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
.h10-team-item.active {
width: 100%;
}
}