:root{
    --primary:#082544;
    --accent:#FF6B00;

    /* NEW SITE BACKGROUND */
    --site-bg:#E8F1FB;

    --text:#1F2937;
   --muted:#374151;
}

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

body{
    font-family:"Segoe UI", Arial, sans-serif;
     background:transparent !important;
    color:var(--text);
    line-height:1.8;
}

.container{width:92%;max-width:1280px;margin:auto;  background:transparent;}

header{
 position:sticky;
 top:0;
 z-index:999;
 border-bottom:4px solid var(--accent);
 box-shadow:0 2px 25px rgba(0,0,0,.08);
}

.nav{
 min-height:100px;
 display:flex;
 align-items:center;
 justify-content:space-between;
}


.logo{
    display:flex;
    align-items:center;
}

.logo img{
    height:70px;
    width:auto;
    display:block;
}

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

.menu a{
 text-decoration:none;
 text-transform:uppercase;
 letter-spacing:.5px;
 font-size:14px;
 font-weight:700;
 color:var(--primary);
 transition:.3s;
}

.menu a:hover{color:var(--accent)}

.hero{
 background:linear-gradient(135deg,#082544,#103A66);
 color:#fff;
 min-height:600px;
 display:flex;
 align-items:center;
 padding:120px 0;
}

.hero h1{
 font-size:62px;
 line-height:1.15;
 margin-bottom:25px;
}

.hero h2,.hero p{color:#fff}

.hero p{font-size:20px;max-width:900px}

.page-banner{
    height:300px !important;
    overflow:hidden;
}

.page-banner img{
    width:100%;
    height:100% !important;
    object-fit:cover;
    object-position:center center;
	 background-position:center top;
    display:block;
}


.section{
 padding:90px 0;
  background:transparent !important;
}

.section:nth-of-type(even){ background:transparent !important;}
.section:nth-of-type(odd){ background:transparent !important;}

.home-about-image {
  flex: 1;
}

.home-about-image img {
  width: 20%;
  border-radius: 24px;
  display: block;
}

h2{
 text-align:center;
 font-size:35px;
 color:var(--primary);
 margin-bottom:60px;
}

h2:after{
 content:'';
 display:block;
 width:90px;
 height:4px;
 background:var(--accent);
 margin:15px auto 0;
}

h3{
 margin-bottom:15px;
 font-size:24px;
}

p{
    color:#2B3440;
    font-size:18px;
    line-height:1.9;
    font-weight:300;
}

li{
    color:#2B3440;
}

.section p{
    color:#263238;
	 font-weight:600;
}
.leadership-section{
    position:relative;
	min-height:300px;
    background-image:
	    linear-gradient(
        rgba(255,255,255,0.60),
        rgba(255,255,255,0.60)
    ),
    url('../images/SMART-LEADER.jpg');

   background-size: 100% auto;
    background-position:center;
    background-repeat:no-repeat;
	 width:100%;
    padding: 50px 0;
}

.Why-Patham{
    position:relative;
	min-height:400px;
    background-image:
	    linear-gradient(
        rgba(255,255,255,0.40),
        rgba(255,255,255,0.40)
    ),
    url('../images/project-management.png');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    padding:40px 0;
}

.grid-Excellence{
    position:relative;
	min-height:400px;
    background-image:
	    linear-gradient(
        rgba(255,255,255,0.40),
        rgba(255,255,255,0.40)
    ),
    url('../images/Excellence.png');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    padding:40px 0;
}

.grid-Crisis{
    position:relative;
	min-height:400px;
    background-image:
	    linear-gradient(
        rgba(255,255,255,0.60),
        rgba(255,255,255,0.60)
    ),
    url('../images/Crisis.jpg');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    padding:40px 0;
}

.grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
 gap:35px;
 margin-top:40px;
 background:transparent !important;
}

.grid-why{
 display:grid;
 display:inline-flex;
 grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
 gap:35px;
 margin-top:20px;
 background:transparent !important;
}

.card{
 background:transparent !important;
 border-top:5px solid var(--accent);
 border-radius:18px;
 padding:35px;
 box-shadow:0 15px 40px rgba(0,0,0,.08);
 transition:.35s;
}

.card img {
  width: 20px;
}

.card:hover{
 transform:translateY(-10px);
 box-shadow:0 25px 50px rgba(0,0,0,.15);
}

.why-card{
    background:rgba(255,255,255,0.50);
    border:1px solid rgba(255,255,255,0.35);
    border-top:5px solid var(--accent);
    border-radius:18px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.10);
}

.btn{
 display:inline-block;
 background:var(--accent);
 color:#fff;
 text-decoration:none;
 padding:16px 36px;
 border-radius:50px;
 font-weight:700;
 text-transform:uppercase;
 box-shadow:0 12px 30px rgba(255,107,0,.35);
}

.contact-form,
form{
 background:#fff;
 padding:35px;
 border-radius:18px;
 box-shadow:0 15px 40px rgba(0,0,0,.08);
}

input,textarea{
 width:100%;
 padding:14px;
 border:1px solid #d9e2ee;
 border-radius:8px;
 margin-bottom:15px;
}

button,.contact-form button{
 background:var(--accent);
 color:#fff;
 border:none;
 padding:14px 30px;
 border-radius:50px;
 font-weight:700;
}

footer{
 background: #082544;          /* Corporate Navy Blue */
   color: #ffffff;
 text-align:center;
 padding:50px 0;
 border-top:5px solid var(--accent);
}

footer p{
	color: #ffffff;
    font-size:20px;
    line-height:1.9;
    font-weight:400;}

@media(max-width:768px){
 .nav{flex-direction:column;padding:15px 0}
 .menu{justify-content:center}
 .hero h1{font-size:42px}
 .banner h1{font-size:36px}
 h2{font-size:30px}
}

html,
body,
section,
main,
.container{
    background-color:#E8F1FB !important;
}

.card{
    background:#FFFFFF !important;
}