.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3467 .elementor-element.elementor-element-b6c6392{--display:flex;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3467 .elementor-element.elementor-element-faa7fca{--display:flex;}.elementor-3467 .elementor-element.elementor-element-b1f0a84{--display:flex;}.elementor-3467 .elementor-element.elementor-element-3648fa0{--display:flex;}.elementor-3467 .elementor-element.elementor-element-3a3c10f{--display:flex;}.elementor-3467 .elementor-element.elementor-element-e4157bd{--display:flex;}.elementor-3467 .elementor-element.elementor-element-913ae61{--display:flex;}.elementor-3467 .elementor-element.elementor-element-9944057{--display:flex;}.elementor-3467 .elementor-element.elementor-element-88eeee9{--display:flex;}.elementor-3467 .elementor-element.elementor-element-1aafa9b{--display:flex;}.elementor-3467 .elementor-element.elementor-element-6d83e40{--display:flex;}.elementor-3467 .elementor-element.elementor-element-d054f82{--display:flex;}.elementor-3467 .elementor-element.elementor-element-4dfa865{--display:flex;}.elementor-3467 .elementor-element.elementor-element-3cd1c23{--display:flex;}/* Start custom CSS for html, class: .elementor-element-05c20f5 */<style>

/* =========================================
   ZAVIQ HERO V2
   DEEP TECH SYSTEM
========================================= */


.zq-hero-v2,
.zq-hero-v2 * {

box-sizing:border-box;

}



.zq-hero-v2 {


--accent:#56ddd5;

--white:#f5f8f8;

--muted:
rgba(230,235,235,.65);


position:relative;

width:100%;

height:100svh;

min-height:760px;

overflow:hidden;

display:flex;

align-items:center;

isolation:isolate;

background:#030608;

color:white;

font-family:
Inter,
Arial,
sans-serif;


}



/* =========================================
BACKGROUND
========================================= */


.zq-v2-bg {


position:absolute;

inset:0;

z-index:-10;

overflow:hidden;


}



.zq-v2-bg-image {


width:100%;

height:100%;

object-fit:cover;


object-position:center;


transform:
scale(1.05);


filter:

brightness(.55)
contrast(1.12)
saturate(.75);


}



/* dark cinematic overlay */


.zq-v2-overlay {


position:absolute;

inset:0;


background:


linear-gradient(
90deg,
rgba(2,6,18,.96) 0%,
rgba(2,6,18,.85) 30%,
rgba(2,6,18,.48) 58%,
rgba(2,6,18,.20) 100%
),


linear-gradient(
180deg,
rgba(0,0,0,.45),
transparent 35%,
rgba(0,0,0,.85)
);



}



/* =========================================
GRID
========================================= */


.zq-v2-grid {


position:absolute;

inset:0;


opacity:.18;


background-image:


linear-gradient(
rgba(255,255,255,.08) 1px,
transparent 1px
),


linear-gradient(
90deg,
rgba(255,255,255,.08) 1px,
transparent 1px
);



background-size:

80px 80px;



mask-image:

linear-gradient(
90deg,
black,
transparent
);


}



/* =========================================
GLOW
========================================= */


.zq-v2-glow {


position:absolute;


width:650px;

height:650px;


right:-220px;

top:15%;


background:

rgba(50,220,210,.18);


border-radius:50%;


filter:

blur(120px);



}





/* =========================================
SCAN
========================================= */


.zq-v2-scan {


position:absolute;


top:0;

bottom:0;

right:0;

left:55%;


overflow:hidden;


opacity:.8;


}



.zq-v2-scan-line {


position:absolute;


top:-10%;


left:0;


width:100%;


height:2px;



background:

linear-gradient(
90deg,
transparent,
#61eee6,
transparent
);



box-shadow:


0 0 25px
#61eee6;



animation:


zqScanMove
7s
linear
infinite;



}



@keyframes zqScanMove {


0%{

top:-5%;

opacity:0;

}


10%{

opacity:1;

}


90%{

opacity:1;

}


100%{

top:105%;

opacity:0;

}


}





/* =========================================
TOP
========================================= */


.zq-v2-top {


position:absolute;


top:35px;

left:50px;

right:50px;


z-index:5;


display:flex;


align-items:center;


justify-content:space-between;



}



.zq-v2-logo img {


width:160px;


height:auto;


display:block;


}




.zq-v2-status {


display:flex;


align-items:center;


gap:10px;


font-size:10px;


letter-spacing:.18em;


color:

rgba(255,255,255,.55);


}



.zq-v2-status span {


width:7px;

height:7px;


border-radius:50%;


background:

var(--accent);


box-shadow:

0 0 12px
var(--accent);



animation:

pulseZq
2s
infinite;


}



@keyframes pulseZq {


50%{

opacity:.3;

}

}




.zq-v2-code {


font-size:9px;


letter-spacing:.18em;


color:

rgba(255,255,255,.35);


}





/* =========================================
CONTAINER
========================================= */


.zq-v2-container {


width:

min(
calc(100% - 100px),
1400px
);


margin:auto;


}




.zq-v2-content {


max-width:900px;


padding-top:90px;


}





/* =========================================
TITLE
========================================= */


.zq-v2-eyebrow {


display:flex;

align-items:center;

gap:15px;


font-size:11px;


letter-spacing:.22em;


color:

var(--accent);



margin-bottom:30px;


}



.zq-v2-eyebrow span {


width:35px;

height:1px;


background:

var(--accent);



}




.zq-v2-content h1 {


margin:0;


font-size:


clamp(
65px,
7vw,
115px
);



line-height:.92;


letter-spacing:-.065em;


font-weight:500;



}



.zq-v2-content h1 span {


display:block;


}



.zq-v2-content h1 .muted {


color:

rgba(255,255,255,.40);


margin-top:10px;


}






/* =========================================
TEXT
========================================= */


.zq-v2-content p {


margin-top:35px;


max-width:620px;


font-size:

19px;



line-height:1.7;


color:

var(--muted);



}





/* =========================================
BUTTONS
========================================= */


.zq-v2-buttons {


display:flex;


gap:15px;


margin-top:45px;


}




.zq-v2-primary,
.zq-v2-secondary {


height:60px;


padding:

0 32px;


display:flex;


align-items:center;


justify-content:center;


gap:20px;



font-size:14px;


font-weight:600;


border-radius:4px;


transition:.3s;



}




.zq-v2-primary {


background:

var(--accent);


color:#001313;


}




.zq-v2-primary:hover {


transform:

translateY(-3px);


background:#7ce9e3;


}



.zq-v2-secondary {


background:

rgba(255,255,255,.06);


border:

1px solid
rgba(255,255,255,.2);



color:white;



backdrop-filter:

blur(10px);



}



.zq-v2-secondary:hover {


background:

rgba(255,255,255,.12);


}





/* =========================================
HUD
========================================= */


.zq-v2-hud {


position:absolute;


bottom:35px;


right:50px;


display:flex;


border-top:

1px solid
rgba(255,255,255,.15);



}



.zq-v2-hud div {


padding:

15px 30px 0;


border-left:

1px solid
rgba(255,255,255,.15);



font-size:10px;


color:

var(--accent);



letter-spacing:.15em;



}



.zq-v2-hud strong {


display:block;


margin-top:5px;


color:white;


font-size:9px;


font-weight:600;


}





/* =========================================
TABLET
========================================= */


@media(max-width:1024px){



.zq-v2-top {


left:30px;

right:30px;


}



.zq-v2-container {


width:

calc(100% - 60px);


}



.zq-v2-content h1 {


font-size:

70px;


}



.zq-v2-code {


display:none;

}



.zq-v2-hud {


right:30px;

}



}




/* =========================================
MOBILE
========================================= */


@media(max-width:767px){



.zq-hero-v2 {


min-height:720px;


height:100svh;


}




.zq-v2-bg-image {


object-position:

65% center;


}



.zq-v2-overlay {


background:


linear-gradient(
180deg,
rgba(2,6,18,.65),
rgba(2,6,18,.95)
);


}



.zq-v2-top {


top:25px;

left:18px;

right:18px;


}



.zq-v2-logo img {


width:120px;


}



.zq-v2-status {


display:none;


}




.zq-v2-container {


width:

calc(100% - 36px);


}



.zq-v2-content {


padding-top:80px;


}



.zq-v2-eyebrow {


font-size:8px;


}



.zq-v2-content h1 {


font-size:

clamp(
42px,
12vw,
58px
);


line-height:.96;


}




.zq-v2-content p {


font-size:15px;


line-height:1.6;


}




.zq-v2-buttons {


flex-direction:column;


margin-top:30px;


}



.zq-v2-primary,
.zq-v2-secondary {


width:100%;


}



.zq-v2-hud {


left:18px;

right:18px;

bottom:20px;


}



.zq-v2-hud div {


flex:1;


padding:

10px 5px 0;


font-size:7px;


}



.zq-v2-hud strong {


font-size:7px;


}




}




/* SMALL MOBILE */

@media(max-width:390px){


.zq-v2-content h1 {


font-size:40px;


}


.zq-v2-hud div:nth-child(2){

display:none;

}


}


</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ee1171 */<style>


/* =====================================
   ZAVIQ SECTION 02
===================================== */


.zq02-section,
.zq02-section * {

box-sizing:border-box;

}



.zq02-section {


position:relative;

padding:

150px 0;

background:#050708;

color:white;

overflow:hidden;

}





.zq02-wrapper {


width:

min(
calc(100% - 100px),
1400px
);


margin:auto;


display:grid;


grid-template-columns:

0.9fr 1fr;


gap:90px;


align-items:center;


}





/* ===============================
LEFT
================================ */


.zq02-label {


display:flex;

align-items:center;


gap:14px;


font-size:11px;


letter-spacing:.22em;


font-weight:600;


color:#56ddd5;


margin-bottom:35px;


}


.zq02-label span {


width:38px;

height:1px;


background:#56ddd5;


}





.zq02-content h2 {


margin:0;


font-size:


clamp(
50px,
5vw,
84px
);


font-weight:500;


line-height:.95;


letter-spacing:-.055em;


}



.zq02-content h2 span {


color:

rgba(255,255,255,.38);


}



.zq02-content p {


margin-top:35px;


max-width:540px;


font-size:18px;


line-height:1.8;


color:

rgba(255,255,255,.62);


}





/* ===============================
POINTS
================================ */


.zq02-points {


margin-top:45px;


display:flex;


flex-direction:column;


gap:0;


}



.zq02-point {


display:flex;


align-items:center;


gap:22px;


padding:

18px 0;


border-bottom:

1px solid
rgba(255,255,255,.10);


}



.zq02-point strong {


font-family:

monospace;


font-size:12px;


color:#56ddd5;


}



.zq02-point span {


font-size:15px;


color:

rgba(255,255,255,.82);


}







/* ===============================
IMAGE FRAME
================================ */


.zq02-frame {


position:relative;


height:620px;


overflow:hidden;


border:

1px solid
rgba(255,255,255,.13);


background:#0b1012;



}





.zq02-frame img {


width:100%;


height:100%;


object-fit:cover;


object-position:center;


filter:

brightness(.68)
contrast(1.15)
saturate(.85);



transition:

transform 1s ease;


}




.zq02-frame:hover img {


transform:

scale(1.04);


}





.zq02-image-overlay {


position:absolute;


inset:0;



background:


linear-gradient(
90deg,
rgba(5,7,8,.35),
transparent 55%
),


linear-gradient(
180deg,
transparent 20%,
rgba(0,0,0,.88)
);



}





/* ===============================
SCAN
================================ */


.zq02-scanner {


position:absolute;


left:0;


right:0;


height:2px;


top:0;



background:

linear-gradient(
90deg,
transparent,
#56ddd5,
transparent
);



box-shadow:

0 0 25px
#56ddd5;



animation:

zq02Scan
6s
linear
infinite;



}



@keyframes zq02Scan {


0%{

top:0;

opacity:0;

}


10%{

opacity:1;

}


90%{

opacity:1;

}


100%{

top:100%;

opacity:0;

}


}







/* ===============================
DATA LABELS
================================ */


.zq02-data {


position:absolute;


padding:

10px 16px;


background:

rgba(0,0,0,.55);


border:

1px solid
rgba(86,221,213,.35);


backdrop-filter:

blur(12px);



font-size:9px;


letter-spacing:.18em;


color:#56ddd5;


}





.zq02-data-top {


top:30px;


right:30px;


}




.zq02-data-bottom {


bottom:30px;


left:30px;


}






/* ===============================
CORNER DETAILS
================================ */


.zq02-corner {


position:absolute;


width:30px;

height:30px;


}



.zq02-corner-1 {


top:20px;

left:20px;


border-top:

1px solid #56ddd5;


border-left:

1px solid #56ddd5;


}



.zq02-corner-2 {


bottom:20px;

right:20px;


border-bottom:

1px solid #56ddd5;


border-right:

1px solid #56ddd5;


}








/* ===============================
TABLET
================================ */


@media(max-width:1100px){



.zq02-wrapper {


grid-template-columns:1fr;


gap:60px;


}



.zq02-frame {


height:520px;


}



}








/* ===============================
MOBILE
================================ */


@media(max-width:767px){



.zq02-section {


padding:

90px 0;


}




.zq02-wrapper {


width:

calc(100% - 36px);


}



.zq02-content h2 {


font-size:

43px;


}




.zq02-content p {


font-size:15px;


line-height:1.7;


}




.zq02-frame {


height:380px;


}



.zq02-data {


font-size:7px;


padding:

8px 10px;


}




.zq02-data-top {


top:15px;

right:15px;


}




.zq02-data-bottom {


bottom:15px;

left:15px;


}



}




/* SMALL PHONE */

@media(max-width:390px){


.zq02-content h2 {


font-size:38px;


}


}

</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8c28c3 */<style>


/* ==========================================
   ZAVIQ SECTION 03
   QUANTUM TECHNOLOGY FINAL
========================================== */


.zq03-section,
.zq03-section * {

box-sizing:border-box;

}



.zq03-section {


position:relative;

padding:

80px 0 130px;


overflow:hidden;


background:


radial-gradient(
circle at 80% 20%,
rgba(86,221,213,.09),
transparent 35%
),


linear-gradient(
180deg,
#080d0f 0%,
#030506 100%
);


color:white;


}





/* LEFT GLOW */


.zq03-section::after {


content:"";


position:absolute;


width:550px;


height:550px;


left:-280px;


top:35%;


background:

rgba(45,200,190,.08);


filter:

blur(130px);


border-radius:50%;


pointer-events:none;


}







/* CONTAINER */


.zq03-container {


position:relative;


z-index:2;


width:

min(
calc(100% - 100px),
1400px
);


margin:auto;


}






/* HEADER */


.zq03-header {


max-width:850px;


}





.zq03-label {


display:flex;


align-items:center;


gap:15px;


margin-bottom:25px;


font-size:10px;


font-weight:600;


letter-spacing:.22em;


color:#56ddd5;


}




.zq03-label span {


width:35px;


height:1px;


background:#56ddd5;


}






.zq03-header h2 {


margin:0;


font-size:


clamp(
44px,
4.5vw,
72px
);


line-height:.96;


font-weight:500;


letter-spacing:-.055em;


}





.zq03-header h2 span {


color:

rgba(255,255,255,.40);


}





.zq03-header p {


margin-top:25px;


max-width:560px;


font-size:17px;


line-height:1.8;


color:

rgba(255,255,255,.62);


}






/* CARDS */


.zq03-cards {


margin-top:55px;


display:grid;


grid-template-columns:

repeat(3,1fr);


gap:22px;


}






.zq03-card {


position:relative;


min-height:360px;


padding:

38px 32px;


overflow:hidden;



background:


linear-gradient(
145deg,
rgba(255,255,255,.075),
rgba(255,255,255,.025)
);



border:

1px solid
rgba(255,255,255,.12);



backdrop-filter:

blur(12px);



transition:

transform .4s ease,

border-color .4s ease,

background .4s ease;


}





.zq03-card:hover {


transform:

translateY(-8px);



border-color:

rgba(86,221,213,.45);



background:


linear-gradient(
145deg,
rgba(86,221,213,.10),
rgba(255,255,255,.03)
);


}







/* TOP NUMBER */


.zq03-top span {


font-family:

monospace;


font-size:12px;


color:#56ddd5;


}






/* ICON */


.zq03-icon {


margin-top:38px;


font-size:42px;


color:#56ddd5;


opacity:.85;


text-shadow:

0 0 25px
rgba(86,221,213,.5);


}







.zq03-card h3 {


margin-top:28px;


font-size:26px;


font-weight:500;


letter-spacing:-.03em;


}





.zq03-card p {


margin-top:18px;


font-size:15px;


line-height:1.75;


color:

rgba(255,255,255,.58);


}






/* BOTTOM LINE */


.zq03-line {


position:absolute;


bottom:30px;


left:32px;


right:32px;


height:1px;


background:


rgba(255,255,255,.12);


}





.zq03-card:hover
.zq03-line {


background:#56ddd5;


}






/* ==========================================
TABLET
========================================== */


@media(max-width:1000px){


.zq03-cards {


grid-template-columns:1fr;


}


.zq03-card {


min-height:300px;


}


}







/* ==========================================
MOBILE
========================================== */


@media(max-width:767px){


.zq03-section {


padding:

70px 0 90px;


}



.zq03-container {


width:

calc(100% - 36px);


}




.zq03-header h2 {


font-size:42px;


}



.zq03-header p {


font-size:15px;


}





.zq03-cards {


margin-top:40px;


gap:16px;


}





.zq03-card {


padding:

32px 24px;


min-height:290px;


}



.zq03-card h3 {


font-size:23px;


}



}






@media(max-width:390px){


.zq03-header h2 {


font-size:38px;


}



}






</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b7682c */<style>

/* =====================================
   ZAVIQ SECTION 04
   INDUSTRIES FINAL V2
===================================== */


.zq04-final,
.zq04-final *{

box-sizing:border-box;

}



.zq04-final{

position:relative;

padding:

120px 0 140px;


background:

linear-gradient(
180deg,
#080d0f 0%,
#030506 100%
);


color:white;

overflow:hidden;

}




.zq04-wrap{


width:

min(
calc(100% - 100px),
1400px
);


margin:auto;


}





/* ===============================
HEADER
================================ */


.zq04-label{


display:flex;


align-items:center;


gap:15px;


font-size:10px;


letter-spacing:.25em;


font-weight:600;


color:

rgba(255,255,255,.65);


margin-bottom:25px;


}



.zq04-label span{


width:38px;


height:1px;


background:

rgba(255,255,255,.6);


}





.zq04-head h2{


margin:0;


font-size:


clamp(
46px,
5vw,
78px
);


font-weight:500;


line-height:.95;


letter-spacing:-.055em;


}




.zq04-head h2 span{


color:

rgba(255,255,255,.42);


}





.zq04-head p{


margin-top:28px;


max-width:600px;


font-size:17px;


line-height:1.8;


color:

rgba(255,255,255,.65);


}







/* ===============================
GRID
================================ */


.zq04-grid{


margin-top:65px;


display:grid;


grid-template-columns:

repeat(3,1fr);


gap:24px;


}







/* ===============================
CARD
================================ */


.zq04-card{


position:relative;


height:430px;


overflow:hidden;


display:block;


text-decoration:none;


background:#0b1011;


border:

1px solid
rgba(255,255,255,.13);


border-radius:4px;


transition:

transform .45s ease,
border-color .45s ease;


}






/* IMAGE */


.zq04-card img{


width:100%;


height:100%;


object-fit:cover;


filter:

brightness(.82)
contrast(1.08)
saturate(1.15);



transition:

transform .9s ease,
filter .6s ease;


}





/* IMAGE OVERLAY */


.zq04-shade{


position:absolute;


inset:0;



background:


linear-gradient(

180deg,

rgba(0,0,0,.05) 15%,


rgba(0,0,0,.72) 100%

);


}







/* ===============================
CARD CONTENT
================================ */


.zq04-info{


position:absolute;


z-index:2;


left:32px;


right:32px;


bottom:35px;


}




.zq04-info::before{


content:"";


position:absolute;


top:-18px;


left:0;


width:45px;


height:1px;


background:

rgba(255,255,255,.65);


}




.zq04-info small{


font-family:

monospace;


font-size:11px;


letter-spacing:.2em;


color:

rgba(255,255,255,.55);


}




.zq04-info h3{


margin:

15px 0 10px;


font-size:34px;


font-weight:500;


letter-spacing:-.04em;


color:#fff;


}




.zq04-info p{


margin:0;


font-size:14px;


line-height:1.6;


color:

rgba(255,255,255,.72);


}







/* ===============================
HOVER
================================ */


.zq04-card:hover{


transform:

translateY(-8px);


border-color:

rgba(255,255,255,.38);


}





.zq04-card:hover img{


transform:

scale(1.08);


filter:

brightness(.95)
contrast(1.12)
saturate(1.25);


}






/* ===============================
TABLET
================================ */


@media(max-width:1000px){


.zq04-grid{


grid-template-columns:

repeat(2,1fr);


}


}







/* ===============================
MOBILE
================================ */


@media(max-width:767px){


.zq04-final{


padding:

90px 0;

}



.zq04-wrap{


width:

calc(100% - 36px);


}



.zq04-head h2{


font-size:42px;


}



.zq04-head p{


font-size:15px;


}




.zq04-grid{


grid-template-columns:

1fr;


gap:18px;


}



.zq04-card{


height:350px;


}




.zq04-info{


left:24px;


right:24px;


bottom:28px;


}




.zq04-info h3{


font-size:28px;


}



}



@media(max-width:390px){


.zq04-info h3{


font-size:25px;


}


}


</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af0d477 */<style>

/* =====================================
   ZAVIQ SECTION 05
   WHY ZAVIQ
===================================== */


.zq05-section,
.zq05-section *{

box-sizing:border-box;

}


.zq05-section{


position:relative;


padding:

130px 0 150px;


background:


radial-gradient(
circle at 15% 50%,
rgba(86,221,213,.08),
transparent 35%
),


linear-gradient(
180deg,
#030506,
#070c0e
);


color:white;


overflow:hidden;


}



.zq05-container{


width:

min(
calc(100% - 100px),
1400px
);


margin:auto;


display:grid;


grid-template-columns:

1fr 1fr;


gap:100px;


align-items:center;


}





/* LEFT */


.zq05-label{


display:flex;


align-items:center;


gap:15px;


font-size:10px;


letter-spacing:.25em;


color:

rgba(255,255,255,.65);


margin-bottom:30px;


}



.zq05-label span{


width:38px;


height:1px;


background:#56ddd5;


}





.zq05-left h2{


margin:0;


font-size:


clamp(
48px,
5vw,
78px
);


line-height:.95;


font-weight:500;


letter-spacing:-.055em;


}



.zq05-left h2 span{


color:

rgba(255,255,255,.4);


}





.zq05-left p{


margin-top:30px;


max-width:560px;


font-size:17px;


line-height:1.8;


color:

rgba(255,255,255,.62);


}





/* RIGHT ITEMS */


.zq05-right{


border-top:

1px solid
rgba(255,255,255,.12);


}



.zq05-item{


display:flex;


gap:35px;


padding:

32px 0;


border-bottom:

1px solid
rgba(255,255,255,.12);


transition:.35s;


}



.zq05-item:hover{


padding-left:15px;


}



.zq05-number{


font-family:

monospace;


font-size:12px;


color:#56ddd5;


padding-top:5px;


}




.zq05-item h3{


margin:0;


font-size:28px;


font-weight:500;


letter-spacing:-.03em;


}



.zq05-item p{


margin-top:10px;


font-size:14px;


line-height:1.7;


color:

rgba(255,255,255,.55);


}





/* DECORATION */


.zq05-section::after{


content:"";


position:absolute;


right:-200px;


bottom:-200px;


width:500px;


height:500px;


border-radius:50%;


background:

rgba(86,221,213,.07);


filter:

blur(120px);


}




/* TABLET */


@media(max-width:1000px){


.zq05-container{


grid-template-columns:1fr;


gap:60px;


}



}





/* MOBILE */


@media(max-width:767px){


.zq05-section{


padding:

90px 0;


}



.zq05-container{


width:

calc(100% - 36px);


}



.zq05-left h2{


font-size:42px;


}



.zq05-left p{


font-size:15px;


}



.zq05-item{


gap:20px;


}



.zq05-item h3{


font-size:23px;


}



}



</style><style>

/* =====================================
   ZAVIQ SECTION 05
   WHY ZAVIQ
===================================== */


.zq05-section,
.zq05-section *{

box-sizing:border-box;

}


.zq05-section{


position:relative;


padding:

130px 0 150px;


background:


radial-gradient(
circle at 15% 50%,
rgba(86,221,213,.08),
transparent 35%
),


linear-gradient(
180deg,
#030506,
#070c0e
);


color:white;


overflow:hidden;


}



.zq05-container{


width:

min(
calc(100% - 100px),
1400px
);


margin:auto;


display:grid;


grid-template-columns:

1fr 1fr;


gap:100px;


align-items:center;


}





/* LEFT */


.zq05-label{


display:flex;


align-items:center;


gap:15px;


font-size:10px;


letter-spacing:.25em;


color:

rgba(255,255,255,.65);


margin-bottom:30px;


}



.zq05-label span{


width:38px;


height:1px;


background:#56ddd5;


}





.zq05-left h2{


margin:0;


font-size:


clamp(
48px,
5vw,
78px
);


line-height:.95;


font-weight:500;


letter-spacing:-.055em;


}



.zq05-left h2 span{


color:

rgba(255,255,255,.4);


}





.zq05-left p{


margin-top:30px;


max-width:560px;


font-size:17px;


line-height:1.8;


color:

rgba(255,255,255,.62);


}





/* RIGHT ITEMS */


.zq05-right{


border-top:

1px solid
rgba(255,255,255,.12);


}



.zq05-item{


display:flex;


gap:35px;


padding:

32px 0;


border-bottom:

1px solid
rgba(255,255,255,.12);


transition:.35s;


}



.zq05-item:hover{


padding-left:15px;


}



.zq05-number{


font-family:

monospace;


font-size:12px;


color:#56ddd5;


padding-top:5px;


}




.zq05-item h3{


margin:0;


font-size:28px;


font-weight:500;


letter-spacing:-.03em;


}



.zq05-item p{


margin-top:10px;


font-size:14px;


line-height:1.7;


color:

rgba(255,255,255,.55);


}





/* DECORATION */


.zq05-section::after{


content:"";


position:absolute;


right:-200px;


bottom:-200px;


width:500px;


height:500px;


border-radius:50%;


background:

rgba(86,221,213,.07);


filter:

blur(120px);


}




/* TABLET */


@media(max-width:1000px){


.zq05-container{


grid-template-columns:1fr;


gap:60px;


}



}





/* MOBILE */


@media(max-width:767px){


.zq05-section{


padding:

90px 0;


}



.zq05-container{


width:

calc(100% - 36px);


}



.zq05-left h2{


font-size:42px;


}



.zq05-left p{


font-size:15px;


}



.zq05-item{


gap:20px;


}



.zq05-item h3{


font-size:23px;


}



}



</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-574e429 */<style>


/* =====================================
   ZAVIQ SECTION 06
   SUBSURFACE VISUALIZATION
===================================== */


.zq06-section,
.zq06-section *{


box-sizing:border-box;


}




.zq06-section{


position:relative;


padding:

130px 0 150px;


background:


linear-gradient(
180deg,
#070c0e,
#030506
);


color:white;


overflow:hidden;


}






.zq06-container{


width:

min(
calc(100% - 100px),
1400px
);



margin:auto;


display:grid;


grid-template-columns:

.85fr 1.15fr;


gap:80px;


align-items:center;


}








/* LEFT */


.zq06-label{


display:flex;


align-items:center;


gap:15px;


font-size:10px;


letter-spacing:.25em;


color:#56ddd5;


margin-bottom:30px;


}




.zq06-label span{


width:38px;


height:1px;


background:#56ddd5;


}





.zq06-content h2{


margin:0;


font-size:


clamp(
48px,
5vw,
80px
);


line-height:.95;


font-weight:500;


letter-spacing:-.055em;


}



.zq06-content h2 span{


color:

rgba(255,255,255,.4);


}




.zq06-content p{


margin-top:30px;


max-width:500px;


font-size:17px;


line-height:1.8;


color:

rgba(255,255,255,.62);


}








/* FEATURES */


.zq06-features{


margin-top:45px;


display:flex;


flex-direction:column;


gap:15px;


}



.zq06-features div{


display:flex;


gap:25px;


align-items:center;


padding-bottom:15px;


border-bottom:

1px solid
rgba(255,255,255,.12);


}



.zq06-features strong{


font-family:monospace;


font-size:12px;


color:#56ddd5;


}



.zq06-features span{


font-size:15px;


color:white;


}







/* IMAGE */


.zq06-frame{


position:relative;


height:600px;


overflow:hidden;


border:

1px solid
rgba(255,255,255,.15);


background:#050708;


}





.zq06-frame img{


width:100%;


height:100%;


object-fit:cover;


transition:

transform .8s ease;


filter:


brightness(.85)
contrast(1.1);


}





.zq06-frame:hover img{


transform:

scale(1.04);


}






.zq06-overlay{


position:absolute;


inset:0;


background:


linear-gradient(

90deg,

rgba(3,5,6,.25),

transparent 60%

);


}







/* SCAN LINE */


.zq06-scan{


position:absolute;


left:0;


right:0;


height:2px;


top:0;


background:

linear-gradient(

90deg,

transparent,

#56ddd5,

transparent

);


box-shadow:

0 0 25px #56ddd5;


animation:

zq06scan 6s linear infinite;


}




@keyframes zq06scan{


0%{

top:0;

opacity:0;

}


10%{

opacity:1;

}



90%{

opacity:1;

}



100%{

top:100%;

opacity:0;

}


}







/* TAGS */


.zq06-tag{


position:absolute;


padding:

10px 16px;


font-size:9px;


letter-spacing:.18em;


background:

rgba(0,0,0,.55);


border:

1px solid
rgba(86,221,213,.35);


color:#56ddd5;


backdrop-filter:

blur(10px);


}



.tag-one{


right:30px;


bottom:120px;


}



.tag-two{


left:30px;


bottom:35px;


}








/* CORNERS */


.zq06-corner{


position:absolute;


width:30px;


height:30px;


}



.corner-one{


top:20px;


left:20px;


border-top:

1px solid #56ddd5;


border-left:

1px solid #56ddd5;


}



.corner-two{


right:20px;


bottom:20px;


border-right:

1px solid #56ddd5;


border-bottom:

1px solid #56ddd5;


}








/* TABLET */


@media(max-width:1000px){



.zq06-container{


grid-template-columns:1fr;


gap:60px;


}



.zq06-frame{


height:520px;


}


}








/* MOBILE */


@media(max-width:767px){


.zq06-section{


padding:

90px 0;


}



.zq06-container{


width:

calc(100% - 36px);


}




.zq06-content h2{


font-size:42px;


}



.zq06-content p{


font-size:15px;


}



.zq06-frame{


height:360px;


}



.zq06-tag{


font-size:7px;


padding:8px 10px;


}


}



</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf35b90 */<style>


/* =====================================
   ZAVIQ SECTION 07
   PROCESS
===================================== */


.zq07-section,
.zq07-section *{

box-sizing:border-box;

}



.zq07-section{


position:relative;


padding:

130px 0 150px;


background:


linear-gradient(
180deg,
#030506,
#080d0f
);


color:white;


overflow:hidden;


}




.zq07-container{


width:

min(
calc(100% - 100px),
1400px
);


margin:auto;


}







/* HEADER */


.zq07-label{


display:flex;


align-items:center;


gap:15px;


font-size:10px;


letter-spacing:.25em;


color:#56ddd5;


margin-bottom:25px;


}


.zq07-label span{


width:38px;


height:1px;


background:#56ddd5;


}




.zq07-header h2{


margin:0;


font-size:


clamp(
46px,
5vw,
78px
);


line-height:.95;


font-weight:500;


letter-spacing:-.055em;


}



.zq07-header h2 span{


color:

rgba(255,255,255,.4);


}




.zq07-header p{


margin-top:25px;


max-width:600px;


font-size:17px;


line-height:1.8;


color:

rgba(255,255,255,.6);


}







/* PROCESS */


.zq07-process{


position:relative;


margin-top:80px;


display:flex;


flex-direction:column;


gap:0;


}





.zq07-line{


position:absolute;


left:34px;


top:0;


bottom:0;


width:1px;


background:

rgba(255,255,255,.15);


}




.zq07-step{


position:relative;


display:flex;


gap:50px;


padding-bottom:55px;


}





.zq07-number{


position:relative;


z-index:2;


width:70px;


height:70px;


display:flex;


align-items:center;


justify-content:center;


border-radius:50%;


background:#080d0f;


border:

1px solid
rgba(86,221,213,.5);


color:#56ddd5;


font-family:monospace;


font-size:13px;


}





.zq07-content h3{


margin:0;


font-size:34px;


font-weight:500;


letter-spacing:-.04em;


}




.zq07-content p{


margin-top:12px;


max-width:500px;


font-size:15px;


line-height:1.7;


color:

rgba(255,255,255,.6);


}





.zq07-step:hover
.zq07-number{


background:#56ddd5;


color:#001;


}





/* MOBILE */


@media(max-width:767px){


.zq07-section{


padding:

90px 0;


}




.zq07-container{


width:

calc(100% - 36px);


}



.zq07-header h2{


font-size:42px;


}



.zq07-step{


gap:25px;


}



.zq07-number{


width:55px;


height:55px;


}




.zq07-content h3{


font-size:26px;


}


}


</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72fa367 */<style>


.zq08-section,
.zq08-section *{

box-sizing:border-box;

}



.zq08-section{


position:relative;


padding:

120px 0 140px;


background:

linear-gradient(
180deg,
#080d0f,
#030506
);


color:white;


overflow:hidden;


}




.zq08-container{


width:

min(
calc(100% - 100px),
1400px
);


margin:auto;


display:grid;


grid-template-columns:

.9fr 1fr;


gap:60px;


align-items:center;


}






/* TEXT */


.zq08-label{


display:flex;


align-items:center;


gap:15px;


font-size:10px;


letter-spacing:.25em;


color:#56ddd5;


margin-bottom:30px;


}




.zq08-label span{


width:38px;


height:1px;


background:#56ddd5;


}




.zq08-content h2{


margin:0;


font-size:


clamp(
48px,
5vw,
78px
);


line-height:.95;


font-weight:500;


letter-spacing:-.055em;


}




.zq08-content h2 span{


color:

rgba(255,255,255,.4);


}





.zq08-content p{


margin-top:30px;


max-width:520px;


font-size:17px;


line-height:1.8;


color:

rgba(255,255,255,.62);


}





/* TAGS */


.zq08-tags{


display:flex;


gap:12px;


margin-top:45px;


}




.zq08-tags div{


padding:

15px 18px;


border:

1px solid
rgba(255,255,255,.15);


background:

rgba(255,255,255,.03);


font-size:9px;


letter-spacing:.18em;


color:

rgba(255,255,255,.75);


}







/* TEAM IMAGE */


.zq08-image-box{


position:relative;


height:560px;


background:#050708;


border:

1px solid
rgba(255,255,255,.15);


overflow:hidden;


display:flex;


align-items:center;


justify-content:center;


padding:20px;


}





.zq08-image-box img{


width:100%;


height:100%;


object-fit:contain;


object-position:center;


filter:


brightness(.95)
contrast(1.03);



transition:

transform .8s ease;


}




.zq08-image-box:hover img{


transform:

scale(1.03);


}






/* FRAME */


.zq08-frame{


position:absolute;


inset:18px;


border:

1px solid
rgba(255,255,255,.14);


pointer-events:none;


}





/* TABLET */


@media(max-width:1000px){


.zq08-container{


grid-template-columns:1fr;


gap:50px;


}



.zq08-image-box{


height:520px;


}


}






/* MOBILE */


@media(max-width:767px){


.zq08-section{


padding:

90px 0;


}



.zq08-container{


width:

calc(100% - 36px);


}



.zq08-content h2{


font-size:42px;


}



.zq08-content p{


font-size:15px;


}



.zq08-tags{


flex-direction:column;


}



.zq08-image-box{


height:420px;


padding:10px;


}



.zq08-frame{


inset:10px;


}



}


</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da9e1e5 */<style>


/* =====================================
   ZAVIQ SECTION 09
   FINAL CTA
===================================== */


.zq09-section,
.zq09-section *{

box-sizing:border-box;

}



.zq09-section{


position:relative;


padding:

160px 0;


background:


#030506;


color:white;


overflow:hidden;


text-align:center;


}





/* GRID */


.zq09-grid{


position:absolute;


inset:0;


opacity:.12;


background-image:


linear-gradient(
rgba(255,255,255,.1) 1px,
transparent 1px
),


linear-gradient(
90deg,
rgba(255,255,255,.1) 1px,
transparent 1px
);


background-size:

80px 80px;


}





/* GLOW */


.zq09-glow{


position:absolute;


width:700px;


height:700px;


top:20%;


left:50%;


transform:translateX(-50%);


background:

rgba(86,221,213,.12);


filter:

blur(150px);


border-radius:50%;


}







/* CONTAINER */


.zq09-container{


position:relative;


z-index:2;


width:

min(
calc(100% - 40px),
1000px
);


margin:auto;


}





.zq09-label{


display:flex;


justify-content:center;


align-items:center;


gap:15px;


font-size:10px;


letter-spacing:.25em;


color:#56ddd5;


margin-bottom:35px;


}



.zq09-label span{


width:40px;


height:1px;


background:#56ddd5;


}






/* TITLE */


.zq09-container h2{


margin:0;


font-size:


clamp(
55px,
7vw,
100px
);


line-height:.92;


font-weight:500;


letter-spacing:-.06em;


}



.zq09-container h2 span{


color:

rgba(255,255,255,.38);


}






.zq09-container p{


margin:

35px auto 0;


max-width:600px;


font-size:18px;


line-height:1.8;


color:

rgba(255,255,255,.62);


}







/* BUTTONS */


.zq09-buttons{


display:flex;


justify-content:center;


gap:18px;


margin-top:50px;


}




.zq09-primary,
.zq09-secondary{


height:60px;


padding:

0 35px;


display:flex;


align-items:center;


justify-content:center;


gap:20px;


font-size:14px;


font-weight:600;


transition:.3s;


}





.zq09-primary{


background:#56ddd5;


color:#001;


}



.zq09-primary:hover{


transform:

translateY(-4px);


background:#8bece7;


}





.zq09-secondary{


border:

1px solid
rgba(255,255,255,.25);


color:white;


background:

rgba(255,255,255,.04);


}



.zq09-secondary:hover{


background:

rgba(255,255,255,.12);


}







/* INFO */


.zq09-info{


margin-top:90px;


display:flex;


justify-content:center;


gap:80px;


border-top:

1px solid
rgba(255,255,255,.12);


padding-top:35px;


}





.zq09-info div{


font-size:14px;


color:

rgba(255,255,255,.65);


}





.zq09-info strong{


display:block;


font-size:9px;


letter-spacing:.2em;


color:#56ddd5;


margin-bottom:10px;


}







/* MOBILE */


@media(max-width:767px){



.zq09-section{


padding:

100px 0;


}



.zq09-container h2{


font-size:45px;


}



.zq09-container p{


font-size:15px;


}



.zq09-buttons{


flex-direction:column;


}



.zq09-primary,
.zq09-secondary{


width:100%;


}



.zq09-info{


flex-direction:column;


gap:25px;


}



}

</style>/* End custom CSS */