:root{
--gold:#F4A640;
--dark:#0B1220;
--dark-2:#111A2B;
}

body{
font-family:'Inter',sans-serif;
/*background:var(--dark);*/
margin:0;
color:#6b7280;
}

.gold-color {color:var(--gold);}
h1, h2, h3, h4, h5, h6 {
    color: #333;
}
.font-20 {font-size:20px;}

/* NAVBAR STYLING */
.nav-custom {
   background:#f5f5f5;
   padding:18px 0;
   transition:all 0.3s ease;
   border-bottom:1px solid rgba(0,0,0,0.05);
}

.nav-custom .navbar-brand{
   font-weight:800;
   font-size:1.3rem;
   color:#111;
}

.nav-custom .navbar-brand .dot{
   color:var(--gold);
}

.nav-custom .nav-link{
   font-weight:500;
   color:#333 !important;
   margin:0 5px;
   font-size:0.95rem;
   transition:0.2s;
}

.nav-custom .nav-link:hover{
   color:var(--gold) !important;
}

/* Dropdown */
.nav-custom .dropdown-menu{
   border-radius:12px;
   border:1px solid rgba(0,0,0,0.06);
   padding:10px 0;
   box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.nav-custom .dropdown-item{
   padding:10px 20px;
   font-size:0.9rem;
}

.nav-custom .dropdown-item:hover{
   background:#f8f8f8;
   color:var(--gold);
}

/* Contact Button */
.nav-custom .btn-contact{
   border:1px solid #ddd;
   padding:8px 22px;
   border-radius:30px;
   /*background:#fff;*/
   font-size:0.9rem;
   transition:0.3s;
}

.nav-custom .btn-contact:hover{
   border-color:var(--gold);
   color:var(--gold);
}

/* Gold Button */
.nav-custom .btn-gold{
   background:var(--gold);
   color:#fff;
   padding:8px 22px;
   border-radius:30px;
   font-size:0.9rem;
   border:none;
   transition:0.3s;
}

.nav-custom .btn-gold:hover{
   background:#d8902e;
}
.nav-custom .dropdown-toggle::after {display:none;}

/* Mobile Fix */
@media (max-width:991px){
   .nav-custom .nav-buttons{
      margin-top:20px;
   }
}

.btn {
    border-radius:30px;
    padding:10px 25px;
    border:1px solid #626262;
}
.btn-gold {
    background:var(--gold);
    box-shadow:0 2px 5px 0px var(--gold), 0 4px 6px -4px var(--gold);
    color:#fff;
}

.btn-gold:hover{
background:#d68f30;
}

.hero-section{
background: radial-gradient(circle at 30% 20%, #1c2b45, #0b1220 70%);
padding:160px 0 120px;
color:#fff;
}

.hero-section h1{
font-size:3.5rem; 
font-weight:800;
line-height:1.2;
}

.hero-sub{
color:#cbd5e1;
margin-top:20px;
max-width:600px;
}
/* TRUSTED BY */
.trusted-label{
   font-size:0.75rem;
   letter-spacing:2px;
   color:#fff;
   font-weight:600;
   margin-bottom:15px;
}

.trusted-items{
   display:flex;
   flex-wrap:wrap;
   gap:25px;
}

.trusted-items span{
   color:#4b5563;
   font-size:0.9rem;
   font-weight:600;
   letter-spacing:0.5px;
   transition:0.3s;
}

.trusted-items span:hover{
   color:#fff;
}

.what-we-do{
background:#fff;
padding:50px 0;
}
.what-we-do h5 {
    color:#333;
    font-size:22px;
}

.section-dark{
background:var(--dark);
padding:50px 0;
}

.section-title{
font-weight:800;
font-size:3rem;
max-width:45rem;
}

.card-light{
padding:40px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,0.05);
transition:0.3s;
border:1px solid #ddd;
}
.card-light i {
    width: 50px;
    height: 50px;
    background: #fcf4e8;
    text-align: center;
    color: var(--gold);
    line-height: 50px;
    border-radius: 10px;
}

.card-light:hover{
transform:translateY(-8px);
}

.card-dark{
background:var(--dark-2);
padding:10px;
border-radius:20px;
border:1px solid rgba(255,255,255,0.05);
color:#fff;
transition:0.3s;
}

.card-dark:hover{
border-color:var(--gold);
}

.our-process .card-dark h6 {
    font-size: 20px;
    color: #fff;
    margin: 5px 0 12px;
}
.our-process .card-dark p {font-weight:300;}

.icon-gold{
color:var(--gold);
font-size:30px;
margin-bottom:20px;
}

.step-number{
color:var(--gold);
font-weight:800;
font-size:3.2rem;
}

.stat-box{
    font-size:2rem;
    font-weight:600;
    color:var(--gold);
}

.stat-box span{
    display:block;
    font-size:0.9rem;
    color:#555;
    font-weight:400;
    margin-top:5px;
}

.cta-section{
    background:var(--gold);
    padding:100px 0;
}

/* FOOTER */
.footer-section{
   background:#0b1220;
   padding:100px 0 50px;
   color:#cbd5e1;
}

/* Logo */
.footer-logo{
   font-weight:800;
   font-size:1.3rem;
   color:#fff;
}

.footer-logo span{
   color:#f4a640;
}

/* Text */
.footer-text{
   font-size:0.9rem;
   color:#94a3b8;
   margin-top:15px;
}

/* Headings */
.footer-heading{
   font-weight:600;
   margin-bottom:20px;
   color:#fff;
}

/* Links */
.footer-links{
   list-style:none;
   padding:0;
   margin:0;
}

.footer-links li{
   margin-bottom:10px;
}

.footer-links a{
   text-decoration:none;
   color:#94a3b8;
   font-size:0.9rem;
   transition:0.3s;
}

.footer-links a:hover{
   color:#f4a640;
}

/* Social */
.footer-social{
   margin-top:20px;
   display:flex;
   gap:15px;
}

.footer-social a{
   color:#94a3b8;
   font-size:16px;
   transition:0.3s;
}

.footer-social a:hover{
   color:#f4a640;
}

/* Divider */
.footer-divider{
   border-color:rgba(255,255,255,0.08);
   margin:50px 0;
}

/* Newsletter */
.newsletter-form{
   justify-content:flex-end;
}

.newsletter-form input{
   background:#1e293b;
   border:none;
   padding:12px 20px;
   border-radius:8px 0 0 8px;
   color:#fff;
   width:100%;
   max-width:300px;
}

.newsletter-form input::placeholder{
   color:#64748b;
}

.newsletter-form button{
   background:#f4a640;
   border:none;
   padding:12px 25px;
   border-radius:0 30px 30px 0;
   color:#fff;
   font-weight:600;
   transition:0.3s;
}

.newsletter-form button:hover{
   background:#d8902e;
}

/* Copyright */
.footer-copy{
   font-size:0.85rem;
   color:#64748b;
}

/* Responsive */
@media (max-width:768px){
   .newsletter-form{
      flex-direction:column;
      align-items:flex-start;
   }

   .newsletter-form input{
      border-radius:8px;
      margin-bottom:10px;
      max-width:100%;
   }

   .newsletter-form button{
      border-radius:30px;
   }
}

/* SECTION BACKGROUND */
.who-section{
   padding:50px 0;
}
/* Card */
.who-card{
   background:#fff;
   padding:40px 35px;
   border-radius:20px;
   border:1px solid #e5e7eb;
   height:100%;
   transition:all 0.3s ease;
}

.who-card:hover{
   transform:translateY(-8px);
   box-shadow:0 15px 40px rgba(0,0,0,0.06);
}

/* Icon */
.who-icon{
   font-size:28px;
   color:#f4a640;
   margin-bottom:25px;
}

/* Card Title */
.who-card h5{
   font-weight:700;
   margin-bottom:15px;
   color:#0b1220;
}

/* Card Text */
.who-card p{
   font-size:0.95rem;
   color:#6b7280;
   margin-bottom:20px;
}

/* Learn Link */
.learn-link{
   font-size:0.9rem;
   font-weight:600;
   color:#f4a640;
   text-decoration:none;
   transition:0.3s;
}

.learn-link:hover{
   color:#d8902e;
}

/* Dark Background */
.platform-section{
   background:#0b1220;
   padding:50px 0;
   color:#fff;
}

/* Gold Eyebrow */
.gold-color{
   color:#f4a640;
   font-size:0.75rem;
   letter-spacing:2px;
   font-weight:600;
}

/* Title */
.platform-title{
   font-size:2.8rem;
   font-weight:800;
   line-height:1.2;
   max-width:700px;
}

/* Card */
.platform-card{
   background:#111a2b;
   border:1px solid rgba(255,255,255,0.08);
   padding:20px;
   border-radius:18px;
   transition:all 0.3s ease;
   height:100%;
}

.platform-card h5{
   font-weight:700;
   margin-bottom:10px;
   color:#fff;
}

.platform-card p{
   color:#9ca3af;
   font-size:0.90rem;
   margin:0;
}

/* Hover */
.platform-card:hover{
   border-color:#f4a640;
   transform:translateY(-6px);
}

/* Button */
.btn-platform{
   color:#fff;
   transition:0.3s;
}

.btn-platform:hover{
   background:#fff;
   color:#0b1220;
}

/* SECTION BACKGROUND */
.impact-section{
   padding:50px 0;
}

.stat-box h3{
   font-size:3rem;
   font-weight:800;
   color:#d8902e;
   margin-bottom:8px;
}

.stat-box p{
   font-size:0.95rem;
   color:#6b7280;
   margin:0;
}

/* SECTION */
.network-section{
   background:#0b1220;
   padding:50px 0;
   color:#fff;
}

/* Filter Pills */
.network-filters{
   display:flex;
   gap:15px;
   flex-wrap:wrap;
}

.filter-pill{
   background:transparent;
   border:1px solid rgba(255,255,255,0.15);
   color:#cbd5e1;
   padding:8px 20px;
   border-radius:30px;
   font-size:0.85rem;
   transition:0.3s;
}

.filter-pill:hover,
.filter-pill.active{
   border-color:#f4a640;
   color:#f4a640;
}

/* Card */
.network-card{
   background:#111a2b;
   border:1px solid rgba(255,255,255,0.08);
   border-radius:18px;
   padding:35px 25px;
   text-align:center;
   transition:0.3s;
   height:100%;
}

.network-card:hover{
   border-color:#f4a640;
   transform:translateY(-6px);
}

/* Avatar */
.avatar{
   width:70px;
   height:70px;
   border-radius:50%;
   background:#1e293b;
   display:flex;
   align-items:center;
   justify-content:center;
   margin:0 auto 20px;
   font-size:24px;
   color:#94a3b8;
}

/* Name */
.network-card h6{
   font-weight:600;
   margin-bottom:6px;
   color:#fff;
}

/* Role */
.network-card p{
   font-size:0.85rem;
   color:#9ca3af;
   margin:0;
}

/* SECTION */
.case-section{
   padding:50px 0;
}

/* Card */
.case-card{
   background:#fff;
   border-radius:18px;
   border:1px solid #e5e7eb;
   overflow:hidden;
   transition:0.3s;
   height:100%;
}

.case-card:hover{
   transform:translateY(-6px);
   box-shadow:0 15px 40px rgba(0,0,0,0.06);
}

/* Dark Top */
.case-image{
   background:#0b1220;
   height:170px;
   display:flex;
   align-items:center;
   justify-content:center;
   color:#f4a640;
   font-size:28px;
}

/* Content */
.case-content{
   padding:30px;
}

.case-category{
   font-size:0.7rem;
   letter-spacing:2px;
   font-weight:600;
   color:#f4a640;
   display:block;
   margin-bottom:10px;
}

.case-content h5{
   font-weight:700;
   margin-bottom:15px;
   color:#0b1220;
}

.case-content p{
   font-size:0.9rem;
   color:#6b7280;
   margin-bottom:8px;
}

/* SECTION BACKGROUND */
.insights-section{
   background:var(--dark);
   padding:50px 0;
   color:#fff;
}

/* Card */
.insight-card{
   background:#111a2b;
   border:1px solid rgba(255,255,255,0.08);
   border-radius:18px;
   padding:35px 30px;
   transition:all 0.3s ease;
   height:100%;
}

.insight-card:hover{
   border-color:#f4a640;
   transform:translateY(-6px);
}

/* Category Label */
.insight-category{
   font-size:0.7rem;
   letter-spacing:2px;
   font-weight:600;
   color:#f4a640;
   display:block;
   margin-bottom:15px;
}

/* Card Title */
.insight-card h5{
   font-weight:700;
   margin-bottom:15px;
   color:#fff;
}

/* Card Text */
.insight-card p{
   color:#9ca3af;
   font-size:0.95rem;
   margin-bottom:20px;
}

/* Read Link */
.insight-link{
   color:#f4a640;
   font-weight:600;
   text-decoration:none;
   transition:0.3s;
}

.insight-link:hover{
   color:#d8902e;
}

/* FINAL CTA SECTION */
.cta-final{
   background:#e6952a; /* exact warm orange */
   padding:50px 0;
   text-align:center;
   color:#fff;
}

/* Title */
.cta-title{
   font-size:3rem;
   font-weight:800;
   line-height:1.2;
   max-width:750px;
   margin:0 auto 20px;
}

/* Subtext */
.cta-sub{
   font-size:1.1rem;
   opacity:0.95;
   max-width:650px;
   margin:0 auto 40px;
}

/* Button Wrapper */
.cta-buttons{
   display:flex;
   justify-content:center;
   flex-wrap:wrap;
   gap:15px;
}

/* Dark Primary Button */
.btn-dark-cta{
   background:#0b1220;
   color:#fff;
   padding:12px 30px;
   border-radius:40px;
   font-weight:600;
   border:none;
   transition:0.3s;
}

.btn-dark-cta:hover{
   background:#000;
   color:#fff;
}

/* Outline Buttons */
.btn-outline-cta{
   border:1px solid rgba(0,0,0,0.4);
   color:#0b1220;
   padding:12px 30px;
   border-radius:40px;
   font-weight:600;
   background:transparent;
   transition:0.3s;
}

.btn-outline-cta:hover{
   background:#0b1220;
   color:#fff;
   border-color:#0b1220;
}

/* Responsive */
@media (max-width:768px){
   .cta-title{
      font-size:2.2rem;
   }

   .cta-buttons{
      flex-direction:column;
      align-items:center;
   }
}

/* SECTION WRAPPER */
.execution-details{
   padding:50px 0;
}

/* TITLE */
.details-title{
   font-size:1.8rem;
   font-weight:700;
   color:#0b1220;
}

/* INCLUDED LIST */
.included-list{
   list-style:none;
   padding:0;
   margin:0;
}

.included-list li{
   display:flex;
   align-items:center;
   gap:12px;
   margin-bottom:18px;
   font-size:0.95rem;
   color:#374151;
}

.included-list i{
   color:#f4a640;
   font-size:14px;
}

/* PROCESS SECTION */
.process-steps{
   display:flex;
   flex-direction:column;
   gap:28px;
}

.process-item{
   display:flex;
   gap:18px;
   align-items:flex-start;
}

/* Step Number */
.step-number{
   font-size:1.4rem;
   font-weight:700;
   color:#e8caa1; /* soft gold */
   min-width:40px;
}

/* Process Content */
.process-item h6{
   font-weight:600;
   margin-bottom:5px;
   color:#0b1220;
}

.process-item p{
   font-size:0.9rem;
   color:#6b7280;
   margin:0;
}

/* Responsive */
@media (max-width:991px){
   .execution-details{
      padding:80px 0;
   }
}

/* HOW WE HELP SECTION */
.how-help{
   padding:50px 0;
}

/* Item */
.help-item{
   background:#ffffff;
   border:1px solid #e5e7eb;
   border-radius:14px;
   padding:18px 22px;
   margin-bottom:20px;
   display:flex;
   align-items:center;
   gap:12px;
   font-size:0.95rem;
   color:#374151;
   transition:0.3s;
}

/* Icon */
.help-item i{
   color:#f4a640;
   font-size:14px;
}

/* Hover */
.help-item:hover{
   border-color:#f4a640;
   box-shadow:0 6px 20px rgba(0,0,0,0.04);
}

/* Responsive */
@media (max-width:991px){
   .how-title{
      font-size:2.2rem;
   }
}

/* SECTION */
.engagement-section{
   background:#0b1220;
   padding:50px 0;
   color:#fff;
}

/* CARD */
.engage-card{
   background:#111a2b;
   border:1px solid rgba(255,255,255,0.08);
   border-radius:20px;
   padding:40px 35px;
   height:100%;
   transition:0.3s;
   display:flex;
   flex-direction:column;
}

/* Highlight Middle Card */
.active-card{
   border-color:#f4a640;
}

/* Hover */
.engage-card:hover{
   transform:translateY(-6px);
   border-color:#f4a640;
}

/* Subtitle */
.engage-sub{
   font-size:0.9rem;
   color:#9ca3af;
   margin-bottom:25px;
}

/* List */
.engage-list{
   list-style:none;
   padding:0;
   margin:0 0 30px 0;
   flex-grow:1;
}

.engage-list li{
   margin-bottom:12px;
   font-size:0.9rem;
   color:#cbd5e1;
   display:flex;
   gap:10px;
   align-items:center;
}

.engage-list i{
   color:#f4a640;
   font-size:13px;
}

/* Button */
.btn-engage{
   border:1px solid rgba(255,255,255,0.25);
   color:#fff;
   padding:10px 22px;
   border-radius:40px;
   text-align:center;
   text-decoration:none;
   transition:0.3s;
}

.btn-engage:hover{
   background:#fff;
   color:#0b1220;
}

/* OUR PROCESS */
.our-process{
   padding:50px 0;
}

.process-box{
   padding:20px;
}

.process-number{
   font-size:1.6rem;
   font-weight:700;
   color:#e8caa1; /* soft gold */
   margin-bottom:10px;
}

.process-box h6{
   font-weight:600;
   margin-bottom:8px;
}

.process-box p{
   font-size:0.9rem;
   color:#6b7280;
}

/* TRACK RECORD */
.track-record{
   background:#0b1220;
   padding:50px 0;
   color:#fff;
}

.track-stat h3{
   font-size:2.5rem;
   font-weight:800;
   color:#f4a640;
   margin-bottom:5px;
}

.track-stat p{
   font-size:0.9rem;
   color:#9ca3af;
}

.track-card{
   background:#111a2b;
   border:1px solid rgba(255,255,255,0.08);
   border-radius:18px;
   padding:25px;
   transition:0.3s;
}

.track-card h6{
   font-weight:600;
   margin-bottom:8px;
}

.track-card p{
   font-size:0.9rem;
   color:#9ca3af;
   margin:0;
}

.track-card:hover{
   border-color:#f4a640;
}

/* FAQ SECTION */
.faq-section{
   padding:50px 0;
   background:#f5f6f8;
}
/* Accordion Styling */
.custom-accordion .accordion-item{
   background:#ffffff;
   border:1px solid #e5e7eb;
   border-radius:16px;
   margin-bottom:20px;
   overflow:hidden;
}

.custom-accordion .accordion-button{
   background:#ffffff;
   font-weight:600;
   font-size:1rem;
   padding:22px 25px;
   box-shadow:none;
}

.custom-accordion .accordion-button:not(.collapsed){
   color:#0b1220;
   background:#ffffff;
   box-shadow:none;
}

.custom-accordion .accordion-body{
   padding:20px 25px 25px;
   font-size:0.95rem;
   color:#6b7280;
}

/* Remove default bootstrap arrow color */
.accordion-button::after{
   filter:invert(30%);
}

/* Focus remove */
.accordion-button:focus{
   box-shadow:none;
}

/* CONTACT SECTION */
.contact-section {
   background: #f6f7f9;
}

.contact-section .form-control {
   border-radius: 10px;
   padding: 12px 14px;
   border: 1px solid #ddd;
}

.chip {
   border: 1px solid #ccc;
   background: #fff;
   padding: 6px 14px;
   border-radius: 20px;
   font-size: 14px;
   transition: 0.25s;
}

.chip:hover {
   border-color: #d99a2b;
   color: #d99a2b;
}

.btn-send {
   background: #d99a2b;
   color: #fff;
   padding: 12px 28px;
   border-radius: 25px;
   border: none;
}

.btn-send:hover {
   background: #c5891f;
}

.contact-card {
   background: #fff;
   padding: 25px;
   border-radius: 14px;
   border: 1px solid #e5e5e5;
}

.contact-icon {
   font-size: 22px;
   color: #d99a2b;
   margin-bottom: 10px;
}

@media (max-width:767px) {
    .hero-section h1 {
        font-size: 1.5rem;
    }
}