@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#FAF8F5;--fg:#1a2540;--card:#fff;--primary:#1e3a5f;--primary-fg:#fafafa;--accent:#c88520;--accent-fg:#fff;--muted:#eeebe6;--muted-fg:#6b6b6b;--border:#e0dcd6;--radius:0.5rem}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--fg);line-height:1.7;font-size:17px}
h1,h2,h3,h4,h5,h6{font-family:'Lora',serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}

/* Top Bar */
.top-bar{background:var(--primary);color:var(--primary-fg);font-size:.85rem;padding:.5rem 0}
.top-bar .container{display:flex;justify-content:space-between;align-items:center}
.top-bar a{color:var(--primary-fg);margin-right:1rem}
.top-bar a:hover{color:var(--accent)}
.social-links a {margin: 0px 5px;font-size: 20px;}

/* Navbar */
.navbar{background:var(--card);box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:0;z-index:50}
.navbar .container{display:flex;align-items:center;justify-content:space-between;height:60px}
.navbar .logo {
	font-family: 'Lora',serif;
	/* font-size: 1.25rem; */
	/* font-weight: 700; */
	/* color: var(--primary); */
	margin-top: 5px;
}
.navbar .logo img {max-width: 325px;}
.nav-links{display:flex;gap:.25rem}
.nav-links a{padding:.5rem .75rem;border-radius:var(--radius);font-size:.9rem;font-weight:500;transition:background .2s}
.nav-links a:hover,.nav-links a.active{background:var(--primary);color:var(--primary-fg)}
.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--fg)}
@media(max-width:768px){.nav-links{display:none}.menu-toggle{display:block}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:var(--card);border-top:1px solid var(--border);padding:.5rem 0}.nav-links.open a{padding:.75rem 1.5rem;border-radius:0;border-bottom:1px solid var(--border)}}

/* Hero */
.hero{background:linear-gradient(135deg,var(--primary),#2a4d7a,#1e3a5f);color:var(--primary-fg);overflow:hidden;position:relative}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(200,133,32,.15),transparent 60%)}
.hero .container{position:relative;z-index:1;padding:3rem 1rem;display:flex;align-items:center;gap:2.5rem;flex-wrap:wrap}
.hero-photo{width:180px;height:180px;border-radius:50%;overflow:hidden;border:4px solid var(--accent);box-shadow:0 10px 40px rgba(0,0,0,.3);flex-shrink:0}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.hero-text h1{font-size:2.5rem;margin-bottom:.25rem}
.hero-text .subtitle{font-size:1.1rem;opacity:.9;margin-bottom: 1.5rem;}
.hero-text .designations{font-size:.9rem;opacity:.75;margin-bottom:1.5rem}
.hero-buttons{display:flex;gap:.75rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;transition:opacity .2s;border:none;cursor:pointer}
.btn-accent{background:var(--accent);color:var(--accent-fg)}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.4);color:var(--primary-fg)}
.btn:hover{opacity:.85}

/* Infrastructure Banner */
.infra-banner{position:relative;height:200px;overflow:hidden}
.infra-banner img{width:100%;height:100%;object-fit:cover}
.infra-banner .overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg),rgba(250,248,245,.4),transparent)}
.infra-banner p{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;font-family:'Lora',serif;font-weight:700;font-size:1.15rem}
@media(min-width:769px){.infra-banner{height:260px}.infra-banner p{font-size:1.3rem}}

/* Highlights */
.highlights{padding:3.5rem 0;background:var(--card)}
.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.highlight-card{text-align:center;padding:1.5rem;border-radius:var(--radius);background:var(--muted)}
.highlight-card .icon{font-size:2rem;margin-bottom:.75rem;color:var(--accent)}
.highlight-card h3{font-weight:700;font-size:1.1rem;margin-bottom:.25rem}
.highlight-card p{font-size:.9rem;color:var(--muted-fg)}

/* Profile Section */
.profile{padding:3.5rem 0}
.profile h2{text-align:center;font-size:1.75rem;margin-bottom:1.5rem}
.profile .content{color:var(--muted-fg);font-size:.95rem;line-height:1.8}
.profile .content p{margin-bottom:1rem}
.profile .content strong{color:var(--fg)}
.read-more{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600;margin-top:1rem}
.read-more:hover{color:var(--accent)}

