@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
  --body-font: "Inter", sans-serif, -apple-system, Segoe UI, Roboto, "Noto Sans", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --body-bg:#0a0a0f;
  --body-color: #71717D;
  --body-font-size: 16px;
  --white: #FFFFFF;
  --input-border: #E8E8E8;
  --input-color: rgba(255,255,255,0.4);
  --button-color: #E5E5EA;
}


html.lenis, html.lenis body {
 height: auto;
}
.lenis.lenis-smooth {
 scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
 overscroll-behavior: contain;
}
.lenis.lenis-stopped {
 overflow: hidden;
}
.lenis.lenis-smooth iframe {
 pointer-events: none;
}

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
html, body { height: 100%; font-size:14px; line-height:20px;}
body{padding: 0;margin: 0;font-family: var(--body-font); font-size:16px; font-weight:400; color:var(--body-color); line-height:24px; letter-spacing:0; box-sizing: border-box; overflow-x: hidden;text-align: start; background-color:var(--body-bg);}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {margin: 0; font-family: var(--body-font); color: var(--white); font-weight:500;line-height:1; }
/* Specific Header Settings */
h1,.h1 {font-size:76px; letter-spacing: -3px; line-height: 88px;}
h1 strong,.h1 strong {color:#71717D; font-weight: 500;}
h2,.h2 {font-size:56px;}
h2 strong,.h2 strong {color:#71717D; font-weight: 500;}
h3,.h3 {font-size:42px; letter-spacing: -1px; line-height: 50px; }
h3 strong,.h3 strong {color:#71717D; font-weight: 500;}
h4,.h4 {font-size:36px; letter-spacing: -1px; line-height: 50px; }
h5,.h5 {font-size:24px;}
h6,.h6 {font-size:20px;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
ul, ol {margin:0 0 15px 15px;} 
html, body{ border:none; -webkit-text-size-adjust:none;}
ul {list-style-type: none}
ul li {position: relative;}
ul li:before { position: absolute; left: -15px; top:9px; width: 5px; height:5px; background-color:var(--body-color); border-radius: 50%; content: ""; }
img {max-width: 100%; height: auto;}
table {width: 100%; border-collapse: collapse; border-spacing: 0;}
*, *:after, *:before {box-sizing: border-box;}
p {margin-bottom:20px;}
p:last-child {margin-bottom: 0;}
a {color: var(--body-color); transition: all 0.5s;}


.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {font-weight:400; letter-spacing: 1.25px; cursor: pointer; text-decoration: none; text-transform: uppercase; color: var(--button-color); border: 0.5px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.1); padding: 14px 20px; border-radius: 252px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: inset 2px 3px 0px -2px rgba(255, 255, 255, 0.5), inset -2px -3px 0px -2px rgba(255, 255, 255, 0.4);}

.input-group {margin-bottom: 38px;}
.input-group:last-child {margin-bottom: 0;}
.input-group label {font-size: 14px; line-height: 26px; letter-spacing: 2px; text-transform: uppercase; color: var(--white);}

input[type="search"], 
input[type="text"], 
input[type="date"], 
input[type="email"], 
input[type="password"], 
input[type="tel"], 
input[type="number"], 
textarea, select {margin: 0 0 0 0;  padding:16px 0; border-bottom: 1px solid rgba(113, 113, 125, 0.6); color: var(--body-color); font-family: var(--body-font); display: inline-block; vertical-align: middle; font-weight:400; font-size:14px; line-height:20px; position: relative;outline: none;box-shadow: none;text-align: start;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; z-index: 1; text-transform: none; letter-spacing:0; width: 100%;}
textarea {height:96px; resize: none;}
.select {display: none !important;}

input::-webkit-input-placeholder {color:var(--body-color); font-size:14px;opacity:1;}
input:-moz-placeholder {color:var(--body-color); font-size:14px; opacity:1;}
input::-moz-placeholder {color: var(--body-color); font-size:14px; opacity:1;}
input:-ms-input-placeholder {color:var(--body-color); font-size:14px;opacity:1;}
textarea::-webkit-input-placeholder {color:var(--body-color); font-size:14px; opacity:1;}
textarea:-moz-placeholder {color:var(--body-color); font-size:14px; opacity:1;}
textarea::-moz-placeholder {color:var(--body-color); font-size:14px; opacity:1;}
textarea:-ms-input-placeholder {color:var(--body-color); font-size:14px;opacity:1;}
fieldset {border: 1px solid transparent;} 
/* 6. Tables
------------------------------------------------------------------------------*/
/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: start; font-weight: normal;}
/* 7. Framework
------------------------------------------------------------------------------*/

/* container */
.container{max-width:1326px; width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;} 
.flex{ display:flex;}
.wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: left;} 
.text-right{text-align: right;}
.font-light {font-weight: 300;}

#pageoverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 9999; opacity: 1; transition: opacity 0.6s ease; pointer-events: none; }
#pageoverlay.hide { opacity: 0; }

.what-us-right p {transition: color 0.5s;}
.what-us-right p.viewport-center {color: white; transition: color 0.5s;} 

.desktop-only {display: block;}
.mobile-only {display: none;}

.animate { opacity: 0; transform: translateY(50px); transition: all 0.8s ease; }
.animate.show { opacity: 1; transform: translateY(0); }

.overlay-link {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}

.section-title {max-width: 700px; width: 100%;  color: var(--body-color); font-size: 20px; line-height: 30px;}
.section-title .sub-title {width: 100%; margin-bottom:30px; font-weight: 300; font-size: 16px; color: var(--body-color); text-transform: uppercase; letter-spacing: 2px;}
.section-title .sub-title strong {color:#3E35A5;}
.section-title h3 {color: var(--white); margin-bottom: 30px; font-weight:500;}
.section-title h3 strong {color: var(--body-color);}

.item-number {font-size: 14px; font-weight: 300; line-height: 26px; color:#3E35A5;}
.item-subtitle {color: var(--white); text-transform: uppercase; font-size: 14px; font-weight: 300; letter-spacing: 2px;}
.item-icon {margin-bottom: 26px;}

.header {z-index: 2; width: 100%; background-color: rgba(10, 10, 15, 0.7); padding: 24px 0; position: fixed; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.header-inner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.header .logo {max-width: 108px; width: 100%;}
.menu {max-width: max-content; width: 100%;}

.menu .hamburger {display: none; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; gap: 6px; width: 32px; height: 32px; border-radius: 50%; border: 0.5px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.1);  backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: inset 2px 3px 0px -2px rgba(255, 255, 255, 0.5), inset -2px -3px 0px -2px rgba(255, 255, 255, 0.4);}
.menu .hamburger span { width: 17px; height: 1px; background-color: var(--white); transition: all 0.5s;}

.menu-active.header {background-color: rgba(10, 10, 15, 1);}
.menu-active .menu .hamburger span:first-child { transform: rotate(45deg); }
.menu-active .menu .hamburger span {position: absolute; transform: rotate(-45deg); }
.menu-active #nik-bottom-blur {display: none!important;}

.menu ul {display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0;}
.menu ul li {padding:0 24px;}
.menu ul li:before {display: none;}
.menu ul li a {text-decoration: none; text-transform: uppercase;}
.menu ul li a:hover, .menu ul li.current_page_item a, .single-post .menu ul li:nth-last-child(2) a {color: var(--white);}
.menu ul li:last-child a {color: var(--white); border: 0.5px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.1); padding: 13px 20px; border-radius: 252px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: inset 2px 3px 0px -2px rgba(255, 255, 255, 0.5), inset -2px -3px 0px -2px rgba(255, 255, 255, 0.4);}
.menu-logo-img {display: none;}


.hero-banner {position: relative; height: 100svh; display: flex; justify-content: center; align-items: center;}
.hero-banner:after {content:''; position: absolute; background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(10, 10, 15, 1) 100%); height: 270px;     left: 0; bottom: 0; width: 100%;}
.hero-banner-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.hero-banner-img img, .hero-banner-img video {opacity: 0.2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.hero-banner-content {position: relative; max-width: 800px; width: 100%; margin: 0 auto; text-align: center; font-size: 22px; line-height:34px; letter-spacing: 0.3px; color: var(--body-color);}
.hero-banner-content h1 {margin-bottom: 18px; color: var(--white);}
.hero-banner-content h1 strong {display: block; color: var(--body-color);}
.hero-banner-content p {padding: 0 140px;}
.hero-banner-content .scroll-down {position: relative; z-index: 1; cursor: pointer; width: 36px; height: 52px; margin: 139px auto 0; display: flex; justify-content: center; align-items: center; border: 0.5px solid rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.1); border-radius: 252px; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); box-shadow: inset 2px 3px 0px -2px rgba(255, 255, 255, 0.5), inset -2px -3px 0px -2px rgba(255, 255, 255, 0.4);}

