*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{
font-family:Segoe UI,Arial,sans-serif;
background:#f8fafc;
color:#1f2937;
line-height:1.6;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

/* HEADER */
header{
background:#fff;
border-bottom:1px solid #e5e7eb;
position:sticky;
top:0;
z-index:100;
}
.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 0;
}
.logo{
font-size:22px;
font-weight:700;
color:#2563eb;
}
.logo span{color:#16a34a}
nav a{
margin-left:20px;
color:#374151;
font-weight:500;
text-decoration:none;
transition: color 0.2s ease;
}
nav a:hover{
	color: #007BFF;
}
.btn-nav{
background:#2563eb;
color:#fff;
padding:8px 16px;
border-radius:6px;
}

/* HERO */
.hero{
padding:80px 0;
}
.hero-grid{
display:grid;
grid-template-columns:1.3fr 1fr;
gap:60px;
align-items:center;
}
.hero-text{
animation:fadeUp 1s ease;
}
.hero-text h1{
font-size:48px;
line-height:1.2;
margin-bottom:20px;
}
.blue{color:#2563eb}
.green{color:#16a34a}
.hero-btns{display:flex;gap:15px}

/* CARDS */
.hero-cards{
display:flex;
gap:25px;
}
.card{
background:#fff;
padding:30px;
border-radius:18px;
box-shadow:0 15px 30px rgba(0,0,0,.28);
text-align:center;
animation:fadeUp 1.2s ease;
}
.card:hover{
transform:translateY(-26px);
transition:.3s;
}
.icon{
width:60px;height:60px;
margin:auto;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
margin-bottom:15px;
}
.blue-bg{background:#e0ecff;color:#2563eb}
.green-bg{background:#e6f6ec;color:#16a34a}

/* SECTIONS */
.section{
padding:90px 0;
}
.center{text-align:center}
.division-grid{
display:grid;
/*grid-template-columns:1fr 1fr;*/
gap:40px;
margin-top:spx;
}
.division-card{
	/* width:100%;height:100%; */
background:#fff;
padding:40px; /* samad */
border-radius:20px;
box-shadow:0 20px 40px rgba(0,0,0,.28);
animation:fadeUp 1.4s ease;
}
.division-card ul{
margin-top:20px;
padding-left:18px;
}
.division-card ul li{margin-bottom:8px;color:#2563eb}
.division-card ul.green li{color:#16a34a}

/* CTA */
.cta{
background:linear-gradient(135deg,#0f172a,#020617);
color:#fff;
padding:10px 0;
}
.cta p{color:#cbd5f5;margin:15px 0 10px}

/* FORM */
form{
max-width:600px;
margin:auto;
background:#fff;
padding:40px;
border-radius:16px;
box-shadow:0 15px 30px rgba(0,0,0,.28);
}
input,textarea{
width:100%;
padding:12px;
margin-bottom:15px;
border-radius:6px;
border:1px solid #d1d5db;
}

/* FOOTER */
footer{
background:#020617;
color:#cbd5f5;
padding:60px 0 20px;
}
.footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1.5fr;
gap:40px;
}
footer h3,footer h4{color:#fff}
footer ul{list-style:none}
footer ul li{margin-bottom:8px}
.footer-bottom{
text-align:center;
border-top:1px solid #1e293b;
margin-top:30px;
padding-top:15px;
font-size:14px;
}

/* ANIMATION */

.wrap-img {
  float: left;
  margin-right: 25px; /* Adds space between the image and the text */
  margin-bottom: 15px; /* Adds space below the image */
}
 
.samcontainer {
  display: flex; /* Makes the container a flex container */
  gap: 20px;     /* Adds space between the columns */
}

.samcolumn {
  flex: 1; /* Makes each column take an equal share of the available space */
  padding: 10px;
  border: 1px solid #ccc;
}
.wrap-pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  border: 0px solid #ccc;
  padding: 10px;
  width: 100%; /* Example width constraint */
}