/* Awards Section */
.awards-section{position:relative;padding:3.5rem 0;overflow:hidden}
.awards-section .bg-img{position:absolute;inset:0;opacity:.12}
.awards-section .bg-img img{width:100%;height:100%;object-fit:cover}
.awards-section .inner{position:relative;z-index:1}
.awards-section h2{text-align:center;font-size:1.75rem;margin-bottom:1.5rem}
.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.award-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(255,255,255,.9);border-radius:var(--radius);border:1px solid var(--border)}
.award-card .award-icon{color:var(--accent);font-size:1.2rem;flex-shrink:0;margin-top:.15rem}
.award-card span{font-size:.9rem}

/* Page Banner */
.page-banner{position:relative;height:200px;overflow:hidden}
.page-banner img{width:100%;height:100%;object-fit:cover}
.page-banner .overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg),rgba(250,248,245,.6),transparent)}
.page-banner .banner-text{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;padding:0 1rem}
.page-banner h1{font-size:2rem}
.page-banner p{color:var(--muted-fg);margin-top:.5rem;font-size:.95rem}
@media(min-width:769px){.page-banner{height:260px}.page-banner h1{font-size:2.5rem}}

/* Section */
.section{padding:3.5rem 0}
.section h1{font-size:2rem;margin-bottom:2rem}
.section h2{font-size:1.5rem;margin-bottom:1rem}

/* Cards */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;transition:box-shadow .2s}
.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}
.card h3{font-weight:700;font-size:1rem;margin-bottom:.25rem}
.card p{font-size:.9rem;color:var(--muted-fg)}
.card .year{font-size:.8rem;background:rgba(200,133,32,.1);color:var(--accent);padding:.2rem .6rem;border-radius:1rem;font-weight:500;white-space:nowrap}

/* Grid layouts */
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}

/* Image cards */
.img-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.img-card img{width:100%;object-fit:contain;background:#fff}
.img-card .caption{padding:1rem}
.img-card .caption h3{font-weight:700;font-size:1rem}
.img-card .caption p{font-size:.85rem;color:var(--muted-fg)}

/* Tags */
.tags{display:flex;flex-wrap:wrap;gap:.5rem}
.tag{padding:.35rem .75rem;background:var(--muted);border-radius:1rem;font-size:.85rem;color:var(--muted-fg)}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media(max-width:768px){
.contact-grid{grid-template-columns:1fr}
.ProjectTableBx {overflow-x: auto;}
.top-bar a {margin-right: 15px;font-size: 12px;}
.social-links a {margin: 0px 1px;font-size: 16px;}
.hero-text {text-align: center;}
.hero-text h1 {font-size: 2.0rem;}
.hero .container {display: inline-block;width: 100%;text-align: center;}
.hero-photo {display: inline-block;}
.hero-buttons {display: inline-block;}
.ProjectTableBx .MsoNormalTable {width: 1000px !important;}
.section h1 {font-size: 1.5rem;}  
.navbar .logo img {	max-width: 248px;}
}
.contact-info .item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}
.contact-info .item .icon{color:var(--accent);font-size:1.2rem}

/* Lists */
.numbered-list .item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--muted);border-radius:var(--radius);margin-bottom:.75rem}
.numbered-list .num{font-weight:700;color:var(--accent)}

/* Footer */
.footer{background:var(--primary);color:var(--primary-fg);padding:2.5rem 0 0}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-bottom:2rem}
.footer h3{font-size:1.1rem;margin-bottom:.75rem}
.footer p,.footer a{font-size:.85rem;opacity:.8}
.FooterList ul {padding-left: 12px;}
.FooterList ul li {font-size: .85rem;opacity: .8;margin-bottom: 5px;}
.FooterList2 ul {padding-left: 0;}
.FooterList2 ul li {font-size: .85rem;opacity: .8;margin-bottom: 5px;list-style-type: none;}
.footer a:hover{color:var(--accent);opacity:1}
/*.footer-bottom{border-top:1px solid rgba(255,255,255,.2);text-align:center;padding:1rem 0;font-size:.8rem;opacity:.6}*/
.footer .social-links a{color:var(--primary-fg);margin-right:.75rem;font-size:1.1rem}
.footer-bottom {border-top: 1px solid rgba(255,255,255,.2);text-align: center;padding: 1rem 0;font-size: .8rem;color: #bfd1e7;}
.footer-bottom a {color: #fff;opacity: 1;border-bottom: 1px #fff solid;}
.footer-bottom a:hover {color: #fff;opacity: 0.8;border-bottom: 1px transparent solid;}
.contact p {padding-bottom: 10px;position: relative;padding-left: 12px;}
.contact p i {position: absolute;left: 0;top: 4px;}
.contact p span {display: inline-block;vertical-align: top;padding-left: 10px;}
/* About */
.about-header{display:flex;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}
.about-photo{width:160px;height:160px;border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);flex-shrink:0}
.about-photo img{width:100%;height:100%;object-fit:cover}
.edu-list li{padding:1rem;background:var(--muted);border-radius:var(--radius);margin-bottom:.75rem;list-style:none;font-size:.95rem}
.desig-list{list-style:disc;padding-left:1.5rem}
.desig-list li{margin-bottom:.5rem;font-size:.95rem;color:var(--muted-fg)}
.ieesd-box{padding:1.5rem;background:var(--muted);border-radius:var(--radius);color:var(--muted-fg)}
.ieesd-box p{margin-bottom:.75rem;font-size:.95rem}

.text-center{text-align:center}
.mt-2{margin-top:1rem}
.mb-3{margin-bottom:1.5rem}



.AboutDescription {margin-top: 20px;}
.AboutDescription h3 {padding-bottom: 10px;}
.AboutDescription p {padding-bottom: 7px;color: #434343;font-size: .95rem;}
.MsoNormalTable tr td {font-size: 14px;}
.consultancyBx {margin-bottom: 20px;}
.consultancyBx h3 {font-size: 18px;font-family: 'Inter',sans-serif;font-weight: 600;}
.consultancyBx p {font-size: 16px;color: #3a3a3a;}
.consultancyBx ul {	padding-left: 15px;}
.consultancyBx ul li {font-size: 16px;color: #3a3a3a;}
.BankDetails {font-size: .9rem;color: var(--muted-fg);margin-bottom: 4px;}
.BankDetails strong {color: #333;margin-left: 5px;}

/*------------------*/
.magnific-img img {width: 100%;height: auto;}
.mfp-bottom-bar{font-family: 'Abel', sans-serif;}
.magnific-img { display: inline-block; width: 32.3%;}
a.image-popup-vertical-fit { cursor: -webkit-zoom-in;}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.98;}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;}
.mfp-arrow-left:before {border-right: none !important;}
.mfp-arrow-right:before {border-left: none !important;}
 button.mfp-arrow, .mfp-counter {opacity: 0 !important;transition: opacity 200ms ease-in, opacity 2000ms ease-out;}
.mfp-container:hover button.mfp-arrow, 
.mfp-container:hover .mfp-counter{opacity: 1 !important;}


/* Magnific Popup CSS */
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;}
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;}
.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.mfp-align-top .mfp-container:before {display: none;}
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto;}
.mfp-ajax-cur {cursor: progress;}.mfp-zoom-out-cur, 
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}
.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.mfp-auto-cursor .mfp-content {cursor: auto;}.mfp-close, 
.mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.mfp-loading.mfp-figure {display: none;}.mfp-hide {display: none !important;}
.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044;}
.mfp-preloader a {color: #CCC;}.mfp-preloader a:hover {color: #FFF;}
.mfp-s-ready .mfp-preloader {display: none;}
.mfp-s-error .mfp-content {display: none;}

 button.mfp-close, button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}
 button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;
 font-family: Arial, Baskerville, monospace;}
.mfp-close:hover, .mfp-close:focus {opacity: 1;}
.mfp-close:active {top: 1px;}
.mfp-close-btn-in .mfp-close {color: #333;}
.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%;}
.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap;}
.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent;}
.mfp-arrow:active {margin-top: -54px;}
.mfp-arrow:hover, .mfp-arrow:focus {opacity: 1;}
.mfp-arrow:before, .mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;}
.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px;}.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7;}
.mfp-arrow-left {left: 0;}
.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px;}
.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3F3F3F;}
.mfp-arrow-right {right: 0;}
.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px;}
.mfp-arrow-right:before {border-left: 27px solid #3F3F3F;}
.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}
.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}
.mfp-iframe-holder .mfp-close {top: -40px;}
.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000;}

/* Main image in popup */
img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {line-height: 0; }
.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444;}
.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px;}
.mfp-figure figure {margin: 0;}
.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}
.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px;}
.mfp-image-holder .mfp-content {max-width: 100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}
.mfp-img-mobile img.mfp-img {padding: 0;}
.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}
.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}
.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}
.mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}
.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0;}
}

@media all and (max-width: 900px) {
.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}
.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}
.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
.mfp-container {padding-left: 6px;padding-right: 6px;}
    
}
.icici-bank-qr {display: inline-flex;}
.AccountHolderName {text-align: center;font-size: 18px;margin-bottom: 8px;font-family: 'Inter',sans-serif;}
.top-bar .FirstEmail {margin-right: 0;}

