/*
Theme Name: Apex
Theme URI: https://myriann.com/
Author: The Webexcellis Team
Author URI: https://myriann.com/
Description: Apex Theme for Apex Site.
Version: 1.0
License URI: <https://www.gnu.org/licenses/gpl-2.0.html>
Text Domain: Apex
Tags: Apex
*/

:root {--apex-white: #FFF;--apex-black: #000;--apex-blue:#212173;--apex-dark-blue: #0D0D3D;--apex-indigo: #5664FF;--custom-ease: all 0.38s cubic-bezier(0.215, 0.61, 0.355, 1);--section-padding-desktop: 100px;--section-padding-tablet: 60px;--section-padding-mobile: 40px;}
@font-face {font-family: 'Neue Haas Grotesk Display Pro 45 Light';src: url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_45_Light.eot');src: url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_45_Light.eot') format('embedded-opentype'),url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_45_Light.woff2') format('woff2'),url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_45_Light.woff') format('woff'),url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_45_Light.ttf') format('truetype'),url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_45_Light.svg#fonnts_comNeue_Haas_Grotesk_Display_Pro_45_Light') format('svg');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Neue Haas Grotesk Display Pro 55 Roman';src: url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_55_Roman.eot');src: url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_55_Roman.eot') format('embedded-opentype'),url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_55_Roman.woff2') format('woff2'),url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_55_Roman.woff') format('woff'),url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_55_Roman.ttf') format('truetype'),url('assets/fonts/fonnts_comNeue_Haas_Grotesk_Display_Pro_55_Roman.svg#fonnts_comNeue_Haas_Grotesk_Display_Pro_55_Roman') format('svg');font-weight: 400;font-style: normal;}
/* =================reset css starts here=================  */
*{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,body,html,form,fieldset,address,blockquote{margin:0;padding:0;outline:none;border:0}
a{text-decoration:none;border:0;outline:0;}
ul{list-style:none;}
a:focus,input:focus,textarea:focus,*:focus{outline:0!important;}
/* =================reset css ends here================= */
/* =================core css starts here================= */
html,body{min-height:100vh;}
#main {min-height: 100svh;display: flex;flex-flow: column;}
body{min-height:100%; font-family: "Poppins", sans-serif;font-size:16px;font-weight: 300; line-height:1.4;color:var(--apex-black);background:var(--apex-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.container{width:calc(100% - 30px);max-width:1304px;}
a,input,button{display:inline-block;text-decoration:none;color:inherit;outline:none;transition:all 0.2s ease-in;-webkit-transition:all 0.2s ease-in;}
a img{border:0px none;}
a:hover{outline:none;color:var(--apex-black);text-decoration:none;}
a:active{outline:none;text-decoration:none;}
a:focus{outline:none;outline-offset:0px;text-decoration:none;color:inherit;}
::-webkit-input-placeholder{color:#000;opacity:0.5;}
::-moz-placeholder{color:#000;opacity:0.5;}
:-moz-placeholder{color:#000;opacity:0.5;}
:-ms-input-placeholder{color:#000;opacity:0.5;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
img{max-width:100%;border:0;height:auto;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight:400;line-height:1.4;color:inherit;margin-bottom:24px;}
h1{font-size:64px;}
h2{font-size:64px;}
h3{font-size:40px;}
h4{font-size:32px;}
h5{font-size:24px;}
h6{font-size:20px;}
p{margin:0px;padding:0px;margin-bottom:24px;}
strong{font-weight:700;}
b{font-weight:400;}
p:last-child{margin-bottom:0;}
.btn{min-width:100px;padding: 9px 16px;font-size:14px;font-weight:400;line-height:1.5;text-align:center;border:1px solid currentColor;border-radius: 50rem;text-transform: capitalize;box-shadow:none;transition:var(--custom-ease);}
.btn-blue,.btn-blue:focus{color:var(--apex-white);background-color:var(--apex-blue);border-color:var(--apex-blue);}
.btn-blue:hover,.btn-blue:active{color:var(--apex-white);background-color:var(--apex-indigo)!important;border-color:var(--apex-indigo)!important;}
.btn-white,.btn-white:focus{color:var(--apex-dark-blue);background-color:var(--apex-white);border-color:var(--apex-white);}
.btn-white:hover,.btn-white:active{color:var(--apex-white);background-color:var(--apex-indigo)!important;border-color:var(--apex-indigo)!important;}
.btn-link {font-family: 'Neue Haas Grotesk Display Pro 55 Roman';text-transform:uppercase;border-radius: 0;padding: 0 33px 10px 0;font-weight: 400;font-size: 18px;line-height: 1.5;position: relative;text-decoration: none;background: transparent;display: inline-block;color: inherit;transition: color 0.25s cubic-bezier(0.215,0.61,0.355,1),transform 0.12s ease;}
.btn-link::after {content: "";position: absolute;left: 0;bottom: 0;height: 2px;width: 100%;background: currentColor;transform: scaleX(1);transform-origin: bottom left;transition: transform 0.25s ease-out;}
.btn-link::before {content: "";position: absolute;right: 0;bottom: 15px;width: 20px;height: 20px;background-color: currentColor;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-repeat: no-repeat;mask-size: contain;transition: transform 0.25s ease;}
.btn-link:hover::after {transform: scaleX(0);transform-origin: bottom right;}
.btn-link:hover{color: currentColor !important;}
.btn.btn-block{min-width:100%;}
.btn.btn-lg {padding: 17px 30px!important;}
.content-container{padding:var(--section-padding-desktop) 0;}
.add-index{position:relative;z-index:10;}
.bg-blue{background:var(--apex-blue);color:var(--apex-white);}
.font-45-light {font-family: 'Neue Haas Grotesk Display Pro 45 Light'!important;}
.font-55-roman {font-family: 'Neue Haas Grotesk Display Pro 55 Roman'!important;}
/* =================core css ends here================= */
.loader-wrapper {position: fixed;inset: 0;z-index: 9999999;background:#0D0D3D;display: flex;align-items: center;justify-content: center;}
/* ============================== Header Start ====================================== */
body.open-menu{overflow:hidden;}
#header{background:var(--apex-blue);position:fixed;left:0;top:0;right:0;padding:0;z-index:9999;transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:all 0.5s cubic-bezier(0.215,0.61,0.355,1);}
.fixed #header{background:var(--apex-blue);box-shadow: 0 5px 10px rgb(0 0 0 / 10%);}
body:not(.fixed):has(.hero-container) #header,
body:not(.fixed):has(.inner-hero-container) #header{background:transparent;}
.navbar{padding:0;width:100%;height:84px;transition:.2s all ease-in;}
.navbar-brand{width:54px;padding:0;margin:0;position:relative;z-index:999;}
.navbar-expand-xl .navbar-nav > .nav-item{margin:0 13.5px;}
.navbar-expand-xl .navbar-nav .nav-link{font-size:14px;line-height: 24px;font-weight:300;padding:0;text-transform:capitalize;color:var(--apex-white);position:relative;transition: color 0.35s ease;}
.navbar-expand-xl .navbar-nav li:focus > .nav-link,.navbar-expand-xl .navbar-nav li:hover > .nav-link,.navbar-expand-xl .navbar-nav li.active > .nav-link{color: var(--apex-white);}
.navbar-expand-xl .navbar-nav li.active .nav-link{font-weight: 500;}
.navbar-expand-xl .navbar-nav .dropdown > .nav-link.active,.navbar-expand-xl .navbar-nav .dropdown > .nav-link.show{font-weight:600;}
.fixed .navbar-expand-xl .navbar-nav .nav-link{color:var(--apex-white);}
.dropdown-toggle::after{display:none;}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow{display:none;}
.nav-inside{width:100%;padding:0;}
.nav-inside-content{padding:30px 0;}
.header-right {margin-left: 15px;}
.navbar-expand-xl .navbar-nav .dropdown > .nav-link{position:relative;padding-right:28px;}
.navbar-expand-xl .navbar-nav .dropdown > .nav-link::after{content:"";display:inline-block;border:0;position:absolute;top:50%;margin-left:10px;/* right: 4px; */width:13px;height:8px;background:url(/../images/dropdown-icon.svg) no-repeat center/contain;transform:translateY(-50%);transform-origin:center center;transition:var(--apex-custom-ease);}
.navbar-expand-xl .navbar-nav .dropdown > .nav-link.show::after{transform:translateY(-50%) rotate(180deg);}
.navbar-expand-xl .navbar-nav .nav-link{position:relative;}
.navbar-expand-xl .navbar-nav .nav-link:hover::before,.navbar-expand-xl .navbar-nav .nav-item.active > .nav-link::before{transform:scaleX(1);transform-origin:left center;}
.header-icon-box {width: 239px;position: absolute;bottom: 0;right: 30px;opacity: 4%;z-index: -1;}
@media only screen and (min-width:1200px){
.navbar-nav .nav-link::before {content: '';position: absolute;left: 0;bottom: -6px;width: 100%;height: 2px;background: var(--apex-white);transform: scaleX(0);transform-origin: right;transition: transform 0.35s cubic-bezier(0.77, 0, 0.175, 1);}
.navbar-nav li:hover > .nav-link::before,.navbar-nav li.active > .nav-link::before {transform: scaleX(1);transform-origin: left;}
}
/* ============================== Header End ====================================== */
.heading{display:inline-block;vertical-align: middle;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';}
.heading h2{font-size: 64px;line-height: 1.2;font-weight: 400;margin-bottom: 0;}
/* ======================== Home Start ========================== */
.hero-container {width: 100%;height:590px;position: relative;padding-bottom: 72px;}
.hero-bg {width: 100%;height: 100%;position: absolute;inset: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.hero-container:after {content: '';width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);position: absolute;inset: 0;z-index: 1;opacity: 0.4;}
.hero-bg:before {content: '';width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.83) 30%, rgba(0, 0, 0, 0) 100%);position: absolute;inset: 0;opacity: 0.4;z-index: 2;}
.hero-bg:after{content: '';width: 100%;height: 100%;position: absolute;inset: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.83) 70%, rgba(0, 0, 0, 0) 100%);opacity: 0.4;z-index: 3;}
.hero-content-box{width:100%;max-width:1054px; color:var(--apex-white);font-size:16px;line-height:1.4;font-weight:400;}
.hero-content-box h1 {font-family: 'Neue Haas Grotesk Display Pro 45 Light';font-size: 64px;line-height: 1.2;font-weight: 300;letter-spacing: 0.02em;margin-bottom: 0px;color: var(--apex-white);}



.partner-left { width: 100%;padding: 80px 200px 80px 0;}
.pl-head h2 {font-size: 64px;line-height: 1.3;font-weight: 300;letter-spacing: 0.01em;font-family: 'Neue Haas Grotesk Display Pro 45 Light';}
.pl-head-img {background: rgb(255 255 255 / 6%);border-radius: 9px;padding: 14px 25px;}
.pl-logo-list{width:calc(100% + 40px);margin-left: -20px;}
.pl-logo-item{position: relative;padding: 0 20px;}
.pl-logo-item:not(:last-child):after {content: '';position: absolute;top: 50%;right: 0;width: 1px;height: calc(100% - 20px);background: rgb(255 255 255 / 20%);transform: translateY(-50%);}
.pl-client-holder {width: 50%;height: 100%;position: absolute;right: 0;top: 0;bottom: 0;}
.pl-client-content {width: calc(100% + 110px);height: 100%;margin-left: -110px; position: relative;}
.pl-client-content:after {content: '';width: 100%;height: 100%;background: rgb(255 255 255 / 3%);position: absolute;inset: 0;}
.logo-marquee-holder {mask-image: linear-gradient(to right,rgba(40, 40, 119, 0) 0%,rgba(40, 40, 119, 1) 15%,rgba(40, 40, 119, 1) 85%,rgba(40, 40, 119, 0) 100%);}
.logo-marquee-holder{width: 100%;height: 100%;}
.pl-client-box{margin:0; padding: 0 30px;}
.pl-client-box img{width: auto; height: 80px; object-fit: contain;  transition: all 0.2s ease-in;}



.intro-left {width: 34.4%;}
.intro-img {position: relative;padding-bottom: 114%;}
.intro-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in;}
.intro-img:hover img {transform: translateY(5%);}
.intro-right {width: 65.6%;padding-left: 6.3%;}
.ir-head {gap: 15px;position: relative;}
.ir-head h2 {font-family: 'Neue Haas Grotesk Display Pro 45 Light';font-size: 64px;line-height: 1.2;margin-bottom: 0;}
.ir-small-img {width: 230px;height: 210px;flex-shrink: 0;position: relative;z-index: 2;}
.ir-small-img:hover img {transform: translateY(5%);}
.ir-small-img img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in;}
.ir-body {width: 100%;}
.ir-item {position: relative;padding-left: 30px;transition: all 0.3s ease-in;}
.ir-item:not(:last-child) {border-bottom: 1px solid rgb(33 33 115 / 10%);}
.ir-item::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 11px;height: 11px;background-image: url(assets/images/intro-icon.svg);}
.ir-box {font-size: 17px;font-weight: 400;line-height: 1.6;padding: 40px 0;}
.bg-blue .ir-item{border-color:rgb(255 255 255 / 10%);}
.text-container {border-top: 1px solid rgb(0 0 0 / 10%);}
.text-right-item:first-child {padding-top: 0;}
.text-right-item:last-child {padding-bottom: 0;}
.text-right-item:not(:last-child) {border-bottom: 1px solid rgb(0 0 0 / 20%);}
.tr-box{padding:50px 0;}
.tr-icon{width: 62px;height: 62px;margin-right: 40px;}
.tr-content{font-size: 32px;line-height: 1.2;font-weight: 400;}
.text-cta {margin-top: 40px;}
.tr-img-box {width: 320px;height: 253px;position: absolute;right: 40px;bottom: 12px;z-index: -1;}
.step-modal-list {width: calc(100% + 20px);margin-left: -10px;margin-bottom: -20px;margin-top: 60px;}
.step-modal-item {width: 33.33%;padding: 0 10px;margin-bottom: 20px;}
.step-modal-box {min-height: 432px;background: #2E2E7B;font-size: 32px;line-height: 1.4;position: relative;overflow: hidden;z-index: 0;}
.step-modal-box,.step-modal-hover{padding: 41px 40px;transition: all 0.3s ease-in;}
.step-modal-hover-content {transform: translateY(-60px);opacity: 0;transition: all 0.3s ease-in;}
.step-modal-hover {width: 100%;height: 100%;position: absolute;inset: 0;opacity: 0;transition: all 0.3s ease-in;z-index: 100;}
.step-modal-box:hover .step-modal-hover-content {transform: translateY(0);opacity: 1;}
.step-modal-box:hover .step-modal-title,.step-modal-box:hover .step-modal-number{opacity: 0;}
.step-modal-box:hover .step-modal-hover{opacity: 1;}
.step-modal-feature-list li {font-size: 16px;line-height: 1.6;}
.step-modal-feature-list li {position: relative;padding-left: 24px;}
.step-modal-feature-list li:not(:last-child) {margin-bottom: 1px;}
.step-modal-feature-list li:before {content: '';width: 5px;height: 5px;position: absolute;left: 0;top: 10px;background: #E8D5B5;transform: rotate(45deg);}
.step-modal-hover-title{font-size: 32px;line-height: 1.4;}
.step-modal-box::before {content: '';position: absolute;inset: 0;background: var(--apex-indigo);z-index: 3;clip-path: circle(0% at 0% 0%);/* filter: blur(32.4px); */transition: clip-path 0.8s cubic-bezier(0.22, 1, 0.36, 1);}
.step-modal-box::after {content: '';position: absolute;inset: 0;background: #808080c7;z-index: 2;opacity: 0; transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);}
.step-modal-box:hover::after{opacity: 1;}
.step-modal-box:hover::before {clip-path: circle(150% at 0% 0%);}
.step-modal-box:not(:hover)::before {clip-path: circle(0% at 0% 0%);}
.quick-connect-container{padding: 143px 0;}
.qcc-box {position: relative;font-size: 15px;line-height: 1.6;font-weight: 300;}
.qcc-box h2{font-family: 'Neue Haas Grotesk Display Pro 45 Light';font-size: 64px;line-height: 1.3;margin-bottom: 20px;}
.qcc-cta{margin-top: 60px;}
.backdrop-img {width: 460px;height: 402px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.backdrop-img-dark {filter: brightness(0.3);width: 460px;height: 402px;position: absolute;top: 350%;left: 75%;transform: translate(-50%, -50%);z-index: -1;}
.full-width-wrapper{height: 701px;background:var(--apex-blue);}
.fww-bg {width: 100%;height: 100%;position: absolute;inset: 0;background-position: center;background-repeat: no-repeat;background-size: cover;background-position:top;}
.ec-list {width: calc(100% + 10px);margin-left: -5px; margin-bottom: -10px;}
.ec-item {width: 33.33%;padding: 0 5px;margin-bottom: 10px;}
.ec-item:not(:first-child) .ec-box {padding: 0 30px;}
.ec-item:not(:first-child) .ec-box-inner {border-top: 1px solid rgb(0 0 0 / 10%);padding: 30px 0 58px;}
.ec-item:not(:first-child) .ec-box:hover {color: var(--apex-white);}
.ec-item:not(:first-child) .ec-box::after {content: '';position: absolute;bottom: 100%;left: 0;right: 0;width: 100%;height: 100%;background: var(--apex-blue);transition: all 0.3s ease-in;z-index: -1;}
.ec-item:not(:first-child) .ec-box:hover::after {bottom: 0;}
.ec-item:not(:first-child) .ec-box:hover .ec-icon img {filter: brightness(0) invert(1);}
.ec-box {width: 100%;height: 100%;line-height: 1.6;position: relative; transition: all 0.3s ease-in;z-index: 1;overflow: hidden;}
.ec-box h2 {font-size: 64px;line-height: 1.3;font-weight: 400;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';margin-bottom: 40px;}
.ec-icon {width: 62px;height: 62px;margin-bottom: 40px;}
.ec-icon img {width: 100%;height: 100%;object-fit: contain;transition: all 0.3s ease-in;}
.ec-box h3 {font-size: 28px;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';margin-bottom: 14px;}
/* ======================== Home End ========================== */
/* ========================= ABOUT US START ==================== */
.inner-hero-container {width: 100%;height: 592px;position: relative;padding-bottom: 75px;background: var(--apex-black);}
.inner-hero-bg {width: 100%;height: 100%;position: absolute;inset: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.inner-hero-container:after {content: '';width: 100%;height: 100%;background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);position: absolute;inset: 0;z-index: 1;opacity: 0.4;}
.inner-hero-bg:before {content: '';width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.83) 30%, rgba(0, 0, 0, 0) 100%);position: absolute;inset: 0;opacity: 0.4;z-index: 2;}
.inner-hero-bg:after{content: '';width: 100%;height: 100%;position: absolute;inset: 0;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.83) 70%, rgba(0, 0, 0, 0) 100%);opacity: 0.4;z-index: 3;}
.inner-hero-content-box{width:100%;max-width:1054px; color:var(--apex-white);font-size:16px;line-height:1.4;font-weight:400;}
.inner-hero-content-box h1 {font-size: 64px;line-height: 1.10;margin-bottom: 0;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';}
.text-2-holder {margin-top: 80px;}
.text-2-list {width: calc(100% + 60px);margin-left: -30px; margin-bottom: -60px;}
.text-2-item {width: 33.33%;padding: 0 30px;margin-bottom: 60px;}
.text-2-box {width: 100%;height: 100%;}
.text-2-icon-box {width: 86px;height: 86px;margin-bottom: 40px;background: rgb(33 33 115 / 6%);display: flex;align-items: center;justify-content: center;}
.text-2-content-box h3 {font-size: 32px;line-height: 1.2;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';margin-bottom: 30px;}
.blue-dot-list li {position: relative;padding-left: 21px;line-height: 1.5;}
.blue-dot-list li:not(:last-child) {margin-bottom: 13px;}
.blue-dot-list li::before {content: '';position: absolute;top: 8px;left: 0;width: 6px;height: 6px;border: 1.5px solid var(--apex-indigo);transform: rotate(45deg);}
.team-list {width: calc(100% + 72px);margin-left: -36px;margin-bottom: -40px;}
.team-item {width: 50%;padding: 0 36px;margin-bottom: 40px;}
.team-item:nth-child(odd) {margin-top: 230px;}
.team-left {width: 22%;}
.team-right {width: 78%;padding-left: 12px;}
.team-box {width: 100%;transition: all 0.3s ease-in;}
.team-box:hover {transform: translateY(5%);}
.tb-img {position: relative;padding-bottom: 105%;margin-bottom: 40px;}
.tb-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.team-item {width: 50%;}
.tb-content h3 {font-size: 32px;line-height: 1.3;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';color: #000;margin-bottom: 12px;}
.tb-content {color: #0D0D3D;}
.team-offcanvas {width: 754px!important;border: 0!important;padding-left: 64px;background: transparent;z-index: 99999;}
.team-body{background:var(--apex-white);color:var(--apex-black);padding: 50px;}
.team-close{position:absolute;top:0;left:0;background:var(--apex-blue);padding:20px;font-size:16px;display:flex;flex-flow:column;justify-content:center;align-items:center;color:var(--apex-white);cursor:pointer;}
.team-close img{width:100%;height:100%;object-fit:contain;}
.team-modal-head {padding-bottom: 40px;border-bottom: 1px solid rgb(0 0 0 / 10%);}
.tmh-img-box {width: 46%;}
.tmh-img {position: relative;padding-bottom: 114%;}
.tmh-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.tmh-content-box {width: 54%;}
.tmh-content {padding-left: 14%;height: 100%;gap: 20px;}
.tmh-role {font-size: 14px;color: #0D0D3D;margin-bottom: 6px;}
.tmh-profile h4 {font-size: 28px;line-height: 1.3;margin-bottom: 0;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';}
.social-link-list {gap: 10px;}
.social-link {width: 24px;height: 24px;background: transparent;transition: transform 0.25s ease;position: relative;z-index: 2;border-radius: 50rem;}
.social-link img {transition: filter 0.25s ease;}
.social-link:after {content: '';position: absolute;left: 50%;top: 50%;width: 120%;height: 120%;background: rgb(86 100 255 / 38%);border-radius: 50%;transform: translate(-50%, -50%) scale(0);transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);z-index: -1;}
.social-link:hover:after {transform: translate(-50%, -50%) scale(1.5);}
.social-link:hover img {filter: brightness(0) invert(1);}
.team-modal-body {flex-grow: 1;margin-top: 40px;line-height: 1.6;}
.offcanvas-backdrop.show{z-index:9999;}
/* ========================= ABOUT US END ==================== */
/* ================== SERVICES START ==================== */
.services-row {padding: 40px 0;background: #fff;}
.services-row:nth-child(even) {background: #F8F8F8;}
.services-content-box .blue-dot-list li {width: 50%;}
.services-content-box {width: 100%;height: 100%;padding-top: 20px;}
.services-img-box {padding-left: 11%;}
.services-img {position: relative;padding-bottom: 69%;}
.services-img img {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.services-content-box h2 {font-size: 40px;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';margin-bottom: 30px;}
.services-row.sticky-top {top: 84px;}
/* ================== SERVICES END ==================== */
/* ================== CONTACT US START ==================== */
.contact-us-content-box {padding: 60px 0 290px;min-height: calc(100vh - 425px);}
.contact-us-container {padding: 120px 0 120px;}
.contact-us-form-box {padding: 75px 0 0;}
.contact-us-content-box-inside {width: 100%;max-width: 440px;}
.contact-us-content-box-inside h1 {margin-bottom: 15px;}
.contact-info-list {margin-top: 50px;}
.contact-icon {width: 24px;height: 24px;margin-right: 16px;}
.contact-info-box a:hover{color:var(--apex-blue)!important;text-decoration: underline;}
.form-label{font-size:16px;font-weight:400;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';margin-bottom: 8px;}
.form-control {background: #F5F5F5;border: 1px solid transparent;border-radius: 5px;height: 48px;padding: 12px;font-size: 16px;line-height: 1.5;transition: all 0.25s ease;}
.form-control:focus {outline: none;border-color: var(--apex-blue);background: #F5F5F5;box-shadow: none!important;}
.form-group{margin-bottom:24px;}
textarea.form-control {height: 180px;}
.form-control.is-invalid,
.was-validated .form-control:invalid {border-color: #ff4d4f;box-shadow: none;background-image: none !important;}
.form-control.is-valid,.was-validated .form-control:valid {border-color: #28a745;box-shadow:none!important;background-image: none !important;}
.form-submit-btn .btn {min-width: 156px;}
.contact-watermark-box {width: 502px;height: 439px;position: absolute;z-index: -1;/* opacity: 0.5; */left: 50%;transform: translateX(-50%);bottom: -20px;margin-left: -320px;}
.watermark {width: 288px;height: 239px;position: absolute;bottom: -140px;right: -40px;z-index: -1;}
.success-message-box {background: #F5F5F5; padding:40px 30px 30px;}
.success-icon {width: 72px;height: 72px;margin: 0 auto 38px;}
.success-message h3 {font-family: 'Neue Haas Grotesk Display Pro 45 Light';font-size: 36px;line-height: 1.2;letter-spacing: 0.02em;margin-bottom: 0px;}
.success-message {font-size: 14px;line-height: 1.6;text-align: center;width: 100%;max-width: 439px;margin: 0 auto;}
/* ================== CONTACT US END ==================== */
/* =================== FOOTER START ========================== */
#footer {background: var(--apex-blue);color: var(--apex-white);border-top: 1px solid rgb(255 255 255 / 10%);font-weight: 300;font-size: 14px;position: relative;z-index: 98;}
#footer a:hover{color:  var(--apex-indigo)}
.footer-upper {padding: 30px 0 20px;}
.footer-logo {width: 75px;display: block;}
.footer-menu-list {gap: 25px;}
.footer-menu-link {line-height: 1;}
.footer-social-link {width: 42px;height: 42px;border: 1px solid rgb(255 255 255 / 20%);border-radius: 9px;}
.footer-social-link:hover{background: var(--apex-indigo);border-color: var(--apex-indigo);}
.footer-lower {padding: 10px 0 40px;line-height: 1.6;}
/* ================== FOOTER END ========================== */
/* ============================= ERROR CSS START ================================== */
.error-container {width: 100%;height: 100vh;display: flex;align-items: center;justify-content: center;background-color: #FFF;}
.error-content {width: 100%;max-width: 550px;margin: -124px auto 0;color: #111;}
.error-inside {width: 100%;max-width: 998px;margin: 0 auto;padding: 0 60px;}
.error-title {font-size: 58px;line-height: 1.1;margin-bottom: 20px;letter-spacing: -0.02em;}
.error-message {font-size: 18px;line-height: 1.5;margin-bottom: 40px;}
.error-number-box {opacity: 0.4;}
/* ============================= ERROR CSS END ==================================== */
/* ============================== CAREERS CSS START ====================================== */
.careers-hero-container {height: 320px;display: flex;align-items: flex-end;padding: 80px 0 60px;}
.careers-hero-content h1 {font-family: 'Neue Haas Grotesk Display Pro 55 Roman';font-size: 64px;line-height: 1.2;letter-spacing: 0.02em;margin-bottom: 0px;}
.job-list {margin-bottom: -40px;}
.job-item {margin-bottom: 40px;}
.jb-text {line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}

.job-item.active .jb-text {display: block; -webkit-line-clamp: unset;-webkit-box-orient: unset; overflow: visible;}
.job-item:first-child {border-top: 1px solid rgb(0 0 0 / 20%);padding-top: 40px;}
.job-item:not(:last-child) {border-bottom: 1px solid rgb(0 0 0 / 20%);padding-bottom: 40px;}
.jb-location {gap: 10px;margin-bottom: 20px;}
.jb-location-icon {width: 24px;height: 24px;}
.jb-location-icon img {width: 100%;height: 100%;object-fit: contain;}
.jb-location-text {font-family: 'Neue Haas Grotesk Display Pro 55 Roman';line-height: 1.5;}
.jb-content h3 {font-size: 40px;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';margin-bottom: 20px;}
.jb-cta-box {width: 156px;flex-shrink: 0;}
.jb-cta-box .btn {width: 100%;}
.jb-content-box {flex-grow: 1;padding-right: 5%;}

.jb-view-btn {margin-top: 12px;}
.view-btn {font-weight: 500;color: #5664FF!important;cursor: pointer;}
.view-btn:hover,.view-btn:focus{color: #5664FF!important;}
.job-item.active .text-more {display: none;}
.job-item.active .text-less {display: inline;}
.text-less {display: none;}

body .grecaptcha-badge { display: none; }
label.error { display: none!important; }
input.error, textarea.error { border: 1px solid #ff0000 !important; }
@media (max-width:1279.98px) {
.partner-left {padding: 80px 150px 80px 0;}
}
/* ============================== CAREERS CSS END ====================================== */
@media (min-width:1199.98px) {.fww-bg{background-attachment: fixed;}}
@media (max-width:1199.98px) {
h1{font-size:54px;}
h2{font-size:54px;}
.navbar{height:80px;}
.navbar-toggler{width: 24px;height: 24px;border-radius:0;cursor:pointer;text-decoration:none;padding:0;border:0;background:transparent;margin:0;position:absolute;right: 20px;top:50%;z-index:999;transform:translateY(-50%);}
.navbar-default .navbar-toggler:hover,.navbar-default .navbar-toggler:focus{background:transparent;}
.navbar-toggler:not([class="collapsed"]),.navbar-toggler:not([class="collapsed"]):focus,.navbar-toggler:not([class="collapsed"]):hover{background:transparent;}
.navbar-toggler.collapsed,.navbar-toggler.collapsed:focus,.navbar-toggler.collapsed:hover{background:transparent;}
.navbar-toggler:focus{box-shadow:none;}
.navbar-toggler .navbar-toggler-icon{position:relative;display:inline-block;width: 20px;border-radius:50rem; height: 2px;color:#243238;text-indent:-55px;margin-top:0;background:transparent!important;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;vertical-align:middle;}
.navbar-toggler .navbar-toggler-icon:before,.navbar-toggler .navbar-toggler-icon:after{content:'';width: 20px;height: 2px;border-radius:50rem; background:var(--apex-white);position:absolute;right: 0;transition:all .2s ease-out;}
.navbar-toggler.collapsed .navbar-toggler-icon{background:var(--apex-white)!important;}
.fixed .navbar-toggler.collapsed .navbar-toggler-icon{background:var(--apex-white)!important;}
.fixed .navbar-toggler .navbar-toggler-icon:before,.fixed .navbar-toggler .navbar-toggler-icon:after{background:var(--apex-white)!important;}
.menuOpen .navbar-toggler .navbar-toggler-icon:before,.menuOpen .navbar-toggler .navbar-toggler-icon:after{background:var(--apex-white)!important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before,.navbar-toggler.collapsed .navbar-toggler-icon:after{background:var(--apex-white);}
.navbar-toggler.collapsed .navbar-toggler-icon:before{top: -6px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before{top:0;-webkit-transform:rotateZ(45deg);-moz-transform:rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.navbar-toggler.collapsed .navbar-toggler-icon:after{bottom: -6px;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);transform:rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after{bottom:0;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.header-right{position:relative;z-index:999;margin-right:50px;}
.navbar-collapse,.navbar-collapse.collapsing{position:fixed;top:0;left:0;background:var(--apex-blue);padding:0;z-index:99;margin:0;border:0;bottom:0;transform:translateX(100%);width:100%;height:100svh;display:block!important;transition:all .3s cubic-bezier(0.77,0.2,0.05,1.0);}
.navbar .collapse.show{transform:none;}
.navbar-inside{height: 100svh;padding:72px 0 0 ;display:flex;flex-flow:column;}
.header-menu-holder {flex-grow: 1;overflow-y: auto;padding: 33px 20px 24px;}
.navbar-inside-bottom{padding: 0 20px 38px;}
.navbar-expand-xl .navbar-nav .nav-item{padding:0;margin:0;border-bottom:0;}
.navbar-expand-xl .navbar-nav .nav-item + .nav-item{margin-left:0;}
.navbar-expand-xl .navbar-nav .nav-link{line-height:36px;position:relative;text-align:center;font-size:17px; color: var(--apex-white);text-align: left;}
.navbar-nav.sm-collapsible .sub-arrow{border:0;margin:0;width:auto;font-size:30px;line-height:60px;top:0;height:60px;color:#f00;width:40px;}
.dropdown-menu{background:transparent;border:0;padding:0;margin:0 0 20px 0;}
.dropdown-item{padding:7px 20px 7px 40px;}
.dropdown-item:focus,.dropdown-item:hover{color:#f00;background:transparent;}
.header-content-box {padding: 0 40px 24px;}
.divider {width: 100%;height: 1px;background: var(--apex-black);opacity: 0.1;margin-bottom: 24px;}
.container {width: calc(100% - 36px);}
#header .container {width: calc(100% - 16px);}
.intro-right {padding-left: 4%;}
.ir-head h2 {font-size: 54px;}
.heading h2{font-size: 54px;}
.inner-hero-content-box h1 {font-size: 50px;}
.text-2-holder {margin-top: 60px;}
.team-container .heading h2 br {display: none;}
.team-list {width: calc(100% + 40px);margin-left: -20px;}
.team-item {padding: 0 20px;}
.team-item:nth-child(odd) {margin-top: 150px;}
.team-left {width: 100%;margin-bottom: 40px;}
.team-right {width: 100%;padding-left: 0;}
.services-row.sticky-top {top: 80px;}
.careers-hero-content h1 {font-size: 54px;}

.pl-client-content {width: calc(100% + 80px);margin-left: -80px;}
.partner-left {padding: 80px 110px 80px 0;}
.pl-head h2 {font-size: 54px;}
.pl-client-box img{height: 70px; }

}

@media (max-width:991.98px) {
h1{font-size:44px;}
h2{font-size:44px;}
.content-container {padding:var(--section-padding-tablet) 0;}
.hero-container {height: 570px;padding-bottom: 30px;}
.hero-content-box h1 {font-size: 40px;}
.ir-head h2 {font-size: 44px;}
.quick-connect-container{padding: 100px 0;}
.qcc-box h2 {font-size: 44px;}
.backdrop-img {width: 380px;height: 332px;}
.qcc-cta {margin-top: 45px;}
.full-width-wrapper{height: 344px;}
.heading h2{font-size: 44px;}
.ec-item {width: 50%;}
.step-modal-item {width: 100%;}
.step-modal-list{margin-top: 40px;}
.text-right-box {margin-top: 35px;}
.tr-img-box{width: 164px;height: 143px;right: -6px;bottom: auto;top: 0;}

.text-cta {margin-top: 20px;}
.tr-icon {width: 40px;height: 40px;}
.tr-content {font-size: 24px;}
.tr-box {padding: 24px 0;}
.backdrop-img-dark {top: 500%;left: auto;right: -25px;transform: none;width: 300px;height: 302px;}
.inner-hero-container{height: 360px;padding-bottom: 30px;}
.inner-hero-content-box h1 {font-size: 40px;}
.text-2-item {width: 50%;}
.team-body {padding: 40px;}
.tb-content h3 {font-size: 28px;}
.tb-img {margin-bottom: 30px;}
.tmh-profile h4 {font-size: 24px;}
.services-content-box {padding-top: 0;}
.services-img-box {padding-left: 0;margin-top: 32px;}
.services-content-box h2 {font-size: 30px;margin-bottom: 20px;}
.contact-us-container {padding: 120px 0 40px;}
.contact-us-content-box {padding: 0;min-height: auto;}
.contact-us-form-box {padding:0;}
.contact-info-list {margin-top: 25px;}
.success-message h3 {font-size: 24px;}
.success-message-box {padding: 60px 24px 50px;min-height: 500px;}
.careers-hero-content h1 {font-size: 44px;}
.jb-content-box {padding-right: 2%;}
.jb-content h3 {font-size: 30px;}

.partner-container {padding: 60px 0;}
.partner-left {width: 100%;max-width:340px;margin: 0 auto 45px;padding:0;text-align: center;}
.pl-head h2 {font-size: 45px;}
.partner-right{width:100%;}
.partner-right:after{content:none;}
.pl-client-holder {width: 100%;height: auto;position: relative;right: auto;top: auto;bottom: auto;}
.pl-client-content {width: 100%;margin-left: 0;}
.pl-client-content:after{content: none;}

}
@media (min-width:767.98px) {
.ir-item::before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 8px;height: 8px;border: 1px solid #212173;transition: all 0.3s ease-in;}
.ir-item::after {opacity: 0;}
.ir-item:hover::before {background: #5664FF;transform: rotate(45deg) translateY(-50%);}
.bg-blue .ir-item::before {border-color: #5664FF;}
}

@media (max-width:767.98px) {
h1{font-size:32px;}
h2{font-size:32px;}
.content-container{padding:var(--section-padding-mobile) 0;}
.intro-wrapper {flex-direction: column-reverse;}
.intro-left {width: 100%;margin-top: 40px;}
.intro-img {padding-bottom: 111%;}
.intro-right {width: 100%;padding-left: 0;}
.ir-head {margin-bottom: 20px;}
.ir-head h2 {font-size: 32px;}
.ir-box {font-size: 15px;font-weight: 300;padding: 30px 0;}
.ir-body {margin-top: 0;}
#footer {text-align: center;}
.footer-logo {margin: 0 auto 30px;}
.footer-menu-list {gap: 10px 20px;padding: 0 20%;}
.footer-social {margin-top: 30px;}
.quick-connect-container{padding: 80px 0;}
.qcc-box {padding: 0 5%;}
.qcc-box h2 {font-size: 36px;}
.qcc-cta {margin-top: 40px;}
.backdrop-img {width: 334px;height: 292px;margin-left: 15px;}
.heading h2{font-size: 32px;}
.ec-list {margin-bottom: -20px;}
.ec-item {width: 100%;margin-bottom: 20px;}
.ec-item:first-child {margin-bottom: 0;}
.ec-box h3 {font-size: 24px;}
.ec-box {font-size: 14px;}
.ec-item:not(:first-child) .ec-box {padding: 0;}
.ec-item:not(:first-child) .ec-box-inner {padding: 20px 20px 48px;}
.text-2-item {width: 100%;}
.text-2-content-box h3 {font-size: 24px;}
.text-2-content-box h3 br {display: none;}
.text-2-icon-box {margin-bottom: 30px;}
.text-2-holder {margin-top: 40px;}
.error-title {font-size: 32px;}
.error-message {font-size: 14px;}
.error-inside {padding: 0 40px;}
.error-content {margin: -36px auto 0;}
.team-item:nth-child(odd) {margin-top: 0;}
.team-item {width: 100%;}
.team-box:hover {transform: none;}
.tb-img {margin-bottom: 25px;}
.tb-content h3 {font-size: 24px;}
.team-offcanvas {padding-left: 50px;}
.team-close {padding: 20px 13px;}
.tmh-img {padding-bottom: 110%;}
.team-body {padding: 20px;}
.team-modal-head {padding-bottom: 20px;}
.tmh-content {padding-left: 8%;}
.team-modal-body {margin-top: 20px;}
.services-content-box h2 {font-size: 24px;}
.services-content-box .blue-dot-list li {width: 100%;}
.services-img {padding-bottom: 72.5%;}
.careers-hero-container {height: 198px;padding: 80px 0 40px;}
.careers-hero-content h1 {font-size: 32px;letter-spacing: 0;}
.jb-location {margin-bottom: 30px;}
.jb-content-box {padding-right: 0;}
.jb-content h3 {font-size: 24px;margin-bottom: 10px;}
.jb-cta-box {margin-top: 32px;}

.partner-container {padding: 40px 0;}
.pl-head h2 {font-size:32px;}
.pl-client-box img{height: 52px; }

}
@media (max-width:575.98px) {
.tmh-img-box {width: 100%;}
.tmh-content-box {width: 100%;margin-top: 20px;}
.tmh-content {padding-left: 0;}
.pl-logo-item:not(:last-child):after {height: calc(100% - 10px);}
}


.simple-hero-container {padding: 175px 0 55px;}
.simple-hero-content-box h1{font-family: 'Neue Haas Grotesk Display Pro 55 Roman';}
@media (max-width: 1199.98px) {
.simple-hero-container {padding: 120px 0 30px;}
}
/* =================== PORTFOLIO PAGE START ==================== */
.portfolio-card {width: 100%;height: 100%;display: flex;flex-flow: column;}
.portfolio-image {height: 530px;margin-bottom: 34px;overflow: hidden;}
.portfolio-image img{transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);}
.portfolio-card:hover .portfolio-image img {transform: scale(1.06);}
.portfolio-content h2 {font-size: 40px;line-height: 1.4;margin-bottom: 10px;font-family: 'Neue Haas Grotesk Display Pro 55 Roman';}
@media (max-width: 991px) {
.portfolio-content h2 {font-size: 32px;}
}
@media (max-width: 767px) {
.portfolio-image{height: auto;margin-bottom: 20px;}
.portfolio-content h2 {font-size: 24px;    margin-bottom: 4px;}
}
/* =================== PORTFOLIO PAGE END ==================== */