.timeline {padding: 158px 0 0;}
.timeline .container {position: relative;}
.timeline .container:before { content: ""; position: absolute; left:220px; top: 0; width: 2px; height: 100%; background: linear-gradient(0deg,rgba(36, 36, 36, 1) 0%, rgba(255, 255, 255, 0.87) 49%, rgba(36, 36, 36, 1) 100%); }
.timeline-line { position: absolute; left:220px; top: 0; width: 2px; height: 0; background: linear-gradient(0deg,rgba(62, 53, 165, 0) 0%, rgba(62, 53, 165, 1) 16%, rgba(62, 53, 165, 0) 100%); transition: height 0.3s ease; }
.timeline .container {max-width: 1207px; width: 100%;}
.timeline-item {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 158px;}
.timeline-item:before {content: ''; position: absolute; left: 201px; top: calc(50% - 10px); width: 10px; height: 10px; outline: 10px solid #0a0a0f; background-color: var(--white); border-radius: 50%; transition: all 0.5s;}
.timeline-item.visited:before {background-color: #3E35A5;}
.timeline-item:last-child {margin-bottom: 0;}
.timeline-icon {max-width: 120px; width: 100%; display: flex;}
.timeline-content {max-width: calc(100% - 320px); width: 100%;}
.timeline-content h4 {color: var(--body-color); transition: all 0.5s;}
.timeline-item.active .timeline-content h4 { color:var(--white);}
.timeline .bottom-status {position: relative; text-align: center; padding:50px 0; margin-top: 65px; font-size: 24px; line-height: 30px;  color: var(--white); font-weight: 300; letter-spacing: -0.31px;}
.timeline .bottom-status:before {content:''; position: absolute; top: 0; left: 0; right:0; margin: 0 auto; max-width:1296px; width: 100%; height: 1px; background: linear-gradient(90deg,rgba(36, 36, 36, 1) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 1) 100%);}
.timeline .bottom-status:after {content:''; position: absolute; bottom: 0; left: 0; right:0; margin: 0 auto; max-width:90%; width: 100%; height: 1px; background: linear-gradient(90deg,rgba(36, 36, 36, 1) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 1) 100%);}


