* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*::-webkit-media-controls-panel {
display: none !important;
-webkit-appearance: none;
}
*::-webkit-media-controls-play-button {
display: none !important;
-webkit-appearance: none;
}
*::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
}
video::-webkit-media-controls {
display: none !important;
-webkit-appearance: none;
}
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
background-color: #000018;
scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6,
li {
color: #FFF;
}
h1 {
font-size: 64px;
line-height: 120%;
font-weight: 800;
}
h2 {
font-size: 48px;
line-height: 62px;
}
h3 {
font-size: 22px;
line-height: 150%;
font-weight: 500;
}
h4 {
font-size: 18px;
line-height: normal;
}
h5 {
font-size: 14px;
line-height: normal;
font-weight: 700;
letter-spacing: -0.18px;
}
h6 {
font-size: 12px;
font-weight: 400;
line-height: normal;
}
p {
font-size: 16px;
line-height: 25px;
color: #FFF;
font-weight: 400;
}
a {
font-size: 18px;
color: #FFF;
transition: all ease-in-out 0.4s;
text-decoration: none;
line-height: 30px;
}
a:hover {
text-decoration: none;
}
ul {
list-style-type: none;
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns%3D%22http://www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22%3E%3Cpath d%3D%22M6 9L2 4.5H10L6 9Z%22 fill%3D%22%236B6B8D%22/%3E%3C/svg%3E');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px 12px;
}
input::placeholder,
select::placeholder,
textarea::placeholder {
color: #fff;
opacity: 0.7;
}
label {
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
textarea,
select {
width: 100%;
padding: 10px;
font-size: 14px;
border-radius: 7.889px;
border: 0.828px solid rgba(255, 255, 255, 0.10);
background: rgba(255, 255, 255, 0.03);
color: #fff;
}
input[type="submit"] {
width: 100%;
cursor: pointer;
position: relative;
overflow: hidden;
border: 1px solid transparent;
border-radius: 8px;
padding: 12px 39px;
color: #FFF;
font-weight: 600;
line-height: 21px;
letter-spacing: -0.28px;
display: flex;
font-size: 14px;
align-items: center;
transition: all ease-in-out 0.4s;
border: 1px solid rgba(65, 136, 191, 0.70);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.00) 100%), #0090FF;
box-shadow: 0px 6.996px 7.221px -4.821px rgba(81, 57, 234, 0.25), 0px -2px 10px 0px rgba(255, 255, 255, 0.16) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 1px 2px 0px rgba(81, 57, 234, 0.28);
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/bubbles.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 28px;
justify-content: center;
margin: auto;
}
input[type="submit"]::before {
content: "";
position: absolute;
width: 100%;
height: 15px;
bottom: 0;
left: 0;
background: url(//jobiak.ai/wp-content/uploads/2024/11/primary-button-gradient.png);
}
input[type="submit"]:hover {
background-color: #0090FF;
animation: buttonParticlesSlideUp 40s linear 0s infinite;
}
textarea {
min-height: 80px;
resize: none;
}
input:focus,
textarea:focus,
select:focus {
border-color: #4c6ef5;
outline: none;
}
.container {
max-width: 1440px;
width: 100%;
padding-right: 120px;
padding-left: 120px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 992px) {
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
img {
max-width: 100%;
height: auto;
}
.secondary-font {
font-family: 'Inter', sans-serif;
font-weight: 400;
line-height: 140%;
}
.grey-text {
opacity: 0.7;
}
.black-text {
color: #0F0F0F;
}
.section {
padding: 0 20px;
}
.white-gradient-frame {
border-radius: 10px;
background: rgba(255, 255, 255, 0.10);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.section-heading {
background: linear-gradient(to bottom right, #FFF 0%, rgba(255, 255, 255, 0.80) 50%, rgba(255, 255, 255, 0.80) 50%, #FFF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
text-transform: capitalize;
}  @keyframes buttonParticlesSlideUp {
0% {
background-position: 0 28px;
}
100% {
background-position: 0 100%;
}
}
@keyframes fadeInAndOut {
0% {
opacity: 0;
}
10% {
opacity: 1;
}
40% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes slideInAndOut {
0% {
width: 100%;
}
25% {
width: 0%;
}
50% {
width: 100%;
}
75% {
width: 0%;
}
100% {
width: 100%;
}
}
@keyframes moveGradient {
0% {
transform: translateX(0%);
}
25% {
transform: translateX(100%);
}
50% {
transform: translateX(100%);
}
75% {
transform: translateX(0%);
}
100% {
transform: translateX(0%);
}
}
@keyframes rotation {
0% {
--gradient-angle: 0deg;
}
100% {
--gradient-angle: 360deg;
}
}
@property --gradient-angle {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
@keyframes blowUpModal {
0% {
opacity: 0;
transform: rotateX(65deg);
}
100% {
opacity: 1;
transform: rotateX(0deg);
}
}
@keyframes pulse {
0% {
transform: translate(-50%, -50%) scale(0.5);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.2);
opacity: 0;
}
}
@keyframes marquee {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-50%);
}
100% {
transform: translateX(-100%);
}
}
@keyframes bg-spin {
to {
--border-angle: 1turn;
}
}
@property --border-angle {
syntax: "<angle>";
inherits: true;
initial-value: 0turn;
}
@keyframes fadeIn {
100% {
opacity: 1;
transform: none;
}
}
@keyframes anim-vibrate {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgb(42 95 178 / 70%);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 0.6rem rgba(0, 0, 0, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes anim-pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
@keyframes green-man {
0% {
transform: translateY(70%);
}
50% {
transform: translateY(0);
}
100% {
transform: translateY(70%);
}
}
@keyframes yellow-woman {
0% {
transform: translateY(-80%);
}
50% {
transform: translateY(0);
}
100% {
transform: translateY(-80%);
}
}
@keyframes blockUp {
0% {
transform: translateY(200px);
opacity: 0;
}
30% {
transform: translateY(-10px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes blockFadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}  .header-main-div {
position: relative;
background: transparent;
}
.header-wrapper {
z-index: 10;
transition: all ease-in-out 0.4s;
height: 64px;
width: 100%;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.10);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
position: fixed;
top: 0;
display: flex;
align-items: center;
}
.header-wrapper.scrolled {
background: rgb(0, 0, 24);
}
.header-wrapper .row {
align-items: center;
justify-content: space-between;
}
.header-logo {
width: 126px;
display: flex;
}
.header-logo img {
width: 100%;
max-width: 127px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.header-menu {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 32px;
}
.header-menu ul#menu-header-menu {
display: flex;
gap: 31px;
color: #FFF;
font-size: 15px;
line-height: 15px;
align-items: center;
justify-content: flex-end;
list-style-type: none;
}
.header-menu .menu li a {
font-size: 15px;
font-weight: 400;
line-height: 100%;
color: #FFFFFF;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
opacity: 0.8;
transition: all 0.2s ease-in-out;
}
.header-menu .menu li a::after {
content: attr(data-text) / "";
height: 0;
visibility: hidden;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
pointer-events: none;
font-weight: 600;
}
.header-menu .menu li a:hover,
.header-menu .menu li.current-menu-item a {
opacity: 1;
font-weight: 600;
}
.header-button .primary-button {
padding: 9px 32px;
justify-content: center;
}
.mobile-menu {
display: none;
}
.menu li {
cursor: pointer;
}
#menu-header-menu .menu-item-has-children {
position: relative;
}
#menu-header-menu .menu-item-has-children ul.sub-menu {
display: none;
position: absolute;
width: max-content;
top: calc(100% + 24px);
left: 0px;
z-index: 1;
text-align: left;
background: rgba(255, 255, 255, 0.04);
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
}
#menu-header-menu ul.sub-menu li a {
padding: 10px;
width: 100%;
align-items: start;
}
#menu-header-menu ul.sub-menu li a:hover {
font-weight: 400;
background-color: #0090FF;
opacity: 1;
}
#menu-header-menu ul.sub-menu.scrolled {
background: rgb(0, 0, 24);
}
.mobile-menu .menu-item-has-children a {
margin: auto;
}
.mobile-menu .menu-item-has-children {
display: block;
}
.mobile-menu .menu-item-has-children ul.sub-menu {
display: none;
}
.mobile-menu .menu-item-has-children ul.sub-menu li {
margin-bottom: 10px;
margin-top: 10px;
}  .footer-animation-container {
width: 100%;
margin-bottom: -22%;
}
.footer-animation-container video {
width: 100%;
}
.footer-animation-container video::-webkit-media-controls {
display: none !important;
}
.footer-section {
background: url(//jobiak.ai/wp-content/uploads/2024/11/footer-background.svg);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
padding-top: 102px;
padding-bottom: 30px;
position: relative;
z-index: 9;
}
.footer-background-wrapper {
position: absolute;
height: 100px;
width: 100%;
bottom: 0;
background-color: #000018;
z-index: -1;
}
.footer-wrapper {
padding-bottom: 39px;
}
.footer-content h5 {
color: rgba(255, 255, 255, 0.50);
font-weight: 500;
padding-top: 24px;
padding-bottom: 16px;
line-height: 26px;
}
.footer-logo img {
width: 100%;
max-width: 127px;
height: auto;
}
.footer-social-icons {
display: flex;
gap: 10px;
}
.footer-social-icons a {
opacity: 1;
transition: all ease-in-out 0.4s;
}
.footer-social-icons a:hover {
opacity: 0.6;
}
.footer-menu-wrapper {
justify-content: flex-end;
}
.footer-menu-wrapper .col-sm-3 {
max-width: 22%;
-ms-flex: 0 0 22%;
flex: 0 0 22%;
}
.footer-menu-wrapper .col-sm-3:last-child {
max-width: 18%;
-ms-flex: 0 0 18%;
flex: 0 0 18%;
}
.footer-menus .menu a {
font-size: 14px;
font-weight: 500;
color: rgba(255, 255, 255, 0.40);
line-height: normal;
transition: all ease-in-out 0.4s;
}
.footer-menus .menu a:hover {
color: #FFFFFF;
}
.footer-menus .menu {
display: flex;
flex-direction: column;
gap: 16px;
}
.footer-menus h4 {
padding-bottom: 32px;
}
.footer-disclaimer {
background: #1B1B30;
border-radius: 10px;
padding: 8px 20px;
}
.footer-disclaimer h6 span {
color: rgba(255, 255, 255, 0.80);
font-weight: 500;
}
.footer-disclaimer h6 {
color: rgba(255, 255, 255, 0.40);
}
.footer-copyright-container {
color: rgba(255, 255, 255, 0.50);
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 39px;
}
.footer-copyright-container img {
width: 30%;
}
.footer-copyright-content {
display: flex;
align-items: center;
justify-content: space-around;
width: 278px;
}
.copyright {
color: rgba(255, 255, 255, 0.50);
}
.copyright-link h5 {
color: rgba(255, 255, 255, 0.50);
transition: all ease-in-out 0.4s;
}
.copyright-link h5:hover {
color: #FFFFFF;
}
.footer-bullet {
width: 5px;
height: 5px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.50);
}  .btn {
font-size: 14px;
cursor: pointer;
}
.primary-button {
position: relative;
width: max-content;
overflow: hidden;
border: 1px solid transparent;
border-radius: 8px;
padding: 12px 39px;
color: #FFF;
font-weight: 600;
line-height: 21px;
letter-spacing: -0.28px;
display: flex;
align-items: center;
transition: all ease-in-out 0.4s;
border: 1px solid rgba(65, 136, 191, 0.70);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.00) 100%), #0090FF;
box-shadow: 0px 6.996px 7.221px -4.821px rgba(81, 57, 234, 0.25), 0px -2px 10px 0px rgba(255, 255, 255, 0.16) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 1px 2px 0px rgba(81, 57, 234, 0.28);
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/bubbles.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 28px;
}
.primary-button::before {
content: "";
position: absolute;
width: 100%;
height: 15px;
bottom: 0;
left: 0;
background: url(//jobiak.ai/wp-content/uploads/2024/11/primary-button-gradient.png);
}
.primary-button:hover {
animation: buttonParticlesSlideUp 40s linear 0s infinite;
}  .transparent-button {
display: flex;
justify-content: center;
align-items: center;
padding: 12px 24px;
border-radius: 8px;
border: 0.8px solid #FFF;
box-shadow: 0px 0.8px 0.8px 0px rgba(0, 0, 0, 0.08);
font-weight: 700;
line-height: 22px;
position: relative;
padding-left: 58px;
}
.transparent-button::before {
content: "";
position: absolute;
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/play_circle.svg);
width: 32px;
height: 32px;
left: 12px;
transition: all ease-in-out 0.4s;
}
.transparent-button:hover::before {
transform: scale(1.3);
}  h5.diamond-marker {
position: relative;
margin: auto 0;
width: fit-content;
padding-left: 24px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 11px;
border-radius: 200px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.28px;
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: #4188BF;
box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
overflow: hidden;
z-index: 1;
}
.diamond-marker::before {
content: "";
position: absolute;
background: url(//jobiak.ai/wp-content/uploads/2024/11/diamond-filled.svg);
width: 13px;
height: 13px;
left: 7px;
top: 25%;
z-index: 1;
}
.animation-gradient {
position: absolute;
left: -34px;
width: 100%;
height: auto;
top: -75%;
z-index: -1;
animation: moveGradient 5s ease-in-out infinite 1s;
}  .rocket-marker {
position: relative;
padding-top: 5px;
padding-right: 13px;
padding-bottom: 5px;
padding-left: 33px;
margin: auto;
width: max-content;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.24px;
background: linear-gradient(179deg, rgba(255, 255, 255, 0.10) 83.87%, rgba(245, 245, 245, 0.10) 125.73%);
box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
--border-angle: 0turn;
--main-bg: conic-gradient(from var(--border-angle),
rgba(0, 0, 24, 0.1), 0%,
rgba(0, 0, 24, 0.5) 20%,
rgba(0, 0, 24, 0.8) 60%,
rgba(0, 0, 24, 0.9) 95%,
transparent 100%);
border: solid 1px transparent;
border-radius: 200px;
--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #fff, #000018 99%, transparent);
background: var(--main-bg) padding-box,
var(--gradient-border) border-box,
var(--main-bg) border-box;
background-position: center center;
animation: bg-spin 2s linear infinite;
}
.rocket-marker::before {
content: "";
position: absolute;
background: url(//jobiak.ai/wp-content/uploads/2024/11/rocket.svg);
width: 13px;
height: 13px;
left: 13px;
top: 6px;
}  #particles-js {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0F1445;
z-index: -1;
}
.hero-banner-section {
min-height: 100vh;
height: 100%;
width: 100%;
display: flex;
align-items: center;
overflow: hidden;
position: relative;
z-index: 1;
background-color: #120C36;
}
.hero-banner-wrapper {
position: relative;
z-index: 2;
}
.hero-banner-content p {
border-radius: 16px;
border: 0.8px solid rgba(255, 255, 255, 0.30);
backdrop-filter: blur(55px);
-webkit-backdrop-filter: blur(55px);
padding: 3px 14px;
width: max-content;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.32px;
text-transform: capitalize;
}
.hero-banner-content {
display: flex;
flex-direction: column;
gap: 16px;
}
.hero-banner-content h1 {
width: 80%;
}
.hero-banner-content h3 {
width: 98%;
text-transform: capitalize;
}
.hero-banner-button-container {
padding-top: 8px;
display: flex;
gap: 10px;
}
.hero-banner-button-container .primary-button {
padding: 12px 32px;
}
.hero-banner-wrapper .row {
align-items: center;
}
.hero-banner-container .video-col {
position: absolute;
right: 0;
top: 0;
bottom: 0;
flex: 100%;
max-width: 50%;
padding: 0;
}
.hero-banner-container video {
width: 100%;
height: 100%;
display: block;
outline: none;
border: none;
} .hero-banner-buzz-words-container {
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 1;
}
.hero-banner-buzz-word {
position: absolute;
font-size: 14px;
font-weight: 400;
color: rgba(67, 116, 214, 0.7);
opacity: 0;
animation: fadeInOut 5s infinite ease-in-out;
white-space: nowrap;
transition: opacity 2s ease-in-out;
}
.hero-banner-buzz-word:nth-child(1) {
bottom: 20%;
right: 6%;
}
.hero-banner-buzz-word:nth-child(2) {
top: 7%;
left: 35%;
}
.hero-banner-buzz-word:nth-child(3) {
bottom: 11%;
left: 8%;
}
.hero-banner-buzz-word:nth-child(4) {
top: 13%;
left: 2%;
}
.hero-banner-buzz-word:nth-child(5) {
top: 20%;
left: 20%;
}
.hero-banner-buzz-word:nth-child(6) {
bottom: 9%;
left: 30%;
}
.hero-banner-buzz-word:nth-child(7) {
bottom: 26%;
right: 45%;
}
.hero-banner-buzz-word:nth-child(8) {
top: 11%;
right: 7%;
}
.hero-banner-buzz-word:nth-child(9) {
top: 35%;
right: 4%;
}
.hero-banner-buzz-word:nth-child(10) {
bottom: 11%;
right: 24%;
}
.hero-banner-buzz-word:nth-child(11) {
top: 26%;
right: 12%;
}
.hero-banner-buzz-word:nth-child(12) {
bottom: 6%;
left: 3%;
}
.hero-banner-buzz-word:nth-child(13) {
top: 35%;
left: 48%;
}
.hero-banner-buzz-word:nth-child(14) {
bottom: 18%;
left: 20%;
} .video-popup-overlay {
position: fixed;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
opacity: 0;
display: none;
visibility: hidden;
transition: all 0.4s ease-in-out;
}
.show-video-popup .video-popup-overlay {
display: block;
opacity: 1;
visibility: visible;
transition: all 0.4s ease-in-out;
}
.video-popup-modal {
position: fixed;
max-width: 1440px;
width: 80%;
height: 80%;
padding: 38px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
overflow: hidden;
z-index: 10001;  }
.video-close-popup {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
width: 37px;
height: 37px;
}
.video-popup-video-container {
text-align: center;
width: 100%;
height: 100%;
}
.video-popup-video-container iframe {
width: 100%;
height: 100%;
border: none;
}
.popup-video {
width: 100%;
height: auto;
}
body.show-video-popup-container header {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}  .statistics-bento-grid-section {
background-color: #FFFFFF;
}
.statistics-bento-grid-section-content-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.statistics-bento-grid-section .container {
padding-top: 80px;
padding-bottom: 100px;
}
.statistics-bento-grid-section-title {
width: max-content;
}
.statistics-bento-grid-section-title h2 {
opacity: 0.8;
font-weight: 500;
line-height: 100%;
font-size: 40px;
padding-bottom: 10px;
}
.border-gradient-animation {
background-color: #FFFFFF;
position: relative;
border-radius: 24px;
}
.border-gradient-animation::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(var(--gradient-angle, 0deg), rgb(73, 238, 235), rgb(255, 255, 255));
border-radius: 25px;
z-index: -1;
animation: rotation 5s linear 0s infinite normal forwards;
}
.search-statistics-container.border-gradient-animation::before {
z-index: 0;
}
.search-statistics-container {
width: fit-content;
display: flex;
flex-direction: column;
justify-content: center;
}
.search-statistics-content {
width: 100%;
padding: 20px;
height: 100%;
background-color: #FAFAFA;
border-radius: 22px;
position: relative;
z-index: 2;
}
.search-statistics-container h2 {
font-size: 64px;
font-weight: 400;
line-height: 140%;
letter-spacing: -3.84px;
}
.search-statistics-container h4 {
font-weight: 400;
padding-top: 1px;
line-height: 140%;
text-transform: capitalize;
}
.statistics-bento-grid-container {
padding-top: 40px;
}
.statistics-bento-grid-container .row {
margin-left: -8px;
margin-right: -8px;
}
.statistics-bento-grid-container .row .col-sm-3 {
min-height: 424px;
padding-left: 8px;
padding-right: 8px;
}
.engagement-statistics-container {
border-radius: 8px;
height: 100%;
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/engagement-bg-1.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px 20px 27px;
}
.engagement-statistics-container img {
width: 79px;
height: 79px;
}
.engagement-statistics-content h2 {
font-size: 112px;
font-weight: 500;
line-height: 130%;
}
.engagement-statistics-content h5 {
font-weight: 400;
line-height: 150%;
letter-spacing: -0.42px;
text-transform: capitalize;
opacity: 0.6;
}
.visibility-preference-grid-item-wrapper {
display: flex;
flex-direction: column;
gap: 15px;
}
.visibility-preference-grid-item-wrapper h4,
.performance-statistics-container h4,
.google-search-statistics-container h4 {
font-weight: 500;
}
.visibility-preference-grid-item-wrapper h2 {
font-size: 72px;
font-weight: 400;
line-height: 140%;
letter-spacing: -4.32px;
}
.visibility-preference-grid-item-wrapper h5 {
font-weight: 400;
line-height: 120%;
text-transform: capitalize;
}
.preference-statistics-container {
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
}
.visibility-statistics-container.border-gradient-animation::before {
z-index: 0;
}
.visibility-statistics-container {
height: 211px;
}
.visibility-statistics-content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px;
position: relative;
z-index: 1;
background-color: #FFFFFF;
width: 100%;
height: 100%;
border-radius: 22px;
}
.preference-statistics-container {
border-radius: 12px;
background: #F6F6F6;
height: 197px;
}
.preference-statistics-container h5 {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
text-transform: capitalize;
}
.preference-statistics-container img {
width: 53px;
height: 17px;
}
.performance-statistics-container {
border-radius: 8px;
height: 100%;
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/white-gradient-bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px 20px 27px;
position: relative;
overflow: hidden;
}
.avatar-bg-container {
position: absolute;
top: 0;
left: 13px;
width: 227px;
height: 223px;
}
.performance-statistics-container h2,
.google-search-statistics-container h2 {
font-size: 50px;
font-weight: 700;
line-height: 130%;
}
.performance-statistics-container h5,
.google-search-statistics-container h5 {
font-weight: 400;
line-height: 150%;
text-transform: capitalize;
}
.google-search-statistics-container {
border-radius: 8px;
height: 100%;
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/google-search-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 20px;
position: relative;
overflow: hidden;
}
.google-search-scrollable-image-container {
position: absolute;
left: 20px;
top: 189px;
width: 100%;
height: 250px;
border-radius: 8px;
overflow: auto;
scrollbar-width: none;
}
.google-search-scrollable-image-container img {
width: 100%;
height: auto;
}  .direct-apply-section {
background: #000018;
padding-top: 120px;
padding-bottom: 80px;
}
.direct-apply-section-container {
position: relative;
background-color: rgba(255, 255, 255, 0.02);
position: relative;
border-radius: 10px;
}
.direct-apply-card {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
--border-angle: 0turn;
--main-bg: conic-gradient(from var(--border-angle),
#000018,
#000018 5%,
#000018 60%,
#000018 95%);
border: solid 2px transparent;
border-radius: 10px;
background:
var(--main-bg) padding-box,
var(--gradient-border) border-box,
var(--main-bg) border-box;
background-position: center center;
animation: bg-spin 3s linear infinite;
}
.direct-apply-block-1 .direct-apply-card {
--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #53A2FF, #000018 99%, transparent);
}
.direct-apply-block-2 .direct-apply-card {
--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #478CC1, #000018 99%, transparent);
}
.direct-apply-block-1.border-grey::before,
.direct-apply-block-2.border-grey::before {
z-index: 1;
}
.direct-apply-block-wrapper .col-sm-6:hover .direct-apply-card {
opacity: 1;
}
div.direct-apply-card svg {
display: none;
}
div.direct-apply-card svg:first-child {
display: block;
}
.direct-inner-apply-section-container {
border-radius: 10px;
background: rgba(81, 82, 127, 0.2);
}
.direct-apply-section-top-right-container {
width: max-content;
margin-left: auto;
padding: 18px;
}
.direct-apply-section-top-right-container h5 {
font-weight: 500;
line-height: 140%;
}
.direct-apply-patent-container h5 {
letter-spacing: -0.28px;
}
.direct-apply-patent-container {
padding-top: 10px;
display: flex;
gap: 10px;
}
.direct-apply-section-main-container .row {
align-items: center;
gap: 40px;
}
.direct-apply-svgs {
width: 280px;
flex-shrink: 0;
}
.direct-apply-main {
flex: 1 1 calc(100% - 280px - 40px);
flex-shrink: 0;
width: calc(100% - 280px - 40px);
}
.animate-www-svg-container {
position: relative;
width: 68px;
top: 64px;
left: 64px;
}
.www-image {
position: absolute;
width: 100%;
z-index: 1;
}
.animate-www {
background-color: #22223D;
max-width: 68px;
height: 24px;
position: absolute;
right: 0;
z-index: 2;
animation: slideInAndOut 8s ease-in-out infinite;
}
.direct-apply-section-main-container {
padding: 30px 77px 33px;
}
.direct-apply-patent-container .non-diamond-marker {
padding-left: 11px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 11px;
border-radius: 200px;
border: 1px solid rgba(255, 255, 255, 0.3);
background: #4188BF;
box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
}
.direct-apply-patent-container h5 {
width: max-content;
}
.direct-apply-section-main-container h2 span {
color: #4188BF;
font-weight: 700;
}
.direct-apply-section-main-container h2 {
padding-bottom: 16px;
font-weight: 500;
line-height: 114%;
letter-spacing: -1px;
text-transform: capitalize;
}
.direct-apply-section-main-container p {
line-height: 150%;
color: rgba(255, 255, 255, 0.80);
}
.direct-apply-section-main-container p span {
color: #FFF;
font-weight: 600;
}
.direct-apply-block-wrapper {
padding-top: 20px;
}
.direct-apply-block-wrapper .row {
margin-left: 0;
margin-right: 0;
gap: 20px;
flex-wrap: wrap;
}
.direct-apply-block-wrapper .col-sm-6 {
flex: 1 1 calc(50% - 10px);
background: rgba(255, 255, 255, 0.02);
position: relative;
overflow: hidden;
padding-left: 0;
padding-right: 0;
transition: all ease-in-out 0.4s;
}
.direct-apply-block-wrapper .col-sm-6.border-grey:hover:before {
opacity: 0;
}
.direct-apply-block-wrapper .col-sm-6.border-grey.white-gradient-frame::after {
content: '';
position: absolute;
width: calc(100% - 4px);
height: calc(100% - 4px);
background: #000016;
left: 2px;
top: 2px;
z-index: 1;
border-radius: 10px;
}
.direct-apply-block-content {
padding: 40px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
z-index: 3;
}
.direct-apply-block-content-background {
position: absolute;
left: 2px;
top: 2px;
width: calc(100% - 4px);
z-index: 2;
}
.direct-apply-block-content-background video {
width: 100%;
height: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.direct-apply-block-heading {
display: flex;
gap: 8px;
}
.direct-apply-block-heading h3 {
font-size: 32px;
font-weight: 600;
line-height: 130%;
}
.direct-apply-block-1 .direct-apply-block-heading h5 {
background-color: #2A5FB2;
}
.direct-apply-block-heading h5 {
border: 1px solid #FFF;
}
.direct-apply-block-list-container {
padding-top: 8px;
padding-bottom: 24px;
}
.direct-apply-block-list-container ul {
list-style-type: disc;
list-style-position: inside;
}
.direct-apply-block-list-container ul li {
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.direct-apply-block-info-tag-container {
padding-bottom: 16px;
}
.direct-apply-block-info-tag-container h5::before {
content: "";
position: absolute;
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/blue-tick.svg);
width: 24px;
height: 24px;
top: 6px;
left: 12px;
}
.direct-apply-block-info-tag-container h5 {
position: relative;
padding: 8px 12px;
padding-left: 44px;
margin-bottom: 8px;
max-width: max-content;
border-radius: 20px;
border: 1.05px solid rgba(255, 255, 255, 0.03);
font-weight: 500;
line-height: 140%;
text-transform: capitalize;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.direct-apply-block-1 .primary-button {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.00) 100%), var(--Navy-Blue-600-Main, #2A5FB2);
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/bubbles.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 28px;
}  .customer-slider-section {
padding: 30px 0;
background-color: #FFFFFF;
}
.customer-slider-section .container {
overflow: hidden;
width: 100%;
padding: 20px 0;
}
.customer-slider-section h3 {
text-align: center;
font-size: 24px;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.72px;
padding-bottom: 24px;
;
}
.company-slider {
width: 100%;
overflow-x: hidden;
position: relative;
}
.company-slider-wrapper {
display: flex;
align-items: center;
width: 1900px;
height: 100%;
animation: marquee 20s linear 0s infinite;
animation-play-state: running;
animation-direction: normal;
transition: animation-play-state 0.4s ease-in-out;
}
.company-slider-wrapper:hover {
animation-play-state: paused;
}
.company-slider-wrapper span {
flex: 0 0 auto;
display: inline-block;
margin: 0 20px;
}
.company-slider-wrapper img {
width: 100%;
height: 90px;
object-fit: contain;
}  .specifications-section {
background: url(//jobiak.ai/wp-content/uploads/2024/11/specifications-background.png);
background-repeat: no-repeat;
background-size: contain;
background-color: #000018;
padding: 100px 0;
}
.specifications-main-heading-container h2 {
padding-top: 13px;
font-weight: 600;
line-height: 114%;
letter-spacing: -1px;
}
.specifications-section-video {
width: 100%;
margin: auto;
padding: 20px 0;
}
.specifications-section-video iframe {
width: 100%;
border: none;
min-height: 540px;
}
.specifications-section .row {
gap: 20px;
padding-top: 40px;
margin-left: 0;
margin-right: 0;
}
.specifications-section .row .col-sm-4 {
padding-left: 0px;
padding-right: 0px;
flex: 0 0 calc(33.33% - 13.33px);
position: relative;
background: rgba(255, 255, 255, 0.02);
overflow: hidden;
}
.specifications-section .row .col-sm-4 svg {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.border-grey {
position: relative;
border-radius: 10px;
}
.border-grey::before {
content: "";
left: 0;
top: 0;
width: calc(100% - 4px);
height: calc(100% - 4px);
position: absolute;
z-index: -1;
background: linear-gradient(1deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.04) 56%, rgba(255, 255, 255, 0.2) 100%);
border: 2px solid transparent;
border-radius: 10px;
-webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
mask-composite: exclude;
transition: all ease-in-out 0.4s;
}
.specification-card-container p {
opacity: 0.6;
line-height: 150%;
letter-spacing: 0.48px;
position: relative;
z-index: 2;
}
.specification-card-container h3 {
font-weight: 600;
line-height: 130%;
letter-spacing: -0.5px;
padding-bottom: 8px;
position: relative;
z-index: 2;
}
.specification-card-container {
border-radius: 10px;
background-color: rgba(81, 82, 127, 0.2);
background-image: linear-gradient(180deg, rgba(5, 5, 29, 0.00) 0%, #05051D 100%);
width: 100%;
height: 100%;
padding: 0 24px;
padding-top: 282px;
padding-bottom: 33px;
min-height: 415px;
}
.specification-card-container.border-grey::before {
z-index: 1;
}
#card-1-animation,
#card-2-animation,
#card-3-animation,
#card-4-animation,
#card-5-animation,
#card-6-animation {
position: absolute;
width: 100%;
height: 400px;
z-index: -1;
}
#card-1-animation {
top: -32%;
left: -69%;
transform: scale(1.4);
}
#card-2-animation {
top: -38%;
left: -60%;
transform: scale(1.2);
}
#card-3-animation {
top: -30%;
left: -55%;
transform: scale(1.1);
}
#card-4-animation {
top: -26%;
left: -80%;
transform: scale(1.6);
}
#card-5-animation {
top: -30%;
left: -52%;
transform: scale(1.05);
}
#card-6-animation {
top: -26%;
left: -50%;
}  .success-matrics-section {
background-color: #000018;
padding-top: 90px;
padding-bottom: 30px;
}
.success-matrics-section .grey-text {
opacity: 0.6;
}
.success-matrics-main-heading-container h2 {
font-weight: 500;
line-height: 114%;
letter-spacing: -1px;
padding-top: 13px;
}
.success-matrics-bento-grid-container {
padding: 40px 0;
}
.success-matrics-bento-grid-container .row {
margin-left: -10px;
margin-right: -10px;
}
.success-matrics-bento-grid-container .row .col-sm-3,
.success-matrics-bento-grid-container .row .parent-col-sm-6 {
min-height: 424px;
padding-left: 10px;
padding-right: 10px;
}
.parent-col-sm-6 {
display: flex;
flex-direction: column;
gap: 20px;
}
.parent-col-sm-6 .col-sm-6 {
padding-left: 10px;
padding-right: 10px;
}
.success-matrics-row-1-container {
border-radius: 8px;
height: 100%;
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/engagement-bg-1.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 33px 28px 25px 20px;
}
.success-matrics-row-2-content {
position: relative;
z-index: 2;
}
.success-matrics-row-2-container.border-grey::before {
z-index: 1;
}
.success-matrics-bento-grid-container h2 {
font-weight: 700;
line-height: 130%;
}
.success-matrics-bento-grid-container h3 {
text-transform: capitalize;
font-size: 20px;
font-weight: 400;
line-height: 150%;
padding-top: 1px;
}
.success-matrics-row-1-container img {
width: 58px;
height: 58px;
}
.success-matrics-row-2-container {
position: relative;
padding: 35px 24px;
height: 100%;
overflow: hidden;
}
div#grid-item-2-animation svg {
display: none;
}
div#grid-item-2-animation svg:first-child {
display: block;
transform: scale(1.32) !important;
}
div#grid-item-2-animation {
width: 90%;
position: absolute;
height: 100%;
bottom: -36%;
right: -12%;
}
.success-matrics-bento-grid-container .col-sm-6 .row {
height: calc(60% - 10px);
}
.success-matrics-bento-grid-container .col-sm-6 .bottom-grid-item {
height: calc(40% - 10px);
}
.bottom-grid-item.border-grey::before {
z-index: 2;
}
.best-matrics-container {
border-radius: 8px;
height: 100%;
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/white-gradient-bg.png);
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 21px 23px;
overflow: hidden;
}
.best-matrics-avatar-bg-container {
position: relative;
height: 100%;
max-width: 200px;
}
.best-matrics-avatar-bg-container img {
position: absolute;
}
.best-matrics-avatar-bg-container .avatar1 {
top: -25px;
left: 0;
width: 75px;
height: 104px;
}
.best-matrics-avatar-bg-container .avatar2 {
bottom: -18px;
right: 0;
width: 75px;
height: 87px;
}
.best-matrics-container h3 {
opacity: 0.8;
}
.ranking-matrics-container {
height: 100%;
padding: 14px 24px;
position: relative;
overflow: hidden;
}
.ranking-matrics-scrollable-image-container {
position: absolute;
left: 24px;
top: 130px;
width: 100%;
height: 130px;
border-radius: 8px 0;
overflow: auto;
scrollbar-width: none;
}
.ranking-matrics-scrollable-image-container img {
width: 100%;
height: auto;
}
.bottom-grid-item {
position: relative;
padding: 21px 28px 19px 28px;
overflow: hidden;
}
.bottom-grid-item::after {
content: "";
position: absolute;
z-index: 1;
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/2.25-3x-gradient.png);
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.bottom-grid-item-content {
max-width: 60%;
position: relative;
z-index: 2;
}
.bottom-grid-item-content h3 {
font-size: 20px;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.4px;
}
div#bottom-grid-animation svg {
display: none;
}
div#bottom-grid-animation svg:first-child {
display: block;
transform: scale(1.25) !important;
}
#bottom-grid-animation {
position: absolute;
z-index: 1;
width: 40%;
height: 100%;
right: 0;
bottom: -24%;
}
.section-separator {
display: flex;
align-items: center;
gap: 20px;
width: 100%;
justify-content: space-between;
}
.section-separator .line-separator {
width: 45%;
}
.section-separator .stars {
width: 15%;
position: relative;
top: 5px;
}  .statistics-numbers-section {
background-color: #000018;
padding-top: 40px;
padding-bottom: 130px;
text-align: center;
}
.statistics-numbers-blocks .row {
justify-content: center;
row-gap: 52px;
}
.statistics-numbers-blocks .row .col-sm-4 {
border-left: 1px solid rgba(255, 255, 255, 0.20);
}
.statistics-numbers-blocks .row .col-sm-4:nth-child(3n+1) {
border-left: none;
}
.statistics-title-container {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding-top: 8px;
}
.statistics-numbers-section h3 {
font-size: 24px;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.24px;
padding-bottom: 32px;
}
.statistics-numbers-blocks h2 {
font-size: 72px;
font-weight: 800;
line-height: 120%;
letter-spacing: -1.44px;
}
.statistics-title-container img {
width: 32px;
height: 32px;
}
.statistics-title-container h4 {
font-size: 20px;
font-weight: 400;
line-height: 120%;
opacity: 0.8;
text-transform: capitalize;
}  .jobiak-solutions-section {
padding: 114px 0;
background-color: #FFFFFF;
}
.jobiak-solutions-section-wrapper {
border-radius: 10px;
background: url(//jobiak.ai/wp-content/uploads/2024/12/solutions-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 59px 40px 51px;
width: 100%;
display: flex;
justify-content: space-between;
}
.jobiak-solutions-section-main-content.col-sm-6 {
-ms-flex: 0 0 45%;
flex: 0 0 45%;
max-width: 45%;
}
.jobiak-solutions-section-main-content h2 {
font-size: 32px;
font-weight: 800;
line-height: 124%;
text-transform: capitalize;
}
.jobiak-solutions-section-main-content p {
font-weight: 500;
line-height: 150%;
padding-top: 14px;
padding-bottom: 29px;
max-width: 88%;
}
.jobiak-solutions-section-wrapper h3 {
font-size: 24px;
font-weight: 600;
line-height: 130%;
padding-bottom: 16px;
}
.problems-section.col-sm-3 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.problems-block,
.solutions-block {
display: flex;
flex-direction: column;
gap: 8px;
}
.problems-block h5,
.solutions-block h5 {
font-weight: 500;
line-height: 140%;
text-transform: capitalize;
border-radius: 20px;
background: rgba(255, 255, 255, 0.03);
padding: 8px 12px;
padding-left: 44px;
position: relative;
width: fit-content;
}
.problems-block h5 {
border: 1px solid rgba(0, 0, 0, 0.20);
}
.solutions-block h5:after {
content: "";
position: absolute;
inset: 0;
padding: 1.05px;
background: linear-gradient(#58A5E1, #49EEEB, #37A7FD);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
}
.problems-block h5::before,
.solutions-block h5::before {
content: "";
position: absolute;
left: 12px;
top: 6px;
width: 24px;
height: 24px;
}
.problems-block h5::before {
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/Icon.svg);
}
.solutions-block h5::before {
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/Icon-1.svg);
}   .features-slider-section {
padding: 100px 0;
background: #000018;
position: relative; }
.features-bg-svg {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.features-slider-main-heading {
text-align: center;
}
.sliders-heading {
line-height: 114%;
letter-spacing: -1px;
background: linear-gradient(to bottom right, #FFF 0%, rgba(255, 255, 255, 0.80) 50%, rgba(255, 255, 255, 0.80) 50%, #FFF 100%);
background-clip: text;
-webkit-text-fill-color: transparent;
padding-top: 13px;
max-width: 880px;
margin: auto;
font-weight: 500;
text-transform: capitalize;
}
.features-wrapper {
height: 100%;
min-height: 380px;
}
.slider-arrows {
background-color: transparent;
position: relative;
margin-top: 150px;
}
.slider-arrows button {
border: none;
background: conic-gradient(from 181deg at 50% 50%, rgba(0, 0, 0, 0.00) 172.66420125961304deg, rgba(73, 53, 130, 0.30) 281.25deg, rgba(71, 47, 140, 0.12) 360deg), rgba(255, 255, 255, 0.10);
padding: 20px;
border-radius: 50%;
cursor: pointer;
}
.slider-arrows #prev {
position: absolute;
left: 0;
}
.slider-arrows #next {
position: absolute;
right: 0;
}
.features-carousel {
position: relative;
display: flex;
justify-content: center;
}
.features-carousel figure {
display: block;
position: absolute;
text-align: center;
border-radius: 10px;
border: 2px solid #FFF;
background: rgba(255, 255, 255, 0.02);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.features-carousel figure:nth-child(1) {
transform: rotateY(0deg)translateZ(400px);
}
.features-carousel figure:nth-child(2) {
transform: rotateY(60deg)translateZ(400px);
}
.features-carousel figure:nth-child(3) {
transform: rotateY(120deg)translateZ(400px);
}
.features-carousel figure:nth-child(4) {
transform: rotateY(180deg)translateZ(400px);
}
.features-carousel figure:nth-child(5) {
transform: rotateY(240deg)translateZ(400px);
}
.features-carousel figure:nth-child(6) {
transform: rotateY(300deg)translateZ(400px);
}
.features-card-content {
height: 100%;
min-height: 380px;
}
.features-card-content h3 {
font-weight: 600;
font-size: 24px;
}  .testimonial-slider-section {
padding: 100px 0 30px 0;
background-color: #000018;
}
.testimonial-slider-main-heading {
text-align: center;
margin-bottom: 40px;
}
.testimonial-slider-item {
padding: 40px;
border-radius: 24px;
box-shadow: 0px 0px 100px 0px #140F2A;
margin: 2px 10px;
backdrop-filter: blur(100px);
-webkit-backdrop-filter: blur(100px);
position: relative;
transition: all ease-in-out 0.8s;
}
.testimonial-slider-container .slick-track {
display: flex;
align-items: stretch;
}
.testimonial-slider-item.slick-slide {
opacity: 0.5;
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/testimonial-inactive-card.png);
background-repeat: no-repeat;
background-size: 100% 100%;
height: auto;
transition: all ease-in-out 0.8s;
}
.testimonial-slider-item.slick-slide.slick-active.slick-current {
opacity: 1;
transition: all ease-in-out 0.8s;
}
.testimonial-slider .slick-track {
will-change: transform;
}
.testimonial-slider .slick-list {
padding: 0 24% !important;
}
.testimonial-text {
font-size: 24px;
font-style: italic;
line-height: 150%;
}
.author-wrapper {
margin-top: 40px;
display: flex;
padding: 20px 10px 0px 10px;
justify-content: space-between;
align-items: center;
gap: 10px;
border-top: 1px solid;
border-right: none;
border-left: none;
border-bottom: none;
border-image: linear-gradient(to right, #140F2A00 0%, #FFFFFF 50%, #140F2A00 100%) 1;
}
.author-info {
display: flex;
align-items: center;
gap: 16px;
}
.author-image-wrapper {
width: 64px;
height: 64px;
}
.author-image {
object-fit: cover;
}
.author-name-desc h3 {
font-size: 24px;
font-weight: 600;
line-height: 40px;
}
.author-case-study a {
display: flex;
align-items: center;
gap: 4px;
text-decoration: underline;
transition: all 0.4s ease;
}
.author-case-study a svg {
transform: translateX(0);
transition: transform 0.4s ease;
}
.author-case-study a:hover svg {
transform: translateX(8px);
}
.testimonial-slider.slick-dotted.slick-slider {
margin-bottom: 0;
}
.testimonial-slider .slick-list.draggable {
padding-bottom: 40px !important;
}
.testimonial-slider-item::before {
content: "";
position: absolute;
inset: 0;
padding: 1.05px;
background: linear-gradient(rgba(255, 255, 255, 1), rgba(119, 103, 159, 1));
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
opacity: 0;
transition: all ease-in-out 0.4s;
}
.slick-active.testimonial-slider-item::before {
opacity: 1;
}
.testimonial-slider .slick-dots,
.mobile-testimonial-slider .slick-dots {
bottom: auto;
width: 50%;
padding-top: 28px;
padding-left: 120px;
text-align: left;
z-index: 2;
}
.testimonial-slider .slick-dots li,
.mobile-testimonial-slider .slick-dots li {
background: #FFFFFF;
opacity: 0.15;
width: 40px;
height: 5px;
border-radius: 99px;
margin: 0 2px;
transition: all 0.4s ease;
}
.testimonial-slider .slick-dots li.slick-active,
.mobile-testimonial-slider .slick-dots li.slick-active {
width: 50px;
opacity: 1;
}
.testimonial-slider .slick-arrow {
position: absolute;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
top: 100%;
cursor: pointer;
border: none;
border-radius: 50%;
opacity: 0.5;
opacity: 0.6;
transition: all ease-in-out 0.4s;
background: conic-gradient(from 181deg at 50% 50%, rgba(0, 0, 0, 0.00) 172.66420125961304deg, rgba(73, 53, 130, 0.30) 281.25deg, rgba(71, 47, 140, 0.12) 360deg), rgba(255, 255, 255, 0.10);
}
.testimonial-slider .slick-arrow.prev {
right: 190px;
left: auto;
}
.testimonial-slider .slick-arrow.next {
right: 120px;
}
.testimonial-slider .slick-arrow:hover {
opacity: 1;
}
.testimonial-slider .slick-arrow svg {
transition: transform 0.8s ease;
}
.testimonial-slider .slick-arrow:hover svg {
transform: rotateX(180deg);
}  .testimonial-text,
.author-wrapper {
position: relative;
}
.author-image-wrapper {
min-width: 64px;
}
.author-case-study.popupWrapper {
min-width: fit-content;
}
.author-name-desc {
padding-right: 56px;
}
.modalWrapper {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 9999;
overflow-x: hidden;
background: #fff;
}
.popupModalWrapper {
width: 100%;
height: 100%;
}
.popupShowWrapper .modalWrapper {
animation: blowUpModal 0.4s forwards;
transition-timing-function: ease-in-out;
}
.popupContainer {
background: #000018;
background-color: #000018;
background-size: cover;
background-position: bottom;
max-width: 1440px;
width: 80%;
height: 696px;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.popupModal {
padding: 45px 56px 55px;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #4188BF #000018;
scroll-behavior: smooth;
}
.popupModal::-webkit-scrollbar {
width: 4px;
height: 4px;
}
.popupModal::-webkit-scrollbar-track {
background: #000018;
}
.popupModal::-webkit-scrollbar-thumb {
background: #4188BF;
}
.popupModal::-webkit-scrollbar-thumb:hover {
background: #2A5FB2;
}
.closeBtn {
width: 37px;
height: 37px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
right: 29px;
top: 23px;
position: absolute;
cursor: pointer;
z-index: 99;
}
.popupShowWrapper .popup-overlay {
display: block;
}
.popupModalBody {
width: 100%;
height: 100%;
padding-top: 40px;
}
.popupContentCol h3 {
font-weight: 600;
line-height: 130%;
letter-spacing: -0.394px;
margin-bottom: 11px;
}
.popupContentCol ul {
list-style-type: disc;
padding-left: 20px;
margin-bottom: 37px;
}
.popupContentCol ul li {
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: 0.42px;
opacity: 0.6;
}
.popupContentCol ul:last-child,
.popupContentCol ul li:last-child {
margin-bottom: 0;
}
.popupContentCol {
padding-right: 20px;
}  .pricing-popup-container .modal {
margin: auto;
position: fixed;
max-width: 1440px;
width: 80%;
height: 80%;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: auto;
z-index: 9999;
overflow-x: hidden;
background-color: #000018;
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/Features-bg.png);
background-size: cover;
background-position: bottom;
}
.pricing-popup-container .modal.border-grey::before {
z-index: 1;
}
.popup-point {
position: relative;
z-index: 2;
}
.pricing-popup-container .popup-modal {
padding: 45px 56px 0;
width: 100%;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
scrollbar-width: 4px;
scrollbar-color: #4188BF #000018;
scroll-behavior: smooth;
}
.pricing-popup-container .popup-modal::-webkit-scrollbar {
width: 8px;
}
.pricing-popup-container .popup-modal::-webkit-scrollbar-track {
background: #000018;
border-radius: 10px;
}
.pricing-popup-container .popup-modal::-webkit-scrollbar-thumb {
background-color: #4188BF;
border-radius: 10px;
border: 2px solid #000018;
}
.pricing-popup-container .popup-modal::-webkit-scrollbar-thumb:hover {
background-color: #357ab7;
}
.pricing-popup-container .popup-modal::-webkit-scrollbar-corner {
background: #000018;
}
.pricing-popup-container .close-button {
width: 37px;
height: 37px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
right: 29px;
top: 23px;
position: absolute;
cursor: pointer;
z-index: 99;
}
.pricing-popup-container .popup-modal-body {
height: 100%;
}
.popup-show-wrapper .modal {
animation: blowUpModal 0.4s forwards;
transition-timing-function: ease-in-out;
}
.popup-content-section {
padding-bottom: 56px;
}
.pricing-popup-container .popup-modal-body .row {
margin: 0 -22px;
}
.pricing-popup-container .popup-modal-body .col-sm-6 {
padding: 0 22px;
}
.popup-heading-wrapper h3 {
font-size: 32px;
line-height: 134%;
letter-spacing: -0.789px;
padding-bottom: 34px;
}
.popup-overlay {
position: fixed;
width: 100%;
height: 100%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
display: none;
transition: all ease-in-out 0.4s;
top: 0;
left: 0;
right: 0;
animation: blowUpModal 0.4s forwards;
transition-timing-function: ease-in-out;
z-index: 9998;
}
.popup-show-wrapper .popup-overlay {
display: block;
}
.popup-points {
padding: 30px;
display: flex;
flex-direction: column;
row-gap: 25px;
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/gradient.png);
background-repeat: no-repeat;
background-size: cover;
}
.popup-point .grey-text {
font-weight: 400;
line-height: 150%;
letter-spacing: 0.42px;
opacity: 0.6;
}
.content-heading {
display: flex;
align-items: center;
gap: 7px;
padding-bottom: 8px;
}
.content-heading p {
font-weight: 600;
line-height: 130%;
letter-spacing: -0.394px;
}
.content-heading h5 {
font-weight: 400;
line-height: 150%;
letter-spacing: 0.42px;
}
.content-heading .grey-text {
opacity: 0.6;
}
.content-heading img {
width: 25px;
height: 25px;
}
.popup-contact-form.col-sm-6 {
margin-top: -26px;
}
.popup-contact-form h3 {
font-size: 24px;
line-height: 134%;
letter-spacing: -0.789px;
padding-bottom: 12px;
}
.popup-contact-form-container {
background: url(//jobiak.ai/wp-content/uploads/2024/12/form-bg.png);
background-size: cover;
background-repeat: no-repeat;
padding: 25px;
position: relative;
z-index: 2;
}
.popup-contact-form-container label {
margin-bottom: 12px;
font-weight: 500;
line-height: 150%;
}
.pricing-form .wpcf7-response-output {
margin: auto;
padding: 8px;
color: #FFFFFF;
}
.pricing-form input[type="text"],
.pricing-form input[type="email"],
.pricing-form input[type="number"],
.pricing-form textarea,
.pricing-form select {
margin-top: 8px;
padding: 14px 16px;
font-size: 16px;
}
.pricing-form select {
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/down-arrow.svg);
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: right;
}
.pricing-form select option {
background-color: #1c2543;
color: #FFFFFF;
}
.pricing-form .row {
margin-left: -6px;
margin-right: -6px;
}
.pricing-form .col-sm-6 {
padding: 0 6px;
}  .innovation-banner-section {
width: 100%;
overflow: hidden;
position: relative;
background-color: #020421;
min-height: 540px;
height: 100%;
display: flex;
align-items: center;
}
.innovation-banner-section .video-col {
position: absolute;
overflow: hidden;
right: 0;
top: 0;
bottom: 0;
flex: 100%;
width: 38%;
padding: 0;
z-index: 1;
}
.innovation-banner-section .video-col .video-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.innovation-banner-section video {
width: 100%;
height: 100%;
display: block;
outline: none;
border: none;
object-fit: cover;
transform: scale(1.02);
}
.innovation-banner-wrapper {
position: relative;
z-index: 2;
}
.innovation-banner-content .border-gradient-animation p {
line-height: 140%;
background-color: #22243B;
padding: 6px 20px;
border-radius: 24px;
text-transform: capitalize;
}
.innovation-banner-content .border-gradient-animation {
width: fit-content;
z-index: 1;
background-color: transparent;
}
.innovation-banner-content .border-gradient-animation::before {
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
background: linear-gradient(var(--gradient-angle), rgba(73, 238, 235, 1), rgba(55, 167, 253, 0));
}
.innovation-banner-content p span {
background: linear-gradient(0deg, #58A5E1 0%, #49EEEB 45%, #37A7FD 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}
.innovation-banner-content .innovation-text p {
text-transform: capitalize;
color: rgba(255, 255, 255, 0.7);
font-size: 18px;
font-weight: 500;
line-height: 150%;
}
.innovation-banner-heading {
padding: 16px 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
text-transform: capitalize;
}
.innovation-banner-heading h2 {
font-size: 56px;
font-weight: 800;
line-height: 120%;
}
.innovation-banner-buzz-word {
position: absolute;
z-index: 1;
font-size: 14px;
font-weight: 400;
color: rgba(67, 116, 214, 0.7);
opacity: 0;
animation: fadeInOut 5s infinite ease-in-out;
white-space: nowrap;
transition: opacity 2s ease-in-out;
}
.innovation-banner-buzz-word:nth-child(1) {
bottom: 20%;
right: 6%;
}
.innovation-banner-buzz-word:nth-child(2) {
top: 14%;
left: 2%;
}
.innovation-banner-buzz-word:nth-child(3) {
bottom: 11%;
left: 8%;
}
.innovation-banner-buzz-word:nth-child(4) {
top: 80%;
left: 6%;
}
.innovation-banner-buzz-word:nth-child(5) {
top: 20%;
left: 20%;
}
.innovation-banner-buzz-word:nth-child(6) {
bottom: 9%;
left: 30%;
}
.innovation-banner-buzz-word:nth-child(7) {
bottom: 40%;
right: 2%;
}
.innovation-banner-buzz-word:nth-child(8) {
top: 11%;
right: 7%;
}
.innovation-banner-buzz-word:nth-child(9) {
top: 35%;
right: 4%;
}
.innovation-banner-buzz-word:nth-child(10) {
bottom: 4%;
right: 6%;
}
.innovation-banner-buzz-word:nth-child(11) {
top: 26%;
right: 12%;
}
.innovation-banner-buzz-word:nth-child(12) {
bottom: 2%;
left: 0;
}
.innovation-banner-buzz-word:nth-child(13) {
top: 50%;
left: 26%;
}
.innovation-banner-buzz-word:nth-child(14) {
top: 37%;
left: 4%;
}  .rankuno-section {
background: url(//jobiak.ai/wp-content/uploads/2024/12/rankuno-section-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 81px 0;
}
.rankuno-video-wrapper {
padding: 14px;
border-radius: 16px;
border: 0.8px solid rgba(255, 255, 255, 0.10);
background: rgba(0, 0, 0, 0.10);
backdrop-filter: blur(55px);
-webkit-backdrop-filter: blur(55px);
}
.rankuno-video-wrapper video {
width: 100%;
height: 100%;
border-radius: 8px;
}
.rankuno-section-wrapper.row {
margin-left: -19px;
margin-right: -19px;
align-items: center;
}
.rankuno-section-wrapper .col-sm-5,
.rankuno-section-wrapper .col-sm-7 {
padding-left: 19px;
padding-right: 19px;
}
.rankuno-heading-wrapper {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
padding-bottom: 12px;
}
.rankuno-heading-wrapper h2 {
font-weight: 800;
line-height: 120%;
}
.rankuno-heading-wrapper h2 span {
font-style: italic;
font-weight: 700;
color: #4188BF;
}
.rankuno-heading-wrapper h5 {
border: 1px solid #FFF;
}
.rankuno-content-wrapper p {
font-weight: 500;
line-height: 150%;
padding-bottom: 24px;
}
.rankuno-content-wrapper .grey-text {
opacity: 0.5;
}
.rankuno-card {
border-radius: 10px;
border: 1px solid rgba(168, 202, 255, 0.10);
background: rgba(230, 240, 255, 0.10);
backdrop-filter: blur(76px);
-webkit-backdrop-filter: blur(76px);
width: 100%;
height: 100%;
padding: 16px;
}
.rankuno-cards-wrapper .row {
margin-left: -6px;
margin-right: -6px;
}
.rankuno-cards-wrapper .col-sm-4 {
padding-left: 6px;
padding-right: 6px;
}
.rankuno-card img {
width: 48px;
height: 48px;
}
.rankuno-card h4 {
font-weight: 700;
line-height: 130%;
letter-spacing: 0.93px;
padding: 18px 0 6px;
}
.rankuno-card h5 {
font-weight: 300;
line-height: 150%;
letter-spacing: 0.42px;
}
.rankuno-card .grey-text {
opacity: 0.8;
}
.rankuno-section .container h3 {
font-size: 32px;
font-style: italic;
text-align: center;
padding: 56px 56px 0;
}  .text-blocks-section {
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/innovation-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 86px 0;
}
.text-blocks-section h2 {
text-align: center;
font-weight: 500;
line-height: 114%;
letter-spacing: -1px;
padding-bottom: 46px;
}
.text-blocks-wrapper .row {
margin-left: -10px;
margin-right: -10px;
}
.text-blocks-wrapper .col-sm-4 {
padding-left: 10px;
padding-right: 10px;
}
.text-blocks-wrapper .col-sm-4 .text-block {
height: 100%;
padding: 24px;
display: flex;
align-items: center;
gap: 16px;
border-right: 0.7px solid #A8CAFF;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
}
.text-blocks-wrapper .col-sm-4:nth-child(3) .text-block {
border: none;
}
.text-block h3 {
font-weight: 600;
line-height: 125%;
width: calc(100% - 70px - 16px);
}
.text-block-image {
padding: 14px 12px;
position: relative;
border-radius: 11px;
display: flex;
align-items: center;
justify-content: center;
}
.text-block-image img {
width: 58px;
height: 58px;
}
#text-block-border-1,
#text-block-border-2,
#text-block-border-3 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.text-block-image.border-gradient-animation::before {
border-radius: 11px;
background: linear-gradient(var(--gradient-angle), rgb(73, 238, 235), rgb(242 243 254));
}  .innovation-image-with-content-and-button {
background: #000018;
padding: 120px 0 0;
}
.innovation-image-with-content-and-button .direct-inner-apply-section-container {
padding: 55px 77px 52px 62px;
}
.innovation-image-with-content-and-button .row {
gap: 25px;
align-items: center;
}
.innovation-image-with-content-and-button .direct-apply-main {
flex: 1 1 calc(100% - 280px - 25px);
width: calc(100% - 280px - 25px);
}
.innovation-image-with-content-and-button h2 {
font-weight: 500;
line-height: 114%;
letter-spacing: -1px;
text-transform: capitalize;
padding-bottom: 16px;
}
.innovation-image-with-content-and-button h2 span {
color: #58A5E1;
}
.innovation-image-with-content-and-button p {
font-size: 48px;
font-weight: 500;
line-height: 114%;
letter-spacing: -1px;
padding-bottom: 16px;
text-transform: capitalize;
}
.innovation-image-with-content-and-button p strong {
color: #58A5E1;
}
.innovation-image-with-content-and-button li {
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: rgba(255, 255, 255, 0.80);
}
.innovation-image-with-content-and-button li span {
font-weight: 600;
color: #FFF;
}
.innovation-image-with-content-and-button ul {
padding-bottom: 25px;
list-style-type: disc;
padding-left: 20px;
}  .key-innovations-section {
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/Features-bg.png);
background-color: #000018;
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0;
}
.key-innovations-section .rocket-marker {
font-size: 14px;
}
.key-innovations-section h2 {
font-weight: 600;
line-height: 114%;
letter-spacing: -1px;
padding-top: 13px;
}
.key-innovations-card-wrapper {
padding-top: 75px;
justify-content: space-between;
row-gap: 20px;
}
.key-innovations-cards-container {
position: relative;
}
.key-innovations-card {
background: url(//jobiak.ai/wp-content/uploads/2024/12/key-innovations-card-bg-e1733685017152.png);
background-size: cover;
background-repeat: no-repeat;
padding: 30px 24px;
width: 90%;
min-height: 178px;
height: 100%;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
position: relative;
}
.key-innovations-card-wrapper .col-sm-6 {
-ms-flex: 0 0 34%;
flex: 0 0 34%;
max-width: 34%;
}
.key-innovations-card-wrapper .col-sm-6:nth-child(odd) .key-innovations-card {
margin-right: auto;
}
.key-innovations-card-wrapper .col-sm-6:nth-child(even) .key-innovations-card {
margin-left: auto;
}
.key-innovations-card h3 {
font-size: 20px;
font-weight: 600;
line-height: 140%;
padding-bottom: 4px;
}
.key-innovations-card h5 {
font-weight: 400;
line-height: 160%;
letter-spacing: 0.42px;
}
.key-innovations-card .grey-text {
opacity: 0.8;
}
div#key-innovations-animation {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
div#mobile-key-innovations-animation {
display: none;
}
div#key-innovations-animation svg,
div#mobile-key-innovations-animation svg {
display: none;
}
div#key-innovations-animation svg:first-child,
div#mobile-key-innovations-animation svg:first-child {
display: block;
}
.key-innovations-card:hover .direct-apply-card {
--gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #478CC1, #1A2440 99%, transparent);
opacity: 1;
--main-bg: conic-gradient(from var(--border-angle), #1A2440, #1A2440 5%, #1A2440 60%, #1A2440 95%);
}
.key-innovations-card h3,
.key-innovations-card h5 {
position: relative;
z-index: 2;
}  .four-0-four-section {
background: #000018;
min-height: calc(100vh - 64px - 140px);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.four-0-four-section h2 {
font-size: 64px;
}
.four-0-four-section h3 {
padding: 10px 0;
}
.four-0-four-section .primary-button {
margin: auto;
}  .inner-page-banner-section {
background: url(//jobiak.ai/wp-content/uploads/2024/11/specifications-background.png);
padding: 100px 0;
}
.inner-page-banner-section .hero-banner-content h1 {
width: 100%;
font-size: 56px;
}
.inner-page-banner-section .hero-banner-content h3 {
font-size: 20px;
}
.inner-page-banner-section .hero-banner-wrapper .row {
align-items: center;
}
.inner-page-banner-section .hero-banner-wrapper .col-sm-4 {
padding-top: 30px;
}
.inner-page-banner-video {
position: relative;
background: #000018;
overflow-x: hidden;
}
.inner-page-banner-video video {
width: 100%;
height: 100%;
display: block;
outline: none;
border: none;
object-fit: cover;
}
.inner-page-banner-video .video-col {
position: absolute;
right: 0;
top: 0;
bottom: 0;
flex: 100%;
max-width: 38%;
padding: 0;
}
.page-id-824 .inner-page-banner-video .video-col {
max-width: 40%;
}
.inner-page-banner-video .hero-banner-wrapper {
position: unset;
}
.inner-page-banner-video::before {
position: absolute;
content: "";
background: linear-gradient(90deg, #000018 55.37%, rgba(0, 0, 24, 0.20) 77.87%, #000018 100%);
width: 100%;
height: 100%;
left: 89px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 2;
}
.inner-page-banner-video .col-sm-7,
.inner-page-banner-video .col-sm-8 {
position: relative;
z-index: 2;
}
#how-it-works-anime {
max-width: 363px;
}
.page-id-869 #how-it-works-anime::before,
.page-id-930 #how-it-works-anime::before {
content: "";
border-radius: 522px;
background: rgba(255, 255, 255, 0.18);
filter: blur(135px);
width: 100%;
height: 100%;
position: absolute;
transform: rotate(-37.601deg);
}  .inner-page-scrollable-img-section {
padding: 80px 0;
background-color: #FFFFFF;
}
.job-listing-content h2 {
font-size: 40px;
color: #000;
font-weight: 600;
text-transform: capitalize;
line-height: 45.6px;
padding-bottom: 25px;
}
.job-listing-content h2 span {
color: #58A5E1;
}
.inner-page-scrollable-img-order .col-sm-9 {
order: 2;
}
.google-job-listing-section.section .col-sm-8 {
padding: 0;
}
.job-listing-content {
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/Component-28.png);
padding: 0;
background-repeat: no-repeat;
background-size: cover;
padding: 27px 34px 17px;
border-radius: 12px;
}
.job-listing-content p {
color: rgba(0, 0, 0, 0.70);
font-family: Roboto;
font-style: normal;
font-weight: 400;
font-size: 16px;
margin-bottom: 10px;
}
.job-listing-content p strong {
color: #000;
}
.scrollable-img-wrapper {
padding: 28px 0 0 20px;
border-radius: 8px;
border: 1px solid rgba(65, 136, 191, 0.70);
background: url(//jobiak.ai/wp-content/uploads/2024/12/engagement-bg-1.png);
box-shadow: 0px -2px 10px 0px rgba(255, 255, 255, 0.16) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 1px 2px 0px rgba(81, 57, 234, 0.28);
height: 100%;
background-position: right center;
background-repeat: no-repeat;
position: relative;
}
.scrollable-img-wrapper h3 {
font-family: 'Inter', sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.scrollable-img-wrapper .google-search-scrollable-image-container {
left: 21px;
top: 104px;
bottom: 0px;
width: calc(100% - 20px);
border-bottom-left-radius: 0;
height: calc(100% - 103px);
}
.scrollable-img-wrapper .google-search-scrollable-image-container img {
border-top-left-radius: 8px;
}
.inner-page-banner-video .hero-banner-content h3 {
font-size: 18px;
}
.inner-page-scrollable-img-section .row {
margin-left: -10px;
margin-right: -10px;
}
.inner-page-scrollable-img-section .col-sm-9,
.inner-page-scrollable-img-section .col-sm-3 {
padding-left: 10px;
padding-right: 10px;
}  .tabs-section-main {
background-color: #000018;
color: #fff;
padding: 80px 0 0;
}
.tab-section {
display: flex;
padding: 74px 0 0;
max-width: 1200px;
margin: auto;
gap: 20px;
margin-bottom: 145px;
}
.tab-section-content-wrapper {
padding: 0 120px;
max-width: 1030px;
margin: auto;
}
.tabs-section-main .section-heading {
padding: 13px 0;
font-weight: 600;
line-height: 114%;
letter-spacing: -1px;
}
.tabs-section-main h5 {
text-align: center;
font-weight: 400;
line-height: 160%;
}
.tab-title {
width: 100%;
display: flex;
flex-direction: column;
background-color: rgba(81, 82, 127, 0.2);
padding: 8px;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.10);
gap: 10px;
}
.tab-title-container {
width: 20%;
position: sticky;
top: 64px;
height: 100vh;
}
.tab-item {
position: relative;
overflow: hidden;
padding: 12px;
border-radius: 10px;
cursor: pointer;
background: url(//jobiak.ai/wp-content/uploads/2024/12/btn-1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
transition: background 0.3s, color 0.3s;
}
.tab-item h3 {
position: relative;
z-index: 3;
color: rgba(255, 255, 255, 0.60);
font-family: 'Inter', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.28px;
text-transform: uppercase;
}
.tab-title .tab-item.active::before,
.tab-item:hover::before {
opacity: 1;
}
.tab-item.active::before {
position: absolute;
border: 1px solid transparent;
border-radius: 8px;
padding: 12px;
color: #FFF;
font-weight: 600;
line-height: 21px;
letter-spacing: -0.28px;
justify-content: center;
display: flex;
align-items: center;
transition: all ease-in-out 0.4s;
border: 1px solid rgba(65, 136, 191, 0.70);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.00) 100%), #4188BF;
box-shadow: 0px -2px 10px 0px rgba(255, 255, 255, 0.16) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 1px 2px 0px rgba(81, 57, 234, 0.28);
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/bubbles.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 28px;
opacity: 0;
animation: buttonParticlesSlideUp 40s linear 0s infinite;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
transition: all 0.4s ease-in-out;
}
.tab-item.active::after {
content: "";
position: absolute;
width: 100%;
height: 15px;
bottom: 0;
left: 0;
opacity: 0;
z-index: 2;
background: url(//jobiak.ai/wp-content/uploads/2024/11/primary-button-gradient.png);
background-repeat: no-repeat;
background-position: 50% 10%;
transition: all 0.4s ease-in-out;
}
.tab-title .tab-item.active::after,
.tab-item:hover::after {
opacity: 1;
}
.tab-anime-content-wrapper {
display: flex;
flex-direction: row;
align-items: flex-start;
width: 80%;
border-radius: 10px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.10);
position: relative;
}
.tab-fixed-anime {
width: 45%;
position: sticky;
top: 100px;
left: 0;
margin-top: 48px;
margin-bottom: 45px;
}
.mobile-tab-fixed-anime {
display: none;
}
.tab-fixed-anime::before {
position: absolute;
content: "";
width: 50px;
height: 109%;
top: -17px;
right: -25px;
z-index: 1;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
.tab-fixed-anime::after {
position: absolute;
content: "";
width: 109%;
height: 60px;
left: 0;
right: 0;
z-index: 1;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
top: -40px;
}
.stickerBg {
position: absolute;
content: "";
width: 109%;
height: 60px;
left: 0;
right: 0;
z-index: 1;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
bottom: -36px;
}
.tab-fixed-anime video {
width: 100%;
height: auto;
}
.tab-content-outer {
width: 60%;
padding: 0 20px;
position: relative;
margin-left: auto;
}
.tab-item-content {
width: 100%;
opacity: 0;
visibility: hidden; position: relative;
z-index: 2;
padding: 100px 0;
transition: all 0.5s ease-in-out;
}
.tab-item-content.active {
opacity: 1;
visibility: visible; }
.tab-content-outer h3 {
font-size: 40px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.8px;
padding-bottom: 10px;
}
.tab-content-outer p {
line-height: 140%;
letter-spacing: -0.32px;
padding-bottom: 22px;
}
.tab-tag {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.tab-tag p {
position: relative;
width: fit-content;
border-radius: 150px;
background: #EFF5FF;
padding: 8px 12px;
padding-left: 40px;
color: rgba(15, 15, 15, 0.7);
text-transform: capitalize;
}
.tab-tag p:before {
content: "";
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/Icon-1.svg);
position: absolute;
left: 12px;
width: 24px;
height: 24px;
top: 50%;
bottom: 50%;
transform: translateY(-50%);
}  .optimization-section {
padding: 109px 0;
background-color: #FFFFFF;
}
.optimization-content {
text-align: center;
margin-bottom: 20px;
}
.optimization-content h2 {
padding: 7px 0 16px;
font-weight: 500;
line-height: 114%;
letter-spacing: -1px;
text-transform: capitalize;
}
.optimization-content p {
padding-bottom: 32px;
max-width: 75%;
margin: auto;
font-size: 14px;
line-height: 160%;
}
.optimization-content h5.diamond-marker {
border: 1px solid #4188BF;
color: #4188BF;
background: linear-gradient(179deg, #FFF 83.87%, #F5F5F5 125.73%);
margin: auto;
font-weight: 500;
}
.optimization-content h5.diamond-marker::before {
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/diamond-marker.svg);
}
.optimization-section-container {
padding-top: 54px;
border-radius: 22px;
background-color: #F5F5F9;
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/animation-bg.png);
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.optimization-content h2,
.optimization-content p {
color: #0F0F0F;
}
.toggle-buttons {
display: flex;
justify-content: center;
padding: 4px;
gap: 22px;
margin: auto;
width: fit-content;
border-radius: 10px;
background: #FFF;
box-shadow: 0px 0px 0px 1px #FFF, 0px 0px 0px 1px #FFF, 0px 0px 0px 2px rgba(33, 55, 136, 0.16);
}
.toggle-btn {
position: relative;
padding: 10px 20px;
border: none;
cursor: pointer;
color: #0F0F0F;
background-color: transparent;
transition: all 0.4s ease-in-out;
}
.toggle-btn.active {
color: #FFF;
position: relative;
z-index: 2;
}
.toggle-btn::before {
content: "";
position: absolute;
overflow: hidden;
border: 1px solid transparent;
border-radius: 8px;
padding: 10px 20px;
font-weight: 500;
line-height: 150%;
justify-content: center;
display: flex;
align-items: center;
transition: all ease-in-out 0.4s;
border: 1px solid rgba(65, 136, 191, 0.70);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.00) 100%), #4188BF;
box-shadow: 0px -2px 10px 0px rgba(255, 255, 255, 0.16) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 1px 2px 0px rgba(81, 57, 234, 0.28);
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/bubbles.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 28px;
opacity: 0;
animation: buttonParticlesSlideUp 40s linear 0s infinite;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
transition: all 0.4s ease-in-out;
}
.toggle-btn::after {
content: "";
position: absolute;
width: 100%;
height: 15px;
bottom: 0;
left: 0;
opacity: 0;
background: url(//jobiak.ai/wp-content/uploads/2024/11/primary-button-gradient.png);
background-repeat: no-repeat;
background-position: 50% 10%;
transition: all 0.4s ease-in-out;
}
.toggle-btn.active::before,
.toggle-btn.active::after {
opacity: 1;
}
.content-section {
width: 100%;
display: none;
opacity: 0;
transform: translateY(150px);
animation: fadeIn 0.5s ease 1 forwards;
}
.content-section.active {
display: block;
}
.optimization-section .content {
display: flex;
justify-content: space-between;
border-radius: 10px;
border: 3px solid #FFF;
width: 80%;
margin: auto;
background: #FFF;
box-shadow: 0px 0.631px 1.262px 0px rgba(82, 88, 102, 0.06), 0px 24.182px 21.989px -14.006px rgba(0, 0, 0, 0.08), 0px 0px 0px 5.416px #F5F5F9, 0px 0px 0px 6.319px #E2E4E9;
}
.left-area {
width: 50%;
}
.right-area {
width: 50%;
position: relative;
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tag {
color: rgba(15, 15, 15, 0.9);
padding: 8px 12px;
background: transparent;
border-radius: 5px;
cursor: pointer;
font-size: 12px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.48px;
text-transform: uppercase;
border-radius: 150px;
border: 1px solid #E2E2E2;
transition: all 0.4s ease-in-out;
}
.tag:hover {
background: #2A5FB2;
color: white;
}
.content-section {
display: none;
padding-left: 32px;
padding-top: 75px;
}
.content-section.active {
display: block;
}
.content-section h3 {
color: #0F0F0F;
font-size: 32px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.64px;
padding-bottom: 22px;
}
.image-area {
width: 100%;
height: 400px;
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/1440w-light.svg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-top: 32px;
box-shadow: -3.097px -2.478px 14.866px 0px rgba(0, 0, 0, 0.10);
}
.dot {
width: 22px;
height: 22px;
background: #CBDFFF;
border-radius: 50%;
position: absolute;
}
.dot::before {
content: '';
width: 14px;
height: 14px;
background: #2A5FB2;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 1;
}
.dot.pulse::before {
animation: pulse 1s infinite;
}
#dot-url {
top: 13%;
right: 3%;
}
#dot-job-title {
top: 12%;
left: 2%;
}
#dot-company-logo {
top: 20%;
left: 3%;
}
#dot-company-name {
top: 14%;
left: 56%;
}
#dot-location {
top: 16%;
left: 18%;
}
#dot-direct-apply {
top: 28%;
left: 16%;
}
#dot-occupational-category {
top: 45%;
left: 34%;
}
#dot-frequent-reposting {
top: 20%;
left: 51%;
}
#dot-skills-specialities {
bottom: 21%;
left: 30%;
}
#dot-job-description {
top: 41%;
left: 56%;
}
#dot-salary-estimates {
top: 59%;
left: 70%;
}
#dot-company-reviews {
top: 45%;
left: 67%;
}
#dot-seo-meta-tags,
#dot-ml-generated-keywords,
#dot-real-time-updates {
display: none;
}  .machine-learning-section {
background-image: url(//jobiak.ai/wp-content/uploads/2024/12/Frame-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding-top: 80px;
margin-bottom: -80px;
}
.heading-content-wrapper {
padding-bottom: 38px;
}
.heading-content-wrapper h5 {
font-size: 16px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.32px;
border-radius: 16px;
border: 0.8px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(55px);
-webkit-backdrop-filter: blur(55px);
padding: 4px 12px;
width: fit-content;
margin: auto;
}
.heading-content-wrapper h2 {
padding: 13px 0;
font-weight: 600;
line-height: 114%;
letter-spacing: -1px;
}
.heading-content-wrapper p {
font-size: 14px;
font-weight: 400;
line-height: 160%;
text-align: center;
max-width: 85%;
margin: auto;
}
.heading-content-wrapper p strong {
font-weight: 700;
}
.training-data-wrapper {
padding: 40px 0;
text-align: center;
}
.training-data-wrapper h3 {
font-size: 32px;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.32px;
padding-bottom: 40px;
}
.machine-learning-cards {
padding-top: 68px;
position: relative;
z-index: 1;
}
.machine-learning-cards .row {
margin-left: -10px;
margin-right: -10px;
}
.machine-learning-cards .col-sm-4 {
padding-left: 10px;
padding-right: 10px;
}
.card-block {
border-radius: 10px;
background: url(//jobiak.ai/wp-content/uploads/2024/12/key-innovations-card-bg-e1733685017152.png);
background-repeat: no-repeat;
background-size: cover;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
height: 100%;
padding: 24px;
}
.card-image-wrapper {
width: 80px;
height: 80px;
background-color: #1d1d39;
position: relative;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.card-image-wrapper.border-gradient-animation::before {
background: linear-gradient(var(--gradient-angle), rgb(73, 238, 235), rgb(29, 29, 57));
border-radius: 11px;
}
.card-image-wrapper img {
width: 48px;
height: 48px;
}
.card-block h3 {
padding: 27px 0 10px;
text-transform: capitalize;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.5px;
}
.card-block ul {
list-style-type: disc;
padding-left: 18px;
}
.card-block ul li {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
#card-block-border-1,
#card-block-border-2,
#card-block-border-3 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}  .contact-page-main {
background-color: #000018;
padding-top: 200px
}
.contact-page-heading {
margin-top: 16px;
font-size: 56px;
line-height: 67.2px;
}
.page-tag {
border-radius: 24px;
border: 0.827px solid rgba(255, 255, 255, 0.30);
background: rgba(255, 255, 255, 0.10);
backdrop-filter: blur(55px);
-webkit-backdrop-filter: blur(55px);
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 22.4px;
letter-spacing: 1px;
color: #fff;
padding: 5px 20px;
}
.contact-info-section {
display: flex;
flex-direction: row;
vertical-align: middle;
max-width: 421px;
width: 100%;
padding: 24px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.02);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
margin-bottom: 13px;
gap: 12px;
}
.contact-img {
display: flex;
padding: 10px 12px;
border-radius: 10px;
position: relative;
background-color: #05051d;
}
.contact-img img {
width: 22px;
height: auto;
margin: auto;
margin-top: 0;
}
div#contact-border-animation-1,
div#contact-border-animation-2,
div#contact-border-animation-3 {
position: absolute;
width: 43px;
height: 43px;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.contact-detail .contact-lable {
opacity: 0.7;
font-size: 16px;
font-style: normal;
font-weight: 400;
text-transform: capitalize;
}
.contact-detail .contact-value {
font-size: 16px;
font-style: normal;
font-weight: 500;
}
.contact-detail .contact-value:hover {
opacity: 0.7;
}
p.contact-page-sub-heading {
color: #FFF;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 500;
opacity: 0.7;
margin-top: 16px;
margin-bottom: 35px;
} .form-outer-container {
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.02);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.form-inner-container {
width: 100%;
background-color: #1e1e2e05;
border-radius: 10px;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
padding: 25px;
color: #fff;
font-family: 'Roboto', sans-serif;
z-index: 0;
}
textarea::placeholder {
font-family: 'Roboto';
} .contact-form-row {
margin-bottom: 15px;
}
.contact-form-col {
display: inline-block;
width: calc(50% - 10px);
vertical-align: top;
}
.contact-form-col:first-child {
margin-right: 20px;
}
.contact-form-row p {
width: 100%;
}
.contact-form-row {
display: flex;
width: 100%;
flex-direction: row;
justify-content: left;
}
.contact-form-title {
font-size: 24px;
font-style: normal;
font-weight: 500;
margin-bottom: 13px;
text-transform: capitalize;
}
.contact-form-row.contact-form-submit-btn {
margin-bottom: -30px;
}
.contact-form-col span.lable-text {
display: inline-block;
padding-bottom: 4px;
}
.contact-form-row.contact-form-submit-btn p {
text-align: center;
}
.contact-form-row select option {
background-color: #0e0e24;
color: #FFFFFF;
} .map-section {
padding-top: 150px;
padding-bottom: 100px;
position: relative;
margin-top: -1px;
overflow: hidden;
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/specifications-background.png);
}
.map-section .map-heading {
text-align: center;
font-family: Roboto;
font-size: 48px;
font-style: normal;
font-weight: 600;
padding-bottom: 100px;
line-height: 54px;
}
.map-section .map-bg {
background-image: url(//jobiak.ai/wp-content/uploads/2024/11/Vector-2.svg);
height: 544px;
width: 1280px;
margin: auto;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
position: relative;
will-change: transform, transform-origin;
transition: all ease-in-out 0.9s !important;
}
.map-bg.zoom {
transform: scale(1.6);
}
.map-bg.zoom-usa {
transform-origin: 18% 26%;
}
.map-bg.zoom-india {
transform-origin: 63% 50%;
}
.map-bg {
transform-origin: inherit;
}
.outer-layer-pulse {
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
vertical-align: middle;
transform: scale(1);
box-shadow: 0 0 0 black;
animation: anim-vibrate 2s infinite;
cursor: pointer;
}
.inner-layer-pulse {
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #2A5FB2;
transform: scale(1);
box-shadow: 0 0 0 black;
animation: anim-pulse 2s infinite;
margin: auto;
}
.usa-area {
position: absolute;
top: 27%;
left: 19.3%;
}
.india-area {
position: absolute;
right: 37.4566%;
top: 40.1%;
}
.country-cards {
background: #ffffff1f;
border-radius: 10px;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
width: 388px;
}
.country-cards .card {
background: linear-gradient(180deg, rgba(5, 5, 29, 0.00) 0%, #05051D 100%);
color: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
max-width: 388px;
position: relative;
}
.country-cards .card::before {
content: '';
position: absolute;
top: 0;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 10px;
padding: 2px;
background: linear-gradient(to bottom,
rgba(255, 255, 255, 0.2) 20%,
rgba(255, 255, 255, 0.04) 4%,
rgba(255, 255, 255, 0.2) 20%);
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: destination-out;
mask-composite: exclude;
z-index: -1;
}
.card-header {
display: flex;
flex-direction: row;
gap: 7px;
}
.card-header img {
width: 30px;
height: 30px;
}
.country-cards .card-title {
font-size: 1.2rem;
margin: 0;
}
.country-cards .card-text {
margin: 5px 0;
font-size: 0.9rem;
color: #fff;
opacity: 0.9
}
.map-text {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 1280px;
margin: auto;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, visibility 0.5s ease;
z-index: 2;
}
.map-bg.zoom-usa .usa-country-cards,
.map-bg.zoom-india .india-country-cards {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.usa-country-cards {
position: absolute;
left: 23.5%;
top: 43%;
display: flex;
}
.india-country-cards {
flex-direction: column;
gap: 20px;
position: absolute;
bottom: 23%;
right: 6.5%;
display: flex;
transition: all ease-in-out 0.4s;
}
.map-bg.zoom-usa.zoom+.map-text,
.map-bg.zoom-india.zoom+.map-text {
opacity: 1;
}
.map-section-mobile {
display: none;
}
.card-content.card-content-two {
margin-top: 15px;
}
.wpcf7-spinner {
display: block;
margin: auto;
margin-top: 8px;
margin-bottom: 16px;
}  .our-values-card-grid-sec {
background: #000018;
padding: 100px 0;
position: relative;
}
.our-values-card-grid-sec .row {
margin-right: -10px;
margin-left: -10px;
}
.our-values-card-grid-sec .col-sm-6,
.our-values-card-grid-sec .col-sm-4 {
padding-right: 10px;
padding-left: 10px;
}
.our-values-first-grid.row {
padding-bottom: 29px;
}
.our-values-first-grid.row .col-sm-6:first-child .cardBg img {
width: 107px;
height: 107px;
}
.our-values-first-grid.row .col-sm-6:last-child .cardBg img {
width: 99px;
height: 99px;
}
.our-values-first-grid.row .cardBg {
border-radius: 8px;
padding: 43px 22px 32px 26px;
height: 390px;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.our-values-first-grid.row .cardBg h3 {
padding: 74px 0 8px;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 130%;
}
.our-values-first-grid.row .cardBg p {
font-size: 18px;
line-height: 150%;
}
.our-values-content {
text-align: center;
padding: 91px 0 30px;
}
.our-values-content p.bordered-text.white-gradient-frame {
width: fit-content;
margin: auto;
height: 28px;
padding: 14.892px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 16px;
border: 0.827px solid rgba(255, 255, 255, 0.30);
background: rgba(255, 255, 255, 0.10);
backdrop-filter: blur(55px);
-webkit-backdrop-filter: blur(55px);
line-height: normal;
}
.our-values-content h2 {
padding: 13px 0;
}
.our-values-content p:last-child {
font-size: 14px;
max-width: 999px;
margin: auto;
text-transform: capitalize;
}
.values-card {
padding: 24px 19px 33px 25px;
border-radius: 10px;
border: 2px solid rgba(255, 255, 255, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgba(81, 82, 127, 0.2);
height: 100%;
}
img.bg-img {
position: absolute;
bottom: 0;
z-index: 1;
width: 100%;
object-fit: cover;
}
.our-values-card-grid-sec .container {
position: relative;
z-index: 2;
}
.our-values-second-grid.row {
justify-content: center;
}
.our-values-second-grid.row .col-sm-4 {
margin-bottom: 20px;
}
.values-card h3 {
padding: 27px 0 10px;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.5px;
}
.values-card p {
font-size: 14px;
line-height: 150%; letter-spacing: -0.28px;
opacity: 0.6;
}
.values-card img {
width: 48px;
height: 48px;
}
.values-card-icon {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
border-radius: 20px;
background: #51527f33;
}
#value-card-border-1,
#value-card-border-2,
#value-card-border-3,
#value-card-border-4,
#value-card-border-5 {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.founder-card-with-img-sec {
position: relative;
height: 635px;
}
.founder-card-with-img-sec img.bg-img {
z-index: -1;
height: 100%;
}
.founder-card {
position: relative;
padding: 30px;
z-index: 3;
border-radius: 10px;
}
img.card-bg-img {
position: absolute;
bottom: 0;
width: 100%;
object-fit: cover;
z-index: 1;
top: 0;
left: 0;
right: 0;
height: 100%;
border-radius: 10px;
}
.founder-card-content {
position: relative;
z-index: 3;
}
.founder-card-content h4 {
border-radius: 200px;
border: 1px solid #FFF;
background: var(--Sky-Blue-600-Main, #4188BF);
box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
height: 32px;
padding: 11px;
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
}
.founder-card-content h2 {
padding: 13px 0;
line-height: 114%;
letter-spacing: -1px;
}
.founder-card-content p {
font-size: 18px;
font-style: italic;
line-height: 135%;
}
.founder-card-with-img-sec .img-col {
position: absolute;
z-index: 1;
width: 655px;
height: 100%;
right: 0;
bottom: 0;
top: 0;
margin: auto;
display: flex;
align-items: center;
justify-content: end;
}
.founder-card-with-img-sec .row {
position: relative;
align-items: center;
height: 100%;
}
.founder-card-with-img-sec .img-col img {
height: 100%;
}
.founder-card-with-img-sec .container {
height: 100%;
}
.founder-card-with-img-sec .col-sm-6 {
flex: 0 0 58%;
max-width: 58%;
}
.our-team-sec {
background: #000018;
padding: 100px 0;
}
.our-team-heading-sec h2.section-heading {
line-height: 114%;
padding: 13px 0 21px;
}
.our-team-heading-sec p {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 160%;
max-width: 787px;
margin: auto;
text-align: center;
}
.our-team-heading-sec {
padding-bottom: 90px;
}
.category-btn {
padding: 47px 20px;
border: none;
outline: none;
color: #fff;
background: transparent;
position: relative;
}
.category-btn .btn-bg {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 18px;
}
.category-btn .btn-bg.active-btn-bg {
opacity: 0;
}
.category-btn h3 {
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 91%;
text-transform: uppercase;
color: #fff;
position: relative;
z-index: 2;
}
.category-btn h3 span {
display: block;
font-size: 40px;
letter-spacing: -0.8px;
}
button.bubble.category-btn:nth-of-type(1) h3 span {
text-transform: capitalize;
}
.bubble-container {
position: relative;
width: 100%;
height: 100%;
display: flex;
gap: 12px 18px;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.bubble {
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
}
.bubble.large {
width: 227px;
height: 227px;
}
.bubble.medium {
width: 188px;
height: 188px;
}
.bubble.small {
width: 152px;
height: 152px;
}
.bubble img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
}   .bubble.active {
z-index: 3;
}
button.bubble.category-btn {
width: fit-content !important;
height: fit-content !important;
min-width: 346px;
border-radius: 18px;
} .bubble.hidden .member-img-container::before {
background: linear-gradient(180deg, rgba(73, 238, 235, 0.00) 41.2%, rgba(8, 66, 165, 0.90) 100%);
opacity: 1;
}
.bubble.team-bubble:nth-of-type(1) {
margin-left: 50px;
}
.bubble.team-bubble:nth-of-type(7) {
margin-top: -28px;
}
button.bubble.category-btn:nth-of-type(1) {
margin-top: -100px;
margin-bottom: 50px;
min-width: 292px;
}
button.bubble.category-btn:nth-of-type(2) {
margin-top: -90px;
margin-bottom: 70px;
}
.bubble.team-bubble:nth-of-type(8) {
margin-left: 46px;
}
.bubble.team-bubble:nth-of-type(9) {
margin-top: -42px;
}
.bubble.team-bubble:nth-of-type(11) {
margin-top: -62px;
margin-right: 60px
}
.bubble.team-bubble:nth-of-type(12) {
margin-left: 72px;
margin-top: 8px;
}
.bubble.team-bubble:nth-of-type(13) {
margin-right: 62px;
margin-top: -52px;
}
.bubble.team-bubble:nth-of-type(14) {
margin-left: 167px;
margin-bottom: -10px;
}
.bubble.team-bubble:nth-of-type(15) {
margin-top: -98px;
}
.bubble.team-bubble:nth-of-type(16) {
margin-right: 125px;
}
.bubble.team-bubble:nth-of-type(17) {
margin-top: -20px;
}
.bubble.team-bubble:nth-of-type(19) {
margin-top: -116px;
}
button.bubble.category-btn:nth-of-type(3) {
margin-top: -35px;
margin-bottom: 56px;
}
button.bubble.category-btn.active img.btn-bg.default-btn-bg {
opacity: 0;
}
button.bubble.category-btn.active img.btn-bg.active-btn-bg {
opacity: 1;
}
.member-img-container {
position: relative;
border-radius: 50%;
}
.member-img-container::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(73, 238, 235, 0.00) 2%, rgba(86, 151, 197, 0.90) 100%);
border-radius: 50%;
z-index: 1;
transition: opacity .2s linear;
}
.member-img-container img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: .2s linear;
}
.bubble.active .member-img-container::before {
opacity: 0;
}
.bubble.active .member-img-container img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.bubble-content {
white-space: nowrap;
text-align: center;
padding-top: 10px;
opacity: 0;
visibility: hidden;
transition: opacity .2s linear 0s, visibility 0s linear .2s;
}
.bubble-content h4 {
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 114%;
letter-spacing: -1px;
padding-bottom: 6px;
margin: 0;
}
.bubble-content h5 {
color: rgba(255, 255, 255, 0.50);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 114%;
letter-spacing: -1px;
margin: 0;
}
.bubble.active .bubble-content {
opacity: 1;
visibility: visible;
}
.bubble-content a svg,
.bubble-content a svg rect,
.bubble-content a svg path {
transition: all ease-in-out 0.4s;
}
.bubble-content a svg {
width: 24px;
height: 24px;
margin-top: 10px;
}
.bubble-content a:hover svg rect {
fill: #0090ff;
}
.bubble-content a:hover svg path {
fill: #fff;
}  .faq-section {
background-color: #f5f5f9;
position: relative;
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/faq-bg-lines.svg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.faq-section::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/faq-gradient.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
width: 100%;
height: 100%;
}
.faq-section-wrapper {
padding-top: 68px;
padding-bottom: 68px;
}
.faq-query-box-container {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/faq-query-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 26px 22px 26px 18px;
border-radius: 8px;
}
.faq-section-wrapper.row {
margin-left: -12px;
margin-right: -12px;
}
.faq-section-wrapper .col-sm-3,
.faq-section-wrapper .col-sm-9 {
padding-left: 12px;
padding-right: 12px;
}
.faq-section-wrapper .col-sm-3 {
-ms-flex: 0 0 28%;
flex: 0 0 28%;
max-width: 28%;
}
.faq-section-wrapper .col-sm-9 {
-ms-flex: 0 0 72%;
flex: 0 0 72%;
max-width: 72%;
}
.faq-query-box-container h4 {
font-size: 20px;
font-weight: 600;
line-height: 120%;
}
.faq-query-box-container h5 {
font-weight: 400;
line-height: 150%;
padding: 10px 0 26px;
}
.gradient-faq-border-line {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 6.27%, rgba(0, 0, 0, 1) 51.23%);
opacity: 0.2;
height: 1px;
width: 100%;
}  .accordionjs {
position: relative;
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
row-gap: 12px;
z-index: 2;
}
.accordionjs .acc_section {
position: relative;
overflow: hidden;
background-color: #FFFFFF;
border-radius: 10px;
border: 2px solid #FFFFFF;
transition: all 0.4s ease-in-out;
}
.accordionjs .acc_section .acc_head {
position: relative;
display: block;
cursor: pointer;
}
.accordionjs .acc_section.acc_active {
border: 2px solid #4188BF;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
}
.accordionjs .acc_section .acc_content {
padding: 0 24px 24px;
}
.accordionjs .acc_section.acc_active>.acc_content {
display: block;
}
.accordionjs .acc_section .acc_head {
display: flex;
flex-wrap: nowrap;
column-gap: 20px;
}
li.acc_section.acc_active .ant-collapse-header.acc_head {
color: #4188BF;
}
.accordionjs .acc_section .ant-collapse-header {
cursor: pointer;
padding: 24px 24px 14px;
transition: all ease-in-out 0.4s;
}
.accordionjs .acc_section .ant-collapse-header span {
max-width: 90%;
}
.ant-collapse-content {
overflow: hidden;
}
.custom-cms-content p {
color: #0F0F0F;
padding-top: 10px;
}
.custom-cms-content p:first-child {
padding-top: 0;
}
.custom-cms-content a {
color: #4188BF;
font-size: 16px;
font-weight: 700;
text-decoration: underline;
}
.custom-cms-content a:hover {
color: #4188BF;
text-decoration: none;
}
.faq-icon {
width: 16px;
height: 16px;
margin-left: auto;
padding-top: 8px;
}
.faq-icon svg {
width: 16px;
height: 16px;
}
.faq-icon path {
transition: all ease-in-out 0.3s;
}
.acc_active path.vertical-line {
opacity: 0;
}
.faq-heading {
position: relative;
font-size: 22px;
font-weight: 500;
line-height: 150%;
padding-left: 20px;
padding-bottom: 10px;
-webkit-font-smoothing: antialiased;
}
.faq-heading::before {
content: "";
position: absolute;
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/chevron_right.svg);
background-repeat: no-repeat;
background-size: 20px;
width: 20px;
height: 20px;
top: 6px;
left: 0;
}
.custom-cms-content ul,
.custom-cms-content ol {
padding-left: 22px;
margin-bottom: 20px;
}
.custom-cms-content ul {
list-style-type: disc;
}
.custom-cms-content li {
font-size: 20px;
font-weight: 400;
line-height: 29px;
letter-spacing: -0.6px;
}
.custom-cms-content {
padding: 10px 0 0;
}  .page-id-869 .inner-page-banner-section .hero-banner-content h3,
.page-id-930 .inner-page-banner-section .hero-banner-content h3 {
font-size: 18px;
max-width: 90%;
}
.page-id-869 .inner-page-banner-section,
.page-id-930 .inner-page-banner-section {
overflow: hidden;
}
.page-id-869 #how-it-works-anime,
.page-id-930 #how-it-works-anime {
display: flex;
justify-content: center;
}
.page-id-869 #how-it-works-anime svg,
.page-id-930 #how-it-works-anime svg {
max-width: 230px;
}
.page-id-869 .innovation-image-with-content-and-button,
.page-id-930 .innovation-image-with-content-and-button,
.single-blog .innovation-image-with-content-and-button,
.single-news .innovation-image-with-content-and-button,
.single-careers .innovation-image-with-content-and-button,
.single .innovation-image-with-content-and-button,
.page-id-1138 .innovation-image-with-content-and-button,
.page-id-1136 .innovation-image-with-content-and-button,
.privacy-policy .innovation-image-with-content-and-button,
.page-id-1241 .innovation-image-with-content-and-button {
padding: 88px 0 36px;
}
.page-id-869 .innovation-image-with-content-and-button .direct-inner-apply-section-container,
.page-id-930 .innovation-image-with-content-and-button .direct-inner-apply-section-container {
padding: 65px 77px 42px 62px;
}
.page-id-869 .direct-apply-main p,
.page-id-930 .direct-apply-main p,
.single-blog .direct-apply-main p,
.single .direct-apply-main p,
.single-news .direct-apply-main p {
padding-bottom: 25px;
opacity: 0.8;
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: normal;
}
.blogs-template-section {
background-color: #FFFFFF;
padding: 69px 0;
}
.blogs-wrapper.row {
margin-left: -10px;
margin-right: -10px;
}
.blogs-wrapper .col-sm-4 {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
}
.blog-container {
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.05);
background: #FFF;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
height: 100%;
position: relative;
}
.blog-categories {
display: flex;
width: max-content;
border-radius: 200px;
border: 1px solid #FFF;
background-color: #4188BF;
padding: 4px 11px;
box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
position: absolute;
top: 10px;
left: 10px;
}
.blog-categories li {
font-size: 14px;
font-weight: 500;
line-height: 140%;
letter-spacing: -0.28px;
}
.blog-thumbnail {
height: 218px;
}
.blog-thumbnail a {
display: block;
width: 100%;
height: 100%;
}
.blog-thumbnail img {
border-radius: 10px 10px 0 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-title a {
font-size: 22px;
font-weight: 600;
line-height: 120%;
}
.blog-content {
padding: 24px 16px;
}
.author-name {
padding-right: 6px;
}
.blog-date {
position: relative;
padding-left: 10px;
}
.blog-date::before {
content: "";
position: absolute;
width: 3px;
height: 3px;
background-color: rgba(15, 15, 15, 0.6);
left: 0;
top: 6px;
border-radius: 50%;
}
.blog-autor-date-wrapper {
display: flex;
align-items: center;
padding-bottom: 8px;
}
.blog-autor-date-wrapper h6 {
font-weight: 300;
line-height: 17px;
opacity: 0.6;
}
.author-name {
text-transform: capitalize;
}
.blog-description h5 {
padding: 12px 0 16px;
line-height: 160%;
opacity: 0.8;
font-weight: 400;
}
.read-blog a {
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
gap: 8px;
}
.read-blog svg {
width: 16px;
height: 16px;
transition: all 0.4s ease-in-out;
}
.read-blog a:hover svg {
transform: translateX(4px);
}
.search-sort-container-wrapper {
padding-bottom: 20px;
}
.search-sort-container-wrapper .col-sm-3,
.search-sort-container-wrapper .col-sm-5 {
height: 48px;
}
.blog-filter {
margin-left: auto;
}
.search-container {
width: 88%;
}
.search-container,
.sort-container,
.category-filter {
display: flex;
cursor: pointer;
align-items: center;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: rgba(255, 255, 255, 0.03);
height: 100%;
}
.search-container input:focus {
outline: none;
border: none;
}
.search-container form {
padding-right: 8px;
}
.search-container form,
.sort-container form,
.category-filter form {
width: 100%;
padding: 12px 16px;
}
.sort-container form,
.category-filter form {
padding-left: 0;
}
.search-container img {
padding-right: 16px;
}
#blog-name::placeholder,
#news-name::placeholder,
#news-name,
#blog-name {
color: #0F0F0F;
opacity: 1;
font-size: 16px;
font-weight: 400;
line-height: 125%;
font-family: 'Inter', sans-serif;
}
.search-container input[type="text"] {
padding: 0;
border-radius: unset;
}
.sort-container select,
.category-filter select {
font-family: 'Roboto', sans-serif;
;
width: 100%;
padding: 0;
padding-left: 4px;
border: none;
font-size: 16px;
font-weight: 400;
line-height: 150%;
background-color: transparent;
color: #0F0F0F;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/down.svg);
background-repeat: no-repeat;
background-size: 24px;
background-position: right;
}
.sort-container svg,
.category-filter svg {
width: 24px;
height: auto;
margin-left: 16px;
}
.pagination-container {
display: block;
gap: 10px;
justify-content: center;
}
.pagination-btn {
width: 34px;
height: 32px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
font-family: 'Roboto', sans-serif;
padding: 0;
border: 1px solid #ccc;
background: #fff;
color: #333;
border-radius: 4px;
cursor: pointer;
transition: all 0.4s ease-in-out;
}
.pagination-btn.active {
background-color: #4188BF;
color: #FFFFFF;
cursor: auto;
}
@media (max-width: 480px) {
.pagination-btn {
font-size: 12px;
min-width: 28px;
}
.pagination-container {
gap: 6px;
margin: 15px 0;
}
}  .detail-page-banner-section,
.career-detail-page-banner-section {
padding-top: 64px;
min-height: 294px;
position: relative;
display: flex;
align-items: flex-end;
background: linear-gradient(90deg, #000018 55.37%, rgba(0, 0, 24, 0.20) 77.87%, #000018 100%);
}
.detail-page-banner-section img {
position: absolute;
object-fit: cover;
z-index: -1;
width: 50%;
right: 0;
top: 0;
bottom: 0;
height: 100%;
}
.detail-page-banner-content,
.career-detail-page-banner {
padding-bottom: 51px;
}
.detail-page-banner-content h4 {
opacity: 0.6;
font-weight: 500;
line-height: 140%;
padding-bottom: 10px;
}
.detail-page-banner-content h2 {
font-size: 40px;
font-weight: 700;
line-height: 110%;
letter-spacing: -0.8px;
}
.detail-page-blog-section {
padding: 69px 0;
background-color: #f5f5f9;
position: relative;
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/faq-bg-lines.svg);
background-repeat: no-repeat;
background-size: 100% auto;
}
.detail-page-blog-section::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background-image: url(//jobiak.ai/wp-content/uploads/2025/02/Blur.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 100%;
height: 100%;
}
.detail-page-blog-section .row {
margin-left: -12px;
margin-right: -12px;
}
.detail-page-blog-wrapper .col-sm-8,
.detail-page-blog-wrapper .col-sm-4 {
padding-left: 12px;
padding-right: 12px;
}
.blog-detail-container {
border-radius: 10px;
border: 1px solid #D9DDEC;
background: #FFF;
position: relative;
}
.blog-detail-container p:has(img) {
padding-top: 0;
}
.blog-detail-container img {
width: 100%;
border-radius: 10px;
}
.blog-template-default .blog-detail-description img {
width: 60%;
display: block;
margin: auto;
margin-bottom: 10px;
max-height: 480px;
}
.blog-detail-description img,
.blog-detail-description iframe,
.blog-detail-description video {
display: block;
margin: auto;
}
.blog-detail-container p {
color: rgba(0, 0, 0, 0.6);
font-weight: 300;
line-height: 150%;
}
.blog-detail-container a {
color: #4188BF;
font-size: 16px;
font-weight: 700;
line-height: 150%;
word-break: break-word;
text-decoration-line: underline;
transition: all 0.4s ease-in-out;
}
.blog-detail-container .blog-categories {
top: 16px;
left: 16px;
}
.blog-detail-container a:hover {
text-decoration: none;
}
.blog-detail-description {
padding: 24px 32px;
}
.blog-detail-description ul,
.blog-detail-description ol {
padding-bottom: 10px;
padding-left: 18px;
}
.blog-detail-description li {
color: rgba(0, 0, 0, 0.6);
list-style-type: disc;
}
.blog-detail-description li li {
list-style-type: square;
padding-left: 10px;
}
.blog-detail-description li li li{
list-style-type: circle;
}
.blog-detail-description p,
.blog-detail-description h5,
.blog-detail-description > div {
padding-bottom: 10px;
}
.blog-detail-description p strong {
color: #333;
font-weight: 500;
}
.blog-categories-list {
display: flex;
flex-wrap: wrap;
padding: 0 32px;
gap: 4px;
}
.blog-categories-list li {
border-radius: 200px;
width: max-content;
border: 1px solid #C4C4C4;
background-color: #FFFFFF;
padding: 4px 11px;
box-shadow: 0px 1px 2px 0px rgba(82, 88, 102, 0.06);
}
.active-blog-categories {
padding: 0 0 40px;
}
.recent-blogs h3 {
color: #2A2A2A;
font-size: 20px;
padding-bottom: 20px;
}
.recent-blogs .blog-container {
margin-bottom: 20px;
}
.google-for-jobs-analysis-section {
padding: 0 32px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
text-align: center;
}
.google-for-jobs-analysis-section h3 {
color: #333;
font-size: 24px;
font-weight: 600;
line-height: 34px;
}
.google-for-jobs-analysis-section p {
font-weight: 600;
color: #333;
}
.google-for-jobs-analysis-section a {
color: #FFFFFF;
text-decoration: none;
margin-bottom: 32px;
}  .innovation-banner-content .innovation-text p strong {
color: rgba(255, 255, 255, 1);
font-weight: 700;
}
.page-id-957 .innovation-banner-section,
.page-id-964 .innovation-banner-section {
min-height: 591px;
}
.page-id-957 .innovation-banner-section .video-col,
.page-id-964 .innovation-banner-section .video-col {
right: 0;
top: 0;
bottom: 0;
flex: 100%;
max-width: 42%;
padding: 0;
overflow: visible;
width: 100%;
}
.page-id-957 .innovation-banner-section video,
.page-id-964 .innovation-banner-section video {
object-fit: contain;
transform: scale(1);
}
.innovation-banner-content h2 span h5.diamond-marker {
margin-left: 10px;
}
.page-id-957 h2 span h5.diamond-marker {
display: inline-block;
text-transform: capitalize;
border-radius: 254px;
border: 1.274px solid #FFF;
}
h5.diamond-marker.edge {
background-color: #2A5FB2;
}
h5.diamond-marker.edge,
h5.diamond-marker.pro {
text-transform: capitalize;
}  .direct-apply-edge-pro-intro-section {
background-color: #FFFFFF;
padding: 56px 0;
}
.direct-apply-edge-pro-intro-section .row {
margin-left: -10px;
margin-right: -10px;
}
.direct-apply-edge-pro-intro-section .col-sm-9,
.direct-apply-edge-pro-intro-section .col-sm-3 {
padding-left: 10px;
padding-right: 10px;
}
.direct-apply-edge-pro-content {
background-color: #F5F5F9;
border-radius: 12px;
padding: 28px 32px;
height: 100%;
}
.direct-apply-edge-pro-content h2 {
padding-bottom: 12px;
font-size: 40px;
font-weight: 600;
line-height: 114%;
letter-spacing: -1px;
text-transform: capitalize;
}
.direct-apply-edge-pro-content h2 span {
color: #58A5E1;
}
.direct-apply-edge-pro-content h4 {
font-size: 20px;
font-weight: 700;
line-height: 150%;
padding-bottom: 10px;
}
.direct-apply-edge-pro-content h4:nth-of-type(1) {
padding-top: 8px;
}
.direct-apply-edge-pro-content h4:nth-of-type(2) {
padding-top: 32px;
}
.direct-apply-edge-pro-animation {
height: 100%;
border-radius: 8px;
display: flex;
align-items: center;
}
.direct-apply-edge-pro-animation video {
width: 100%;
border-radius: 8px;
}
.direct-apply-edge-pro-content ul li {
padding-bottom: 12px;
position: relative;
padding-left: 27px;
font-size: 15px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.45px;
}
.direct-apply-edge-pro-content ul li span {
font-weight: 700;
}
.direct-apply-edge-pro-content ul li::before {
content: "";
position: absolute;
background-repeat: no-repeat;
width: 17px;
height: 19px;
top: 0;
left: 0;
}
.direct-apply-edge-pro-content ul:nth-of-type(1) li::before {
content: "";
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/red-icon.svg);
}
.direct-apply-edge-pro-content ul li:last-child {
padding-bottom: 0;
}
.direct-apply-edge-pro-content ul:nth-of-type(2) li::before {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/blue-icon.svg);
}
.direct-apply-edge-pro-content p {
color: #0F0F0F;
}
.direct-apply-edge-pro-content p:nth-of-type(1) {
padding-bottom: 32px;
}
.intro-json {
width: 100%;
height: 100%;
}  .page-id-957 .innovation-image-with-content-and-button,
.page-id-964 .innovation-image-with-content-and-button {
padding-top: 56px;
}
.page-id-957 .innovation-image-with-content-and-button p strong,
.page-id-964 .innovation-image-with-content-and-button p strong {
background: var(--asxs, linear-gradient(0deg, #58A5E1 0%, #49EEEB 45%, #37A7FD 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.page-id-964 .innovation-image-with-content-and-button ul {
list-style-type: none;
padding-left: 0;
}
.page-id-964 .innovation-image-with-content-and-button li {
font-size: 18px;
}
.page-id-964 .direct-apply-section-main-container {
padding: 48px 77px 50px;
}
.page-id-964 .direct-apply-section {
padding-bottom: 40px;
}
.page-id-964 .direct-apply-section-main-container h2 span {
color: #58A5E1;
}  .direct-apply-edge-highlights-section {
padding: 100px 0;
}
.direct-apply-edge-highlights-main-heading {
padding: 13px 0 40px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 10px;
flex-wrap: wrap;
}
.direct-apply-edge-highlights-grid-container .row {
margin-left: -10px;
margin-right: -10px;
row-gap: 20px;
}
.direct-apply-edge-highlights-grid-container .col-sm-3,
.direct-apply-edge-highlights-grid-container .col-sm-4,
.direct-apply-edge-highlights-grid-container .col-sm-5,
.direct-apply-edge-highlights-grid-container .col-sm-6,
.direct-apply-edge-highlights-grid-container .col-sm-12 {
padding-left: 10px;
padding-right: 10px;
}
.direct-apply-edge-highlights-heading h2.section-heading {
font-weight: 500;
line-height: 114%;
letter-spacing: -1px;
}
.edge-highlights-row-1-container {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/highlights-row1-background.svg);
background-repeat: no-repeat;
background-size: cover;
display: flex;
height: 410px;
overflow: hidden;
border-radius: 8px;
}
.edge-highlights-row-1-content {
width: 24%;
padding: 60px 0 37px 40px;
}
.edge-highlights-row-1-content h2 {
font-weight: 700;
line-height: 110%;
padding-bottom: 10px;
text-transform: capitalize;
}
.edge-highlights-row-1-content h4 {
font-size: 20px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.4px;
}
.edge-highlights-row-1-image {
width: 76%;
margin-left: auto;
margin-top: 54px;
margin-right: -44px;
background-repeat: no-repeat;
position: relative;
}
.edge-highlights-row-1-image h5.diamond-marker::before,
.pro-highlights-row-1-image h5.diamond-marker::before {
display: none;
}
.edge-highlights-row-1-image h5.diamond-marker,
.pro-highlights-row-1-image h5.diamond-marker {
font-family: "Helvetica";
font-size: 17.938px;
font-weight: 400;
line-height: 140%;
letter-spacing: -0.359px;
background-color: #0b57d0;
padding: 8px 16px;
position: absolute;
top: 142px;
left: 35px;
}
.edge-highlights-grid-item-2 {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/highlights-grid-2.png);
background-repeat: no-repeat;
background-size: cover;
padding: 28px 0;
min-height: 318px;
height: 100%;
}
.edge-highlights-grid-item-2 h3,
.edge-highlights-grid-item-2 p {
padding-left: 24px;
width: 78%;
}
.edge-highlights-grid-item-4 {
background-color: rgba(255, 255, 255, 0.10);
}
.edge-highlights-grid-item-2 h3,
.edge-highlights-grid-item-3 h3,
.edge-highlights-grid-item-4 h3,
.pro-highlights-grid-item-5-content h3,
.pro-highlights-grid-item-7 h3 {
font-size: 32px;
font-weight: 700;
line-height: 140%;
letter-spacing: -1px;
padding-bottom: 3px;
text-transform: capitalize;
}
.edge-highlights-grid-item-3 h3,
.edge-highlights-grid-item-3 p {
padding-right: 66px;
}
.edge-highlights-grid-item-3 {
min-height: 318px;
height: 100%;
padding-top: 20px;
position: relative;
overflow: hidden;
}
.edge-highlights-grid-item-3.border-grey::before {
z-index: 0;
}
.edge-highlights-grid-item-3 h3,
.edge-highlights-grid-item-3 p {
padding-left: 24px;
}
.edge-highlights-grid-item-4 h3,
.edge-highlights-grid-item-3 h3,
.edge-highlights-grid-item-3 p,
.pro-highlights-grid-item-5-content h3,
.pro-highlights-grid-item-5-content p,
.pro-highlights-grid-item-7 h3,
.pro-highlights-grid-item-7 p {
position: relative;
z-index: 1;
}
.edge-highlights-grid-item-3-animation {
position: absolute;
z-index: -1;
width: 100%;
left: 0;
right: 0;
top: 4%;
}
.edge-highlights-grid-item-4-animation {
position: absolute;
width: 100%;
transform: scale(1.6);
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.edge-highlights-grid-item-3-animation svg,
.edge-highlights-grid-item-4-animation svg {
display: none;
}
.edge-highlights-grid-item-3-animation svg:nth-of-type(1),
.edge-highlights-grid-item-4-animation svg:nth-of-type(1) {
display: block;
}
.edge-highlights-grid-item-4 {
min-height: 318px;
height: 100%;
position: relative;
overflow: hidden;
padding: 25px 18px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.edge-highlights-grid-item-4 img {
width: 49px;
}
.edge-highlights-grid-item-4 p {
line-height: 150%;
letter-spacing: -0.32px;
max-width: 84%;
}
.edge-highlights-grid-item-5 {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/EdgeHighlights5.svg);
background-repeat: no-repeat;
background-size: cover;
min-height: 192px;
height: 100%;
border-radius: 8px;
display: flex;
}
.green-man,
.yellow-woman {
width: 82px;
}
.green-man {
margin-bottom: auto;
animation: green-man 8s linear 0s infinite;
}
.yellow-woman {
margin-left: auto;
margin-top: auto;
animation: yellow-woman 8s linear 0s infinite;
}
.avatar-container {
display: flex;
padding-bottom: 16px;
width: 50%;
height: 100%;
padding-right: 20px;
}
.edge-highlights-grid-item-5-content {
padding: 32px 0 21px 36px;
width: 50%;
height: 100%;
}
.edge-highlights-grid-item-5-content h2 {
font-size: 90px;
font-weight: 700;
line-height: 110%;
}
.edge-highlights-grid-item-5-content h4 {
opacity: 0.6;
font-weight: 400;
line-height: 150%;
}
.edge-highlights-grid-item-6 {
max-height: 206px;
height: 100%;
display: flex;
overflow: hidden;
}
.edge-highlights-grid-item-6-content {
width: 46%;
padding: 45px 0 0 44px;
}
.edge-highlights-grid-item-6-content h2 {
font-weight: 700;
line-height: 140%;
letter-spacing: -1px;
}
.edge-highlights-grid-item-6-content h4 {
font-weight: 400;
line-height: 150%;
opacity: 0.6;
}
.edge-highlights-grid-item-6-image {
width: 54%;
margin-top: 40px;
border-radius: 10px 0 0 0;
overflow: auto;
margin-left: auto;
margin-right: -50px;
scrollbar-width: none;
}  .direct-apply-animation-section {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/faq-bg.svg);
padding: 82px 0;
background-repeat: no-repeat;
background-size: cover;
background-color: #FFFFFF;
}
.direct-apply-animation-section-content h5.diamond-marker {
border: 1px solid #4188BF;
color: #4188BF;
background: linear-gradient(179deg, #FFF 83.87%, #F5F5F5 125.73%);
margin: auto;
font-weight: 500;
}
.direct-apply-animation-section-content {
text-align: center;
padding-bottom: 62px;
}
.direct-apply-animation-wrapper {
display: flex;
justify-content: center;
}
.direct-apply-animation-section-content h2 {
padding: 7px 0 16px;
font-weight: 500;
line-height: 114%;
letter-spacing: -1px;
text-transform: capitalize;
}
.direct-apply-animation-section-content h5 {
font-weight: 400;
line-height: 160%;
}
.animation-blocks {
width: 253px;
display: flex;
flex-direction: column;
}
.animation-blocks .block img {
margin-top: -20%;
position: relative;
}
.animation-blocks .block {
position: relative;
}
.animation-blocks .block img {
opacity: 0;
}
.block.block-1 img {
margin-top: 0;
z-index: 6;
}
.block.block-2 img {
z-index: 5;
}
.block.block-3 img {
z-index: 4;
}
.block.block-4 img {
z-index: 3;
}
.block.block-5 img {
z-index: 2;
}
.block.block-6 img {
z-index: 1;
}
.block-content {
position: absolute;
width: 340px;
display: flex;
align-items: end;
}
.block-content .number {
font-size: 13px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.13px;
color: #F3F4F9;
border-radius: 50%;
background-color: #219191;
width: 17px;
height: 17px;
text-align: center;
aspect-ratio: 1;
margin-bottom: 11px;
}
.block-content svg path {
stroke: #219191;
}
.block.block-2 svg path,
.block.block-3 svg path {
stroke: #0456D6;
}
.block.block-6 svg path {
stroke: #2871A9;
}
.block.block-2 .block-content .number,
.block.block-3 .block-content .number {
background-color: #0456D6;
}
.block.block-6 .block-content .number {
background-color: #2871A9;
}
.block .block-content {
opacity: 0;
}
.block.block-2 .block-content,
.block.block-4 .block-content,
.block.block-6 .block-content {
right: calc(100% + 4px);
}
.block.block-2 .block-content,
.block.block-4 .block-content {
top: -46px;
}
.block.block-1 .block-content,
.block.block-3 .block-content,
.block.block-5 .block-content {
left: calc(100% + 4px);
}
.block.block-1 .block-content {
top: 54px;
}
.block.block-3 .block-content,
.block.block-5 .block-content {
top: -14px;
}
.block.block-6 .block-content {
top: -24px;
}
.block.block-2 .block-content p,
.block.block-4 .block-content p,
.block.block-6 .block-content p {
text-align: right;
}
.block-text p {
margin-bottom: -10px;
font-weight: 500;
line-height: 130%;
letter-spacing: -0.16px;
}
.block.block-1 .block-content p,
.block.block-3 .block-content p,
.block.block-5 .block-content p {
padding-left: 16px;
}
.block.block-2 .block-content p,
.block.block-4 .block-content p,
.block.block-6 .block-content p {
padding-right: 16px;
}
.animation-blocks.active .block-1 img,
.animation-blocks.active .block-2 img,
.animation-blocks.active .block-3 img,
.animation-blocks.active .block-4 img,
.animation-blocks.active .block-5 img,
.animation-blocks.active .block-6 img {
animation: blockUp 2s ease-in-out forwards;
}
.animation-blocks.active .block-1 img {
animation-delay: 0s;
}
.animation-blocks.active .block-2 img {
animation-delay: 2s;
}
.animation-blocks.active .block-3 img {
animation-delay: 4s;
}
.animation-blocks.active .block-4 img {
animation-delay: 6s;
}
.animation-blocks.active .block-5 img {
animation-delay: 8s;
}
.animation-blocks.active .block-6 img {
animation-delay: 10s;
}
.animation-blocks.active .block-content {
animation: blockFadeIn 1s ease-in-out forwards;
}
.animation-blocks.active .block-1 .block-content {
animation-delay: 1s;
}
.animation-blocks.active .block-2 .block-content {
animation-delay: 3s;
}
.animation-blocks.active .block-3 .block-content {
animation-delay: 5s;
}
.animation-blocks.active .block-4 .block-content {
animation-delay: 7s;
}
.animation-blocks.active .block-5 .block-content {
animation-delay: 9s;
}
.animation-blocks.active .block-6 .block-content {
animation-delay: 11s;
}  .page-id-964 .block.block-1 .block-content {
top: 50px;
}
.page-id-964 .block.block-2 .block-content,
.page-id-964 .block.block-4 .block-content {
top: -27px;
}
.page-id-964 .block.block-3 .block-content {
top: -20px;
}
.page-id-964 .block.block-1 .block-content .number {
background-color: #0456D6;
}
.page-id-964 .block.block-1 svg path {
stroke: #0456D6;
}
.page-id-964 .block.block-2 svg path,
.page-id-964 .block.block-3 svg path {
stroke: #219191;
}
.page-id-964 .block.block-2 .block-content .number,
.page-id-964 .block.block-3 .block-content .number {
background-color: #219191;
}
.page-id-964 .block.block-4 .block-content .number {
background-color: #2871A9;
}
.page-id-964 .block.block-4 svg path {
stroke: #2871A9;
}  .pro-highlights-row-1-content {
width: 30%;
padding: 39px 54px 37px 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pro-highlights-row-1-content h2 {
font-size: 32px;
font-weight: 700;
line-height: 130%;
letter-spacing: -1px;
}
.pro-highlights-row-1-content p {
line-height: 150%;
letter-spacing: -0.32px;
}
.pro-highlights-row-1-scrollable-image {
width: 30%;
overflow: auto;
scrollbar-width: none;
}
.pro-highlights-row-1-image-container {
width: 40%;
}
.pro-highlights-row-1-image {
background-repeat: no-repeat;
margin-top: 40px;
margin-left: 40px;
height: 100%;
border-radius: 12px;
position: relative;
}
.pro-highlights-row-1-image h5.diamond-marker {
font-size: 13.94px;
letter-spacing: -0.279px;
top: unset;
bottom: 103px;
left: 18px;
}
.page-id-964 .edge-highlights-grid-item-3 h3,
.page-id-964 .edge-highlights-grid-item-3 p {
padding-left: 23px;
}
.page-id-964 .edge-highlights-grid-item-3 h3,
.page-id-964 .edge-highlights-grid-item-3 p {
padding-right: 20px;
}
.pro-highlights-grid-item-5 {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/pro-grid-5.png);
background-repeat: no-repeat;
background-size: cover;
min-height: 326px;
height: 100%;
padding: 24px 21px 24px 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.pro-highlights-grid-item-5-content p,
.pro-highlights-grid-item-7 p {
line-height: 150%;
letter-spacing: -0.32px;
}
.pro-highlights-grid-item-5 img {
max-width: 68px;
}
.pro-highlights-grid-item-5.border-grey::before,
.pro-highlights-grid-item-7.border-grey::before {
z-index: 0;
}
.pro-upper-lower-grid-item-6-wrapper {
height: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.pro-upper-grid-item-6-container,
.pro-lower-grid-item-6-container {
min-height: 141px;
height: 50%;
border-radius: 8px;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0px -2px 10px 0px rgba(255, 255, 255, 0.16) inset, 0px 2px 0px 0px rgba(255, 255, 255, 0.16) inset, 0px 1px 2px 0px rgba(81, 57, 234, 0.28);
display: flex;
align-items: center;
padding: 20px 24px;
gap: 16px;
}
.pro-upper-grid-item-6-container h3,
.pro-lower-grid-item-6-container h3 {
font-size: 24px;
font-weight: 700;
line-height: 140%;
}
.pro-upper-grid-item-6-container p,
.pro-lower-grid-item-6-container p {
font-size: 14px;
line-height: 140%;
letter-spacing: -0.28px;
}
.pro-upper-grid-item-6-container {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/dark-blue-pro-bg.png);
}
.pro-lower-grid-item-6-container {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/light-blue-pro-bg.png);
}
.pro-highlights-grid-item-7 {
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/pro-grid-7-bg.png);
min-height: 326px;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
padding: 24px 20px 0px;
position: relative;
}
.pro-highlights-grid-item-7 p {
max-width: 85%;
}
.pro-highlights-grid-item-7 img {
position: absolute;
width: 90%;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}  .legal-page-heading-section {
padding-top: 160px;
padding-bottom: 86px;
position: relative;
background: #000017;
}
.legal-page-heading-section::after {
position: absolute;
content: "";
background: url(//jobiak.ai/wp-content/uploads/2025/01/Frame-2147224555.svg);
top: 0;
left: 0;
width: 100%;
height: 290px;
z-index: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.legal-page-heading {
font-size: 40px;
font-weight: 700;
line-height: 44px;
position: relative;
z-index: 1;
letter-spacing: -0.8px;
font-family: 'Roboto', sans-serif;
}
.privacy-policy .direct-apply-main p,
.page-id-1138 .direct-apply-main p,
.page-id-1136 .direct-apply-main p {
padding-bottom: 25px;
opacity: 0.8;
font-size: 16px;
font-weight: 400;
line-height: 150%;
letter-spacing: normal;
}
.legal-content-section {
position: relative;
background-color: #f5f5f9;
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/faq-bg-lines.svg);
background-repeat: no-repeat;
background-size: 100% auto;
padding-bottom: 70px;
padding-top: 90px;
}
.legal-content-section::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background-image: url(//jobiak.ai/wp-content/uploads/2025/02/Blur.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top;
width: 100%;
height: 100%;
}
.legal-content-section .container {
position: relative;
z-index: 1;
}
.content-wrapper {
margin-bottom: 24px;
padding: 40px 32px;
border: 1px solid #d9ddec;
border-radius: 10px;
background-color: #fff;
word-wrap: break-word;
overflow-wrap: break-word;
}
.content-wrapper ul,
.content-wrapper ol {
padding-top: 24px;
}
.content-wrapper ol {
padding-left: 24px;
}
.content-wrapper ul li {
color: #000;
padding-bottom: 32px;
}
.content-wrapper ul li:last-of-type {
padding-bottom: 0;
}
.content-wrapper ul li strong {
text-transform: capitalize;
color: #333;
font-size: 20px;
font-weight: 700;
line-height: 34px;
}
.content-wrapper a,
.career-detail-content a {
color: #4188BF;
font-size: 18px;
font-weight: 700;
text-decoration-line: underline;
word-wrap: break-word;
overflow-wrap: break-word;
transition: all 0.4s ease-in-out;
}
.content-wrapper a:hover,
.career-detail-content a:hover {
text-decoration: none;
}
.legal-points-list li p {
padding-bottom: 24px;
color: #000;
}
.legal-points-list li p:last-of-type {
padding-bottom: 0;
}
.legal-points-list li p,
.legal-points-list li {
font-size: 18px;
line-height: 150%;
font-weight: 400;
}
.legal-points-list h3 {
color: #333;
font-size: 24px;
font-weight: 700;
line-height: 34px;
text-transform: capitalize;
padding-bottom: 10px;
}
.legal-table {
width: 100%;
padding-top: 24px;
}
.legal-table-container {
overflow-x: auto;
}
.header_item {
padding: 7px 24px;
background-color: #4188BF;
font-size: 20px;
line-height: 34px;
text-transform: capitalize;
color: #fff;
font-weight: 400;
}
.header-item-first {
width: 20%;
}
.header-item-second,
.header-item-third {
width: 40%;
}
.table-data {
font-weight: 400;
line-height: 34px;
padding: 11px 24px;
font-size: 18px;
}
.table-content {
color: #000;
}
.table-content tr:nth-child(10n+1),
.table-content tr:nth-child(10n+2),
.table-content tr:nth-child(10n+3),
.table-content tr:nth-child(10n+4),
.table-content tr:nth-child(10n+5) {
background-color: #F0F9FF;
}
.table-content tr:nth-child(10n+6),
.table-content tr:nth-child(10n+7),
.table-content tr:nth-child(10n+8),
.table-content tr:nth-child(10n+9),
.table-content tr:nth-child(10n+10) {
background-color: #D0EBFF;
}
.page-id-1138 .table-row td.table-data.table-third-column,
.page-id-1138 .header-item-third {
display: none;
}  .careers-template-section {
position: relative;
background-color: #f5f5f9;
background-image: url(//jobiak.ai/wp-content/uploads/2025/01/faq-bg-lines.svg);
background-repeat: no-repeat;
background-size: 100% auto;
padding: 78px 0 80px;
}
.careers-template-section::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
background-image: url(//jobiak.ai/wp-content/uploads/2025/02/Blur.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
width: 100%;
height: 100%;
}
.careers-template-section .container {
position: relative;
z-index: 1;
}
.careers-iframe {
padding: 30px 0;
background-color: #fff;
}
.careers-iframe iframe {
height: 756px;
}
.careers-posts-container {
padding-top: 96px;
}
.careers-posts-container h2 {
font-size: 40px;
font-weight: 700;
line-height: 34px;
color: #333;
padding-bottom: 30px;
}
.career-content {
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.05);
background-color: #FFF;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
padding: 24px;
}
.careers-wrapper.row {
gap: 10px;
padding: 0 0 30px;
}
.career-content h6 {
font-weight: 300;
line-height: 17px;
padding-bottom: 8px;
opacity: 0.6;
}
.career-content a {
font-size: 24px;
font-weight: 600;
line-height: normal;
}
.innovation-image-with-content-and-button li strong {
font-weight: 600;
color: #FFF;
}
.career-content ul,
.career-detail-page-banner ul {
display: flex;
align-items: center;
gap: 19px;
padding-top: 12px;
flex-wrap: wrap;
row-gap: 8px;
}
.career-content li,
.career-detail-page-banner li {
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: flex;
align-items: center;
gap: 4px;
}
.career-content li span,
.career-detail-page-banner li span {
opacity: 0.6;
}
.career-content li img,
.career-detail-page-banner li img {
width: 24px;
height: 24px;
}
.careers-posts-container .btn {
margin: auto;
}
.career-detail-page-banner-section {
background: #000018;
}
.career-detail-page-banner h5 {
font-weight: 300;
line-height: 17px;
opacity: 0.6;
padding-top: 20px;
}
.career-detail-page-banner h2 {
font-size: 40px;
font-weight: 600;
line-height: normal;
padding: 8px 0 0;
}
.career-detail-page-banner li span {
font-size: 18px;
}
.career-detail.detail-page-blog-section::before {
background-size: cover;
}
.career-detail .blog-detail-container {
padding: 40px 32px;
}
.career-detail-content strong {
color: #333;
font-size: 24px;
font-weight: 700;
line-height: 34px;
display: block;
}
.career-detail-content li,
.career-detail-content p {
color: #000;
font-size: 18px;
font-weight: 400;
line-height: 150%
}
.career-detail-content p {
padding-bottom: 24px;
}
.career-detail-content p:has(strong) {
padding-bottom: 10px;
}
.career-detail-content li {
list-style-type: disc;
}
.career-detail-content ul,
.career-detail-content ol {
padding-bottom: 24px;
padding-left: 20px;
}
.blog-detail-container a.primary-button {
color: #fff;
text-decoration: none;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 150%;
}       .pagination-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin: 1rem 0;
}
.pagination-btn {
padding: 0;
font-size: 14px;
border: 1px solid #ccc;
background: #fff;
color: #333;
border-radius: 4px;
cursor: pointer;
transition: background 0.3s;
}
.pagination-dots {
padding: 8px 12px;
color: #999;
font-size: 14px;
}
@media (max-width: 600px) {
.pagination-btn {
font-size: 12px;
padding: 0;
}
}
#to start content from image .post-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-start;
}
.post-image {
flex: 1 1 40%;
max-width: 40%;
}
.post-image img {
width: 100%;
height: auto;
display: block;
}
.post-content {
flex: 1 1 60%;
max-width: 60%;
}  .blog-detail-description h3 {
font-size: 20px;
padding: 10px 0;
}
.blog-detail-description h2,
.blog-detail-description h3,
.blog-detail-description h4,
.blog-detail-description h5 {
color: #333;
}
.blog-detail-description h2 {
font-size: 32px;
line-height: 40px;
padding-bottom: 20px;
}
.blog-detail-description h2:not(:first-of-type) {
padding-top: 20px;
}
.blog-detail-description h3 a {
font-size: 20px;
}
.blog-detail-description h5{
font-size: 16px;
}
.blog-detail-description p.encoded-text {
word-break: break-all;
}
.blog-detail-description blockquote{
margin-bottom: 10px;
}
.blog-detail-description input,
.blog-detail-description textarea,
.blog-detail-description select{
border: 1px solid rgba(0, 0, 0, 0.6);
}
.blog-detail-description input[type="submit"]{
border: none;
}
.blog-detail-description hr{
margin: 20px auto;
}
.blog-detail-container a br{
display: none;
}
.blog-detail-description table p{
padding-bottom: 0;
}