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

.archivo {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.urbanist {
  font-family: "Urbanist", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

body, html,
.lead,
.header .navbar-nav a{
  font-family: "Urbanist", sans-serif;
  letter-spacing:.2px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.display-1,
.display-2,
.display-3,
.display-4{
  font-family: "Archivo", sans-serif;
}
.z-index-1{z-index:1}
.header .navbar-brand {max-width: 120px;display: block;}

.list-style{list-style:none;padding:0;}
.list-style li{position:relative;padding-left:20px;margin-bottom:6px;}
.list-style li:after{content:'';width:6px;height:6px;background:#ff6405;display:inline-block;position:absolute;left:0;margin-top:6px;border-radius:50px}


.bg-pattern #particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden; opacity:.2}
.bg-pattern:after{content:'';position:absolute;bottom:0;left:0;width:100%;height: 155px;background: linear-gradient(to top, #09111e, transparent);}

.left-5{left: 3rem}
.bottom-5{bottom: 3rem}

.bg-heroGradient{background: #101C33;background: radial-gradient(at right top, #101C33, #09121E);}
.bg-gradient-s1{background: #101C33;background: radial-gradient(at center bottom, #101C33, #09121E);}

.background-pattern1{position: absolute;inset: 0;width: 100%;height: 100%;display: block;background-image: linear-gradient(#d9e0ed 1px, transparent 1px), linear-gradient(to right, #d9e0ed 1px, transparent 1px);background-size: 120px 120px;opacity: .02;}

nav.navbar {position:fixed;top:24px;left:0;z-index:9;width:100%;transition: ease-in-out .3s all;-webkit-transition: ease-in-out .3s all;height: auto;}
nav.navbar.header-stick .container{width: 100%;max-width: 100%;border-radius: 0;}
nav.navbar .container{background:rgba(255,255,255,.09);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);box-shadow:0 0 1px;border:solid 1px rgba(255,255,255,.05);border-radius:50px;padding:8px 24px;transition: ease-in-out .3s all;-webkit-transition: ease-in-out .3s all}
nav.navbar #navbarCart2 .navbar-nav a.nav-link{color:#fff;position:relative;padding: .8rem .5rem !important;}
nav.navbar .navbar-nav .fas.fa-shopping-cart,
nav.navbar .navbar-nav .dropdown-ecommerce-item .fas.fa-user-circle{color:#fff}

nav.navbar #navbarCart2 .navbar-nav a.nav-link,
nav.navbar .navbar-nav .nav-link.dropdown-toggle,
nav.navbar .search-item.nav-link{padding: 0 0 0 .8rem  !important;}

nav.navbar #main-menu.navbar-nav a.nav-link{margin-right: 22px;}
nav.navbar #main-menu.navbar-nav a.nav-link:before{content:'';width:6px;height:6px;border-radius:20px;background:#ff6405;display:inline-block;margin-right:8px;position:absolute;top:50%;left: -8px;transform:translateY(-50%)}
nav.navbar #main-menu.navbar-nav li:first-child a.nav-link:before{display:none}

.card-style-1{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:8px 16px;height:100%;transition:.35s ease;}


.hero-proof {display: flex;align-items: center;justify-content: center;gap: 28px;flex-wrap: wrap;}
.hero-proof .proof-pill {display: flex;align-items: center;gap: 8px;color: #888e99;font-size: 13px;font-weight: 500;}
.hero-proof .proof-pill::before {content: '';display: block;width: 6px;height: 6px;background: #ff6405;border-radius: 50%;flex-shrink: 0;}


.industry-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px 20px;text-align:center;height:100%;transition:.35s ease;cursor:pointer;position:relative}
.industry-card:hover{transform:translateY(-10px);border-color:#ff6405;box-shadow:0 20px 40px rgba(255,100,5,.15);}
.industry-icon{transition:.35s ease;}
.industry-card:hover .industry-icon{transform:scale(1.08);}

.industry-card .popup{position:absolute;top:0;left:0;width:320px;height:100%;background:#09111e;border:solid 1px #ff6405;border-radius:24px;;padding:1rem;text-align:left;transition:all .5s ease-in-out;z-index:99999999999;opacity:0;visibility:hidden}
.industry-card .popup .ptitle{display:flex;align-items:center;margin-bottom:1rem; font-size:16px;font-weight:600;color:#fff;gap:10px}
.industry-card .popup .industry-icon{width: 36px!important;height: 36px!important;}
.industry-card:hover{z-index:9}
.industry-card:hover .popup{opacity:1;visibility:visible;transform:scale(1.1)}


.accordion-item{background: rgba(255, 255, 255, .03);border: 1px solid rgba(255, 255, 255, .08)!important;}
.accordion-button{padding:1.25rem 1.5rem;font-size:1rem;box-shadow:none !important;background: rgba(255, 255, 255, .0);}
.accordion-button:not(.collapsed){background:none;color:#fff;}
.accordion-button:focus{box-shadow:none;}
.accordion-body{padding:1.5rem;color:#6b7280;line-height:1.8;background:none}


#featureTabs .nav-link{width:100%;text-align:left;background:#111825;border:1px solid #232a36;border-radius:50px;padding:6px 16px;color:#6e7581;font-weight:500;font-size:.8rem;letter-spacing:.3px;text-transform: uppercase;}
#featureTabs .nav-link.active{background:#ff6405;color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(255,100,5,.1)}


#featureTabs.scroll-tabs {flex-wrap: nowrap;overflow-x: auto;scroll-behavior: smooth;scrollbar-width: none;-ms-overflow-style: none;padding: 4px 28px;}
#featureTabs.scroll-tabs::-webkit-scrollbar { display: none; }
#featureTabs .nav-link { white-space: nowrap; flex: 0 0 auto; }
.feature-tabs-wrapper { position: relative; }
.feature-tabs-wrapper::before,
.feature-tabs-wrapper::after {content: ""; position: absolute; top: 0; bottom: 0; width: 48px;pointer-events: none; z-index: 2; transition: opacity .2s ease;}
.feature-tabs-wrapper::before { left: 0; background: linear-gradient(to right, #09111e 20%, transparent); }
.feature-tabs-wrapper::after  { right: 0; background: linear-gradient(to left, #09111e 20%, transparent); }
.feature-tabs-wrapper.at-start::before { opacity: 0; }
.feature-tabs-wrapper.at-end::after   { opacity: 0; }



/* Markets strip */
.markets-strip{padding:50px 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08);}
.markets-label{text-align:center; font-size:12.5px; font-weight:700; color:#5a6472; letter-spacing:.08em; text-transform:uppercase; margin-bottom:26px;}
.market-pill{background:#12171f; border:1px solid rgba(255,255,255,.08); border-radius:10px;padding:14px 12px; text-align:center; font-size:13.5px; font-weight:600; color:#9aa3b2;display:flex; flex-direction:column; align-items:center; gap:8px; height:100%; transition:border-color .15s ease;}
.market-pill:hover{border-color:rgba(255,106,53,.4); color:#f5f6f8;}
.market-pill i{font-size:20px; color:#ff6a35;}
 

.reverse{flex-direction:row-reverse;}
.case-visual{flex:0 0 420px;  border-radius:14px; overflow:hidden; position:relative;}
.case-text{flex:1;}

 @media (max-width: 991px) {
   .container {padding: 0px 4%;}
   .navbar-toggler{line-height:0}
}
  @media (max-width: 900px){
    .hero-title{font-size:34px;}
    .case-study, .case-study.reverse{flex-direction:column;}
    .case-visual{flex:0 0 auto; width:100%;}
  }
 @media (max-width: 767px){
.industry-card .popup{display:none}
}