:root{
      --primary:#ff6b35;
      --primary-2:#ff914d;
      --accent:#ffd166;
      --dark:#0f1221;
      --dark-2:#171b2e;
      --muted:#6b7280;
      --light:#f7f8fc;
      --card:#ffffffea;
      --radius:18px;
      --shadow:0 18px 40px rgba(12,18,46,.18);
      --grad:linear-gradient(135deg,#ff6b35 0%,#ff914d 50%,#ffd166 100%);
      --grad-soft:linear-gradient(135deg,rgba(255,107,53,.08),rgba(255,209,102,.08));
    }

    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{
/*       font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial; */
		font-family: "Inter", sans-serif;
      color:#1f2937;background:var(--light);
      line-height:1.6; overflow-x:hidden;
    }
    img{max-width:100%; display:block}
    a{text-decoration:none; color:inherit}

    /* -------- Header -------- */
    .header{
     
      inset-inline:0; top:0; z-index:1000;
      backdrop-filter:saturate(180%) blur(14px);
    
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .nav{
     /*max-width:1200px;*/
      margin:auto; 
      padding:14px 22px;
      display:flex; align-items:center; justify-content:space-between; gap:16px;
		background:#fff;
    }
    .nav2{
     /*max-width:1200px;*/
      margin:auto; 
      padding:14px 22px;
      display:flex; align-items:center; justify-content:space-between; gap:16px;
		background:#fff;
    }
    .brand{display:flex; align-items:center; gap:10px; color:#fff; font-weight:800; letter-spacing:.2px}
    .brand i{color:var(--accent)}
    .menu{display:flex; gap:26px; align-items:center}
    .menu a{color:#000; font-weight:600; position:relative; font-size:17px;}
    .menu a::after{
      content:""; position:absolute; left:0; bottom:-8px; height:2px; width:0; background:var(--accent);
      transition:.25s ease;
    }
    .menu a:hover::after{width:100%}

.menu ul{
	display: flex;
    gap: 26px;
    align-items: center;
	list-style-type: none;
	padding:0;
}
.menu li{
	
}
.menu ul li a{
	color:#000; font-weight:600; position:relative; font-size:17px; text-decoration:none;
}

    .btn{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding:12px 18px; border-radius:999px; font-weight:800; letter-spacing:.2px; transition:.25s;
      border:0; cursor:pointer;
    }
    .btn-primary{background:var(--grad); color:#10121f; box-shadow:0 10px 25px rgba(255,145,77,.35)}
    .btn-primary:hover{transform:translateY(-2px)}
    .btn-ghost{border:2px solid rgba(255,255,255,.35); color:#fff; background:transparent}
    .hamburger{display:none; color:#fff; font-size:22px}

    /* -------- Hero -------- */
    .hero{
      position:relative; min-height:100vh; display:grid; place-items:center; text-align:center; color:#fff;
      background:
        radial-gradient(1200px 600px at 10% 10%, rgba(255,209,102,.18), transparent 60%),
        radial-gradient(900px 520px at 90% 20%, rgba(255,145,77,.16), transparent 60%),
        linear-gradient(180deg, rgba(15,18,33,.9), rgba(15,18,33,.9)),
        url('https://images.unsplash.com/photo-1520340356584-8f7b0f3c5069?q=80&w=2400&auto=format&fit=crop') center/cover no-repeat;
    }
    .hero-inner{max-width:1200px; margin:auto; padding:150px 22px 110px; position:relative; z-index:2}
    .eyebrow{
      display:inline-flex; gap:10px; align-items:center; padding:8px 14px; border-radius:999px;
      background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(4px);
      font-weight:700; color:#fff;
    }
    .hero h1{
      margin:18px 0 12px; font-size:clamp(36px,5.2vw,64px); line-height:1.07; font-weight:800; letter-spacing:-.4px;
      text-shadow:0 2px 18px rgba(0,0,0,.25);
    }
    .hero p.lead{max-width:780px; margin:0 auto; color:#e5e7eb; font-size:clamp(16px,2.1vw,20px)}
    .hero-cta{margin-top:28px; display:flex; gap:14px; justify-content:center; flex-wrap:wrap}
    .floating-shape{
      position:absolute; inset:0; pointer-events:none;
      background:
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width=\"1200\" height=\"400\" viewBox=\"0 0 1200 400\"><defs><linearGradient id=\"g\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop stop-color=\"%23ff6b35\" offset=\"0\"/><stop stop-color=\"%23ffd166\" offset=\"1\"/></linearGradient></defs><circle cx=\"150\" cy=\"120\" r=\"70\" fill=\"url(%23g)\" opacity=\".12\"/><circle cx=\"1050\" cy=\"80\" r=\"90\" fill=\"url(%23g)\" opacity=\".09\"/><circle cx=\"800\" cy=\"300\" r=\"60\" fill=\"url(%23g)\" opacity=\".08\"/></svg>') center/contain no-repeat;
      animation: float 12s ease-in-out infinite alternate;
      opacity:.7;
    }
    @keyframes float{
      from{transform:translateY(-6px)} to{transform:translateY(10px)}
    }

    /* Divider Waves */
    .wave{display:block; width:100%; height:auto; line-height:0}

    /* -------- Sections Scaffold -------- */
    section{position:relative}
    .container{max-width:1200px; margin:auto; padding:70px 22px}
    .section-head{text-align:center; margin-bottom:38px}
    .section-head .tag{
      display:inline-block; padding:6px 12px; border-radius:999px; background:var(--grad-soft);
      color:#7c8596; font-weight:800; letter-spacing:.2px; border:1px dashed rgba(255,145,77,.35);
    }
    .section-head h2{margin:12px 0 10px; font-size:clamp(28px,3.5vw,42px); line-height:1.15; color:#10121f; font-weight:800}
    .section-head p{max-width:700px; margin:0 auto; color:#59607a}

    /* -------- About / Feature Tiles -------- */
    .features{
      display:grid; grid-template-columns:repeat(12,1fr); gap:22px;
    }
    .feature-card{
      grid-column:span 6; background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
      padding:26px; display:flex; gap:16px; align-items:flex-start; border:1px solid rgba(16,18,31,.06);
      transition:.25s; position:relative; overflow:hidden;
    }
    .feature-card:before{
      content:""; position:absolute; inset:0; background:conic-gradient(from 140deg at 80% 0%, rgba(255,107,53,.08), transparent 35%);
      pointer-events:none;
    }
    .feature-card:hover{transform:translateY(-6px)}
    .feature-card i{
      background:var(--grad); -webkit-background-clip:text; color:transparent; font-size:28px; margin-top:4px;
    }
    .feature-card h4{margin:2px 0 6px; font-size:20px; color:#0f1221; font-weight:800}
    .feature-card p{color:#606984}
    .feature-card--wide{grid-column:span 12; background:linear-gradient(180deg,#fff, #fff8f1)}
    .about-wrap{display:grid; grid-template-columns: 1.1fr .9fr; gap:28px; align-items:center}
    .about-media{
      position:relative; border-radius:26px; overflow:hidden; box-shadow:var(--shadow);
      aspect-ratio: 5 / 4;
      background:url('https://images.unsplash.com/photo-1526256262350-7da7584cf5eb?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat;
    }
    .about-media:after{
      content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent, rgba(16,18,31,.35));
    }
    .about-badge{
      position:absolute; right:16px; bottom:16px; background:#fff; padding:14px 18px; border-radius:16px; font-weight:800;
      box-shadow:0 10px 22px rgba(0,0,0,.18); color:#0f1221
    }
    .about-list{display:grid; gap:12px; margin-top:8px}
    .about-list li{display:flex; gap:10px; align-items:flex-start}
    .about-list i{color:var(--primary); margin-top:3px}

    /* -------- Causes (Glass Cards) -------- */
    .cards{
      display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
    }
    .card{
      position:relative; border-radius:24px; overflow:hidden; background:rgba(255,255,255,.7);
      backdrop-filter: blur(8px); box-shadow:var(--shadow); border:1px solid rgba(16,18,31,.06);
      transform:translateZ(0);
    }
    .card-media{height:220px; background:#ddd; position:relative}
    .card-media img{width:100%; height:100%; object-fit:cover}
    .card-body{padding:22px}
    .card h4{margin:2px 0 8px; font-size:20px; font-weight:800; color:#0f1221}
    .meta{display:flex; justify-content:space-between; color:#6b7280; font-size:14px}
    .progress{height:8px; background:#eef0f6; border-radius:999px; margin-top:10px; overflow:hidden}
    .progress > span{display:block; height:100%; background:var(--grad)}
    .card-actions{display:flex; gap:10px; margin-top:14px}
    .btn-chip{
      padding:10px 14px; border-radius:12px; font-weight:800; border:1px solid rgba(16,18,31,.08); background:#fff;
    }
    .btn-chip:hover{border-color:#ffe0b5; box-shadow:0 8px 18px rgba(255,145,77,.2)}
    .ribbon{
      position:absolute; top:14px; left:14px; background:var(--grad); color:#0f1221; font-weight:800;
      padding:8px 12px; border-radius:12px
    }

    /* -------- Stats / Counters -------- */
    .stats{
      display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
      background:#0f1221; color:#fff; border-radius:26px; padding:26px; border:1px solid rgba(255,255,255,.08)
    }
    .stat{ text-align:center; padding:18px 8px}
    .stat h3{font-size:38px; margin:0; font-weight:800; letter-spacing:-.5px}
    .stat p{margin:4px 0 0; color:#bfc6d8}

    /* -------- Parallax CTA -------- */
    .parallax{
      position:relative; color:#fff; text-align:center; overflow:hidden;
      background:linear-gradient(180deg, rgba(15,18,33,.75), rgba(15,18,33,.75)),
        url('https://images.unsplash.com/photo-1519681393784-d120267933ba?q=80&w=2400&auto=format&fit=crop') center/cover fixed no-repeat;
    }
    .parallax .container{padding:90px 22px}
    .parallax h2{color:#fff}
    .cta-row{display:flex; gap:14px; justify-content:center; margin-top:16px; flex-wrap:wrap}
    .btn-light{background:#fff; color:#0f1221; border:2px solid #fff}
    .btn-light:hover{transform:translateY(-2px)}
    .btn-outline-dark{background:transparent; color:#fff; border:2px solid rgba(255,255,255,.5)}
    .btn-outline-dark:hover{border-color:#fff; transform:translateY(-2px)}

    /* -------- Team -------- */
    .team{
      display:grid; grid-template-columns:repeat(4,1fr); gap:22px;
    }
    .team-card{
      text-align:center; background:#fff; border-radius:22px; box-shadow:var(--shadow); padding:22px;
      border:1px solid rgba(16,18,31,.06)
    }
    .avatar{
      width:110px; aspect-ratio:1; object-fit:cover; border-radius:50%; margin:0 auto 12px;
      box-shadow:0 10px 24px rgba(0,0,0,.18)
    }
    .team-card h5{margin:6px 0 2px; font-size:18px; font-weight:800}
    .team-card span{font-size:14px; color:#6b7280}
    .socials{display:flex; gap:10px; justify-content:center; margin-top:10px}
    .socials a{width:36px; height:36px; border-radius:50%; display:grid; place-items:center; border:1px solid #eee}
    .socials a:hover{border-color:#ffd166}

    /* -------- Contact -------- */
    .contact-grid{
      display:grid; grid-template-columns:1.1fr .9fr; gap:22px;
    }
    .contact-card{
      background:#fff; border-radius:22px; box-shadow:var(--shadow); padding:24px; border:1px solid rgba(16,18,31,.06)
    }
    .form-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px}
    .form-grid .full{grid-column:1/-1}
    .field{display:grid; gap:8px}
    .field input,.field textarea{
      width:100%; padding:14px 14px; border-radius:14px; border:1px solid #e6e8f0; outline:none;
      transition:.2s; background:#fbfbff
    }
    .field textarea{min-height:120px; resize:vertical}
    .field input:focus,.field textarea:focus{border-color:#ffd166; background:#fff}

    /* -------- Footer -------- */
    .footer{
      background: radial-gradient(600px 220px at 15% 10%, rgba(255,209,102,.12), transparent 60%),
                  radial-gradient(700px 260px at 75% 5%, rgba(255,145,77,.12), transparent 65%),
                  #0f1221;
      color:#c7cee2; position:relative;
    }
    .footer .container{padding:70px 22px}
    .fgrid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:22px}
    .fbrand{color:#fff; font-weight:800; display:flex; align-items:center; gap:10px}
    .newsletter{margin-top:14px; display:flex; gap:10px}
    .newsletter input{
      flex:1; padding:14px; border-radius:999px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06);
      color:#fff; outline:none;
    }
    .newsletter button{border-radius:999px}
    .flink a{display:block; padding:6px 0; color:#c7cee2}
    .flink a:hover{color:#ffd166}
    .footnote{border-top:1px solid rgba(255,255,255,.08); padding:16px 0; margin-top:22px; font-size:14px; color:#9aa3bb; text-align:center}

    /* -------- Utilities -------- */
    .hidden{opacity:0; transform:translateY(16px); transition:opacity .7s ease, transform .7s ease}
    .reveal{opacity:1; transform:none}
    .pill{display:inline-block; padding:8px 12px; border-radius:999px; background:var(--grad-soft); color:#6d768f; font-weight:800}

    /* -------- Responsive -------- */
    @media (max-width: 1024px){
      .cards{grid-template-columns:repeat(2,1fr)}
      .team{grid-template-columns:repeat(3,1fr)}
      .features .feature-card{grid-column:span 12}
      .about-wrap{grid-template-columns:1fr}
      .stats{grid-template-columns:repeat(2,1fr)}
      .fgrid{grid-template-columns:1.4fr 1fr}
      .contact-grid{grid-template-columns:1fr}
    }
    @media (max-width: 768px){
      .menu{display:none}
      .hamburger{display:block}
      .cards{grid-template-columns:1fr}
      .team{grid-template-columns:repeat(2,1fr)}
      .stats{grid-template-columns:1fr 1fr}
      .fgrid{grid-template-columns:1fr}
      .hero-inner{padding-top:120px}
    }
    .header-top-two {
        position: relative;
        display: block;
        background: #2f3a51;
    }
    .auto-container {
        position: static;

        padding: 0px 15px;
        margin: 0 auto;
    }
    @media only screen and (min-width: 1200px) and (max-width: 1550px) {
        .header-top-two .auto-container {
            padding: 0 30px;
        }
    }
    .header-top-two .outer-box {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .header-top-two_left {
        position: relative;
        display: block;
    }
    .header-social-link-2 {
        position: relative;
        display: flex;
        align-items: center;
    }
    .header-social-link-2 .title {
        width: 100px;
    }
    .header-social-link-2 ul {
        position: relative;
        display: block;
        overflow: hidden;
        margin:0;
    }
    .header-social-link-2 ul li {
        position: relative;
        display: inline-block;
        float: left;
    }
    .header-social-link-2 ul li a {
        position: relative;
        display: block;
        width: 55px;
        height: 55px;
        color: #ffffff;
        font-size: 14px;
        line-height: 55px;
        text-align: center;
        z-index: 1;
    }
    .header-social-link-2 ul li a:before {
        content: "";
        position: absolute;
        top: 18px;
        left: 0;
        bottom: 18px;
        width: 1px;
        background: rgba(255, 255, 255, 0.30);
        z-index: -1;
        transition: all 200ms linear;
        transition-delay: 0.1s;
    }
    .header-social-link-2 ul li a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0px;
        bottom: 0;
        right: 0px;
        background: var(--thm-primary);
        opacity: 0;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -webkit-transform: perspective(400px) rotateX(-90deg);
        -ms-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        transform-style: preserve-3d;
        z-index: -1;
    }
    .header-top-two_right {
        position: relative;
        display: flex
    ;
        align-items: center;
        margin-left: auto;
    }
    .pull-right {
        float: right;
    }
    .pull-left {
        float: left;
    }
    .header-contact-info-1 {
        position: relative;
        display: block;
    }
    .header-contact-info-1 ul {
        position: relative;
        display: block;
        margin:0;
    }

    .header-contact-info-1 ul li {
        line-height: 23px;
    }
    .header-contact-info-1 ul li {
        position: relative;
        display: inline-block;
        float: left;
        padding-left: 26px;
        padding-right: 25px;
        line-height: 24px;
    }
    .header-contact-info-1 ul li p {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        margin: 0;
    }
    .header-contact-info-1 ul li p span{
        margin-right:7px;
    }
    .header-contact-info-1 ul li:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        width: 1px;
        bottom: 5px;
        background: rgba(255, 255, 255, 0.30);
        z-index: 1;
    }
    .language-select-box {
        position: relative;
        display: flex
    ;
        align-items: center;
        margin-left: 25px;
        padding-left: 25px;
    }
    .language-select-box .icon {
        width: 25px;
        color: var(--thm-color-2);
        font-size: 18px;
    }

    .header-social-link-2 .title h5 {
        color: #ffffff;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        text-transform: capitalize;
    }
    .clearfix li a i{
        font-weight: 900;
    }
    
    .logo img{
        height:80px;
        width:80px;
    }
    .footerlogo img{
         height:80px;
        width:80px;
    }

.contact_header:before{
position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #0e131e;
    opacity: 0.75;
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
}
.contact_header{
	background-position: 0 0 !important;
    background-repeat: no-repeat !important;
    position: relative;
    display: block;
    overflow: hidden;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 109px 0 115px;
    z-index: 10;
}
.title_main{
    font-size: 20px;
    color: #222222;
    line-height: 1.3em;
    text-align: left;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration:none;
}
.logo:hover{
    text-decoration:none;
}
.logo .title_main:hover{
     text-decoration:none;
}