.about-section {position: relative; padding: 95px 0;}
.about-section:before {content:''; position: absolute; right: 0; top: 0; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(10, 10, 15, 0) 0%, rgba(10, 10, 15, 1) 100%);}
.about-section:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.about-banner-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.about-banner-img img, .about-banner-img video {opacity: 0.4; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.btn-playpause {display:none!important; cursor: pointer; z-index: 1; position: absolute; top: calc(50% - 22px); left: 0; right: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4); width: 44px; height: 44px; border-radius: 50%;}
.btn-playpause svg {width: 16px; height: 20px;}
.service-section .button,
.about-section .button {margin: 26px auto 0;}
.about-section .btn-playpause {opacity: 0;}
.about-section:hover .btn-playpause {opacity: 1;}
.icon-pause {display: none;}
.about-banner-img .btn-playpause.playing .icon-play {display: none;}
.about-banner-img .btn-playpause.playing .icon-pause {display: block;}
.service-section .container,
.about-section .container {position: relative; display: flex; flex-wrap: wrap;}
.about-section-content {display: flex; gap:35px; backdrop-filter: blur(34px); -webkit-backdrop-filter: blur(34px); background: rgba(12, 12, 16, 0.5); padding: 54px 54px 62px;}
.about-section-item {max-width:25%; width:100%; color:var(--body-color);}
.about-section-item .item-subtitle {margin-bottom: 20px;}

.service-section {padding: 100px 0 135px; position: relative;}
.service-section:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.service-section .section-title {margin-bottom: 80px;}
.our-services {display: flex; flex-wrap: wrap; gap: 30px;}
.our-service-item {position: relative; padding: 35px 35px 66px; max-width: calc(50% - 15px); width: 100%; border:1px solid; border-image: linear-gradient( 90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100% ) 0.5; } 
.our-service-video {transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.our-service-video img, .our-service-video video {opacity: 0.2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.our-service-content {position: relative; color: var(--body-color);} 
.our-service-content .item-number {margin-bottom: 16px;}
.our-service-content .item-subtitle {margin-bottom: 12px;}
.our-service-item:hover .our-service-video {opacity: 1;}

.intelligence-section {position: relative; padding:106px 0 182px;}
.intelligence-section:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.intelligence-section .section-title {margin-bottom: 111px;}
.intelligence {position: relative; max-width: 1076px; width: 100%; margin:0 auto;}
.intelligence:after {content:''; position: absolute; left:50%; top: 0; background-color:rgba(255,255,255,0.3); width: 1px; height:100%}
.intelligence-item {position:relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 71px;}
.intelligence-item:after {content:''; position: absolute; left: calc(50% - 14px); top: 50%; background-color:#3E35A5; width:29px; height: 1px;} 
.intelligence-item:last-child {margin-bottom: 0;}
.intelligence-left {max-width: 50%; width: 100%;}
.intelligence-img-box { display: flex; justify-content: center; align-items: center; max-width:309px; width: 100%; height: 309px; background-color: rgba(20, 20, 24, 1); border:1px solid; border-image: linear-gradient( 90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100% ) 0.5;}
.intelligence-right {max-width: 50%; width: 100%; display: flex; justify-content: end;}
.intelligence-content {max-width:309px; width: 100%; padding-right: 65px; color: var(--body-color);}
.intelligence-content .item-subtitle {margin-bottom: 14px;}
.intelligence-content p {margin-bottom: 24px;}
.intelligence-content .button {width: 32px; height: 32px; border-radius: 50%; padding: 0; display: flex; justify-content: center; align-items: center;}
.intelligence-item:nth-child(even) {flex-direction: row-reverse;}
.intelligence-item:nth-child(even) .intelligence-left {display: flex; justify-content: flex-end;}
.intelligence-item:nth-child(even) .intelligence-right {display: flex; justify-content: flex-start;}

.intelligence-line { position: absolute; left:50%; top: 0; width:1px; height: 0; background-color: #3E35A5; /*background: linear-gradient( to bottom, rgba(62,53,165,0), rgba(62,53,165,1), rgba(62,53,165,0));*/ transition: height 0.2s ease; }

.features-section {position: relative; padding: 122px 0 90px;}
.features-section:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.features-inner {display: flex; justify-content: space-between; gap: 65px;}
.features-item {max-width:calc(20% - 34px); width: 100%; letter-spacing: -0.31px; color: var(--body-color); text-align: center;}
.features-number {margin-bottom:15px; font-size: 56px; line-height: 45px; margin-bottom: 20px; letter-spacing: 1px; background: linear-gradient(180deg,rgba(121, 121, 244, 1) 0%, rgba(37, 37, 76, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.features-item .item-subtitle {margin-bottom:15px;}

.contact-section {position: relative; padding: 97px 0 144px;}
.contact-section:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.contact-section-inner {display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-section-left {max-width: 420px; width: 100%;}
.contact-section-right {max-width: 746px; width: 100%;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #dc3232; text-align: center;}
.wpcf7 form .wpcf7-response-output {color:#dc3232;}
.wpcf7 form.sent .wpcf7-response-output {color: #46b450; text-align: center;}


.footer { position: relative; padding: 40px 60px 0; color: var(--body-color);}
.footer:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 246px; background: linear-gradient(180deg, rgba(10, 10, 10, 0.2) 0%, rgba(121, 121, 244, 0.2) 100%); z-index: -1;}
.footer-top {position: relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-bottom: 44px;}
.footer-top:after {content:''; position: absolute; bottom: 0; left: 0; right:0; margin: 0 auto; max-width:1326px; width: 100%; height: 1px; background: linear-gradient(90deg,rgba(36, 36, 36, 1) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 1) 100%);}
.footer-info {font-size: 14px; font-weight: 300;}
.footer-logo { margin-bottom: 10px; }
.footer-nav { display: flex; gap:48px; }
.footer-nav li:before {display: none;}
.footer-nav a { text-decoration: none; text-transform: uppercase; font-size: 12px; color: var(--body-color); letter-spacing: 1.25px; transition:all 0.3s; }
.footer-nav a:hover { color: #ffffff; }
.footer-bottom { display: flex; justify-content: space-between; font-size: 12px; color:var(--body-color); flex-wrap: wrap; text-align: left; padding: 35px 0; }
.footer-bottom > div { max-width: 33.3333%; width: 100%; }
.footer-bottom .footer-center {text-align: center;}
.footer-bottom .footer-right {text-align: right;}
body.bottom #nik-bottom-blur {display: none!important;}


section.inner-banner { padding-bottom: 80px; padding-top: 247px; display: flex; justify-content: center; }
.about-page.inner-banner {height: 607px; position: relative;}
.about-page.inner-banner:after {content: ''; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(10, 10, 15, 1) 100%); height: 270px; left: 0; bottom: 0; width: 100%;}
.about-page .inner-banner-img {height: 100%;}
.about-page .inner-banner-img video, .about-page .inner-banner-img img {object-fit: cover; opacity: 0.2;}
.inner-banner-img {position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
.inner-banner-img video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.inner-banner-title {position: relative; text-align: center; color: #71717D; font-size:16px;max-width: 1326px;padding-right: 15px; padding-left:15px;}
.inner-banner-title h1+p, .inner-banner-title .h1+p {font-size: 20px;}


.what-us-section {position: relative; padding: 176px 0 148px;}
.what-us-section:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.what-us-inner {display: flex; flex-wrap: wrap; justify-content: space-between;}
.what-us-left {max-width: 300px; width: 100%;}
.what-us-right {max-width: 852px; width: 100%;}
.what-us-right p {margin-bottom: 30px; font-weight: 300; color:#8d8d8d; font-size: 26px; line-height: 33px;}


.innerpage.intelligence-section {padding-bottom: 0;}
.innerpage .intelligence:after, .innerpage.intelligence-section:after {display: none;}
.innerpage .intelligence-item:after { content: ''; position: absolute; left: -9px; top: 50%; background-color: #3E35A5; border: 5px solid var(--body-bg); width: 18px; height: 18px; border-radius: 50%; }
.innerpage .intelligence {max-width: 100%;}
.innerpage .intelligence-item {padding:70px 0; background-color: rgba(20, 20, 24, 1); border: 1px solid; border-image: linear-gradient(90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100%) 0.5;}
.innerpage .intelligence-img-box {background: none; border: 0;}
.innerpage .intelligence-left {max-width: 545px; padding-left: 164px;}
.innerpage .intelligence-img-box {max-width: max-content;}
.innerpage .intelligence-right {max-width: 745px; padding-right: 110px; justify-content:start;}
.innerpage .intelligence-content {max-width: 100%;}
.innerpage .intelligence-content .item-subtitle {font-size: 20px; line-height: 26px;}
.innerpage .intelligence-content h6 {font-weight: 400; font-size: 16px; line-height: 24px; margin-bottom: 24px;}
.innerpage .intelligence-item:nth-child(even) {flex-direction: row;}
.innerpage .intelligence-item:nth-child(even) .intelligence-left {display: flex; justify-content: flex-start;}
.innerpage .intelligence-item:nth-child(even) .intelligence-right {display: flex; justify-content: flex-end;}

.single-page .inner-banner {padding-bottom: 40px;}
.single-page .inner-banner-title {position: relative; max-width: 860px; width: 100%; text-align: left; padding: 0 100px 35px;}
.single-page .inner-banner-title:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.single-content {position: relative;width: 100%; padding-bottom: 94px;}
.single-content .container {max-width: 690px; width: 100%; margin: 0 auto;}
.single-content:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.single-content .button {display: inline-block; margin-top:50px;}

.contact-page .contact-section {padding-top:0;}
 
.case-studies-inner {display: flex; flex-wrap: wrap; gap: 20px;}
.case-studies-item {display: flex; flex-direction: column; position: relative; overflow: hidden; max-width: calc((100% - 60px) / 4); width: 100%; min-height: 260px; padding: 30px 30px 65px; background-color: rgba(20, 20, 24, 1); border: 1px solid; border-image: linear-gradient(90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100%) 0.5;}
.case-studies-item:after {opacity: 0; content: ''; position: absolute; left: -100px; top: -120px; background-image: url(../images/inner-banner-logo.svg); width: 450px; height: 450px; pointer-events: none; transition: all 0.5s;}
.case-studies-item:hover:after {opacity: 1;}
.case-studies-item .case-studies-title {position: relative; padding-top: 25px; color: #E5E5EA; margin-bottom: 39px;}
.case-studies-item .case-studies-title:after {content:''; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; background-color:#3E35A5; border-radius: 50%;}
.case-studies-item .button {width: 32px; height: 32px; border-radius: 50%; padding: 0; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 32px; right: 32px;}

.intelligence-insights {padding: 130px 0;}
.intelligence-insights .inner-banner-title {margin-bottom: 80px;}
.intelligence-insights-inner {display: flex; flex-wrap: wrap; gap: 20px;}
.intelligence-insights-item {display: flex; flex-direction: column; position: relative; overflow: hidden; max-width: calc((100% - 60px) / 4); width: 100%; padding: 30px 30px 65px; background-color: rgba(20, 20, 24, 1); border: 1px solid; border-image: linear-gradient(90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100%) 0.5;}
.intelligence-insights-item:after {opacity: 0; content: ''; position: absolute; left: -100px; top: -120px; background-image: url(../images/inner-banner-logo.svg); width: 450px; height: 450px; pointer-events: none; transition: all 0.5s;}
.intelligence-insights-item:hover:after {opacity: 1;}
.intelligence-insights-item .intelligence-insights-title {position: relative; padding-top: 25px; color: #E5E5EA; margin-bottom: 39px;}
.intelligence-insights-item .intelligence-insights-title:after {content:''; position: absolute; top: 5px; left: 0; width: 12px; height: 12px; background-color:#3E35A5; border-radius: 50%;}
.intelligence-insights-item .button {width: 32px; height: 32px; border-radius: 50%; padding: 0; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 32px; right: 32px;}

.media-coverage {position: relative; padding: 130px 0;}
.media-coverage:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.media-coverage .inner-banner-title {margin-bottom: 80px;}
.media-coverage-inner {display: flex; flex-wrap: wrap; gap: 20px;}
.media-coverage-item {display: flex; flex-direction: column; position: relative; max-width: calc((100% - 100px) / 6); width: 100%; padding:28px 20px 56px; background-color: rgba(20, 20, 24, 1); border: 1px solid; border-image: linear-gradient(90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100%) 0.5;}
.media-coverage-logo { max-height: 43px; height: 100%; display: flex; }
.media-coverage-item .media-coverage-title {position: relative; padding-top:20px; color: var(--body-color); margin-bottom: 39px;}
.media-coverage-item .button {width: 32px; height: 32px; border-radius: 50%; padding: 0; display: flex; justify-content: center; align-items: center; position: absolute; bottom:20px; right: 20px;}

.who-we-are h3 {margin-bottom: 15px;}
.who-we-are ul {display: flex; flex-wrap: wrap; justify-content: space-between; gap:30px; margin-left: 0;}
.who-we-are ul li {max-width: calc(50% - 15px); width: 100%;}
.who-we-are ul li:before {display: none;}
.who-we-are-vector {margin-top: 123px; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}


.our-story-section {position: relative; padding-bottom: 0; padding-top:95px; margin-top: -120px;}
.our-story-section:before {content: ''; position: absolute; left: 1%; right: 1%; top: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.our-story-section .section-title {margin-bottom:99px;}
.our-story-item:after { content: ''; position: absolute; left: calc(50% - 9px); bottom:-9px; z-index: 1; background-color: #3E35A5; border: 5px solid var(--body-bg); width: 18px; height: 18px; border-radius: 50%; }
.our-story-item:last-child:after {display: none;}
.our-story {max-width: 100%; position: relative; padding-bottom:117px;}
.our-story:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.our-story-item {position: relative; display: flex; flex-wrap: wrap; align-items: center; padding:70px 0; background-color: rgba(20, 20, 24, 1); border: 1px solid; border-image: linear-gradient(90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100%) 0.5;}
.our-story-img-box {background: none; border: 0;}
.our-story-left {max-width: 545px; width: 100%; padding-left: 120px;}
.our-story-img-box {max-width: max-content;}
.our-story-right {max-width: 745px; width: 100%; padding-right: 110px; justify-content:start;}
.our-story-content {max-width: 100%;}
.our-story-content .item-subtitle {font-size: 20px; line-height: 26px;}
.our-story-item:nth-child(even) {flex-direction: row-reverse;}
.our-story-item:nth-child(even) .our-story-left {padding-left: 0; padding-right: 120px; display: flex; justify-content: flex-end;}
.our-story-item:nth-child(even) .our-story-right {padding-right: 0; padding-left: 110px; display: flex; justify-content: flex-end;}


.our-approach-section {position: relative; padding-top: 82px; padding-bottom:127px;}
.our-approach-section:before {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%); }
.our-approach {display: flex; flex-wrap: wrap; gap: 30px; margin-top:100px;}
.our-approach-item {position: relative; padding:20px 20px 44px; max-width: calc(25% - 30px); width: 100%; border:1px solid; border-image: linear-gradient( 90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100% ) 0.5; } 
.our-approach-video {transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.our-approach-video img, .our-service-video video {opacity: 0.2; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.our-approach-content {position: relative; color: var(--body-color);} 
.our-approach-content .item-number {margin-bottom: 16px;}
.our-approach-content .item-subtitle {margin-bottom: 18px; line-height: 26px;}
.our-approach-item:hover .our-service-video {opacity: 1;}


.our-team-section {position: relative; padding: 80px 0;}
.our-team-section:after {content: ''; position: absolute; left: 1%; right: 1%; bottom: 0; width: 98%; height: 1px; background: linear-gradient(90deg, rgba(36, 36, 36, 0.5) 0%, rgba(255, 255, 255, 0.3) 49%, rgba(36, 36, 36, 0.5) 100%);}
.our-team-section h3 {margin-bottom:100px;}
.our-team-section ul {display: flex; flex-wrap: wrap; justify-content: space-between; gap:30px; margin-left: 0;}
.our-team-section ul li {max-width: calc(50% - 15px); width: 100%;}
.our-team-section ul li:before {display: none;}


.team-wrapper {display: flex; flex-wrap: wrap; gap:20px; margin-top: 100px;}
.team-wrapper .team-item {max-width: calc(16.6667% - 16.667px); width: 100%; flex-direction: column; } 
.team-item-img { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 200px; height: 200px; margin-bottom: 15px; border:1px solid; border-image: linear-gradient( 90deg, rgba(85, 85, 85, 0.5) 0%, rgba(255, 255, 255, 0.5) 49%, rgba(85, 85, 85, 0.5) 100% ) 0.5;}
.team-wrapper .team-item a {text-decoration: none;}