:root{
      --bg:#f8fafc;--ink:#1a1f36;--muted:#4b5563;--brand:#2b6cb0;--brand2:#b02b6c;--brand-strong:#2c5282;--brand-strong2:#822c52;
      --panel:#ffffff;--accent:#edf2f7;--radius:14px;--shadow:0 4px 12px rgba(0,0,0,.08);--maxw:1180px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:Inter,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;}
    a{color:var(--brand);text-decoration:none} a:hover{color:var(--brand-strong)}

    header{background:white;box-shadow:var(--shadow);position:sticky;top:0;z-index:20}
    .container{max-width:var(--maxw);margin:auto;padding:1.2rem}
    .nav{display:flex;align-items:center;justify-content:space-between}
    .brand{font-weight:800;font-size:1.25rem;color:var(--brand-strong)}
    .menu{display:flex;gap:1rem;align-items:center}
    .hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}
    .bar{width:26px;height:3px;background:var(--brand-strong)}
    
    .btn{display:inline-block;line-height:1;padding:.95rem 1.2rem;margin-top:1.1rem;border-radius:var(--radius);font-weight:600;border:1px solid var(--brand)}
    .btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}
    .btn-outline{color:var(--brand-strong);background:transparent}
    .btn-secondary{background:var(--brand2);color:#fff}.btn-secondary:hover{background:var(--brand2-strong)}
      

    
    section{padding:4rem 1rem}
    .hero{background:var(--accent);text-align:center}
    .hero h1{font-size:2.3rem;margin-bottom:1rem}
    .hero p{max-width:760px;margin:0 auto 1.25rem;color:var(--muted)}
    .grid{display:grid;gap:1.5rem}
    .grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
    .grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
    .card{background:var(--panel);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow)}
    .card ul  {padding: 0px 20px;}
    .card li  {padding: 5px 0px;}
    .card p  {padding: 10px 0px;}
    .blue {background: linear-gradient(135deg, #cccccc 0%, #5ba2f6 50%, #4583fb 100%);}
    .pill{display:inline-flex;gap:.5rem;align-items:center;padding:.35rem .65rem;border-radius:999px;background:#e6edf6;border:1px solid #d4e0f2;color:#335c85;font-weight:600;font-size:.9rem}
    footer{background:white;padding:2rem;text-align:center;color:var(--muted);font-size:.9rem;border-top:1px solid #e2e8f0}


    form input, form textarea, form select{width:100%;padding:.9rem;border-radius:var(--radius);border:1px solid #cbd5e0;margin-bottom:1rem;}
    footer{background:white;padding:2rem;text-align:center;color:var(--muted);font-size:.9rem;border-top:1px solid #e2e8f0}

        .video-placeholder {
            background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
            border-radius: 8px;
            padding: 48px;
            text-align: center;
            color: white;
            margin: 16px 0;
        }
        
        .video-placeholder i {
            font-size: 3rem;
            margin-bottom: 16px;
            opacity: 0.7;
        }
        
        .video-placeholder p {
            color: rgba(255,255,255,0.8);
        }
        
        iframe {
 			width: 100%;
			height: 500px;
			border: none;
		}
        table {
      width: 100%;
      border-collapse: collapse;
      margin: 1rem 0;
    }
    th, td {
      border: 1px solid #ddd;
      padding: 0.75rem;
    }
    th {
      background: #e7eff8;
    }
    
    .form-section {
      background: #f4f8fb;
      padding: 2rem;
      border-radius: 8px;
      border: 1px solid #d6e3f0;
    }
    label {
      display: block;
      margin-top: 0.5rem;
      font-weight: bold;
    }
    input, textarea {
      width: 100%;
      padding: 0.6rem;
      margin-top: 0.3rem;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
    button {
      background-color: #002147;
      color: #fff;
      padding: 0.75rem 1.25rem;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-size: 1rem;
      margin-top: 1rem;
    }
    button:hover {
      background-color: #004080;
    }
        
    @media(max-width:768px){
      .menu{display:none;flex-direction:column;background:white;position:absolute;top:60px;right:0;width:220px;box-shadow:var(--shadow);padding:1rem}
      .menu.active{display:flex}
      .hamburger{display:flex}

        .video-placeholder {
            background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
            border-radius: 8px;
            padding: 24px;
            text-align: center;
            color: white;
            margin: 16px 0;
        }

        iframe {
 			width: 100%;
			height: 200px;
			border: none;
		}

    }        
    
    .consultancy-page h1 {
  font-size: 2.1rem;
}

.consultancy-page .lead {
  font-size: 1.05rem;
}

.consultancy-steps .consultancy-step-number {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #0d6efd;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto .5rem;
  font-weight: 600;
  font-size: .95rem;
}

.consultancy-form {
  border: 1px solid #e2e8f0;
  border-radius: .75rem;
}

.imageclass {
	border-radius: 5px;
	padding: 5px;
	float: left;
	width: 80%;
}
.imageclasssmall {
	border-radius: 5px;
	padding: 5px;float: left;
	width: 50px;
}