:root{--green:#086b57;--deep:#074b42;--lime:#cfe270;--ink:#132522;--muted:#5d6d69;--sand:#f6f6f0;--white:#fff;--line:#dce5e1;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{background:var(--deep);color:#e7f1ed;font-size:.8rem}
.topbar-inner{height:37px;display:flex;align-items:center;gap:25px}
.topbar i{margin-right:6px;color:var(--lime)}
.search-trigger{margin-left:auto;border:0;background:transparent;color:#fff;cursor:pointer}
.navbar{height:85px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:1.35rem;line-height:1;color:var(--deep);min-width:max-content}
.brand b{color:var(--green)}
.brand small{font-family:var(--sans);display:block;text-transform:uppercase;letter-spacing:1.6px;font-size:.48rem;margin-top:5px;color:var(--muted)}
.brand-mark{width:39px;height:39px;border-radius:50%;background:#fff url('../images/cropped-logo-copy.png') center/contain no-repeat;display:grid;place-items:center;color:var(--lime);font-size:1rem}
.brand-mark i{display:none}
.brand-mark img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}
.nav-links{display:flex;align-items:center;gap:18px;font-size:.77rem;font-weight:600}
.nav-links>a,.nav-dropdown>button{border:0;background:none;padding:8px 0;cursor:pointer;color:var(--ink);white-space:nowrap}
.nav-links>a:hover,.nav-links>a.active,.nav-dropdown>button:hover{color:var(--green)}
.nav-contact{border:1px solid var(--green)!important;padding:7px 12px!important;color:var(--green)!important}
.nav-dropdown{position:relative}
.dropdown-menu{position:absolute;visibility:hidden;opacity:0;z-index:5;top:100%;right:0;width:225px;padding:9px;background:#fff;box-shadow:0 14px 35px #0a40301f;transition:.2s}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{visibility:visible;opacity:1}
.dropdown-menu a{display:block;padding:8px 10px;font-size:.75rem}
.dropdown-menu a:hover{background:var(--sand);color:var(--green)}
.menu-toggle{display:none;border:0;background:transparent;font-size:1.3rem}
.hero{overflow:hidden;background:linear-gradient(110deg,#f1f7f3 0%,#f8faf5 70%,#e7f1e9 100%);padding:78px 0 85px}
.hero-grid,.split-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:75px}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:.69rem;color:var(--green);margin:0 0 13px}
.hero h1,h2{font-family:var(--serif);font-size:clamp(2.4rem,5vw,4.15rem);line-height:1.1;letter-spacing:-1.8px;margin:0 0 23px}
.hero h1 em,h2 em{font-style:normal;color:var(--green)}
.hero-copy>p:not(.eyebrow),.section-copy>p{max-width:610px;color:var(--muted);font-size:1.02rem}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.btn{border:1px solid var(--green);padding:11px 19px;display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:700;transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 17px #0758442b}
.btn-primary{background:var(--green);color:#fff}
.btn-outline{color:var(--green);background:transparent}
.btn-light{color:var(--green);background:#fff;border-color:#fff}
.hero-visual{height:370px;position:relative;background:#0a6253;border-radius:10px;overflow:hidden;isolation:isolate}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-visual:after{background:linear-gradient(0deg,#033d34aa,transparent 65%)}
.hero-visual:before,.hero-visual:after{content:"";position:absolute;border:1px solid #ffffff2c;border-radius:50%;z-index:-1}
.hero-visual:before{height:480px;width:480px;top:-230px;right:-120px}
.hero-visual:after{height:330px;width:330px;bottom:-205px;left:-80px}
.orb{position:absolute;border-radius:50%;filter:blur(4px);opacity:.6}
.orb-a{height:130px;width:130px;background:var(--lime);right:35px;top:37px}
.orb-b{height:85px;width:85px;background:#e5ab62;left:40px;bottom:42px}
.lab-card{position:absolute;left:12%;top:20%;width:71%;padding:31px;background:#fff;color:var(--ink);box-shadow:0 22px 35px #002d272e}
.visual-icon{height:56px;width:56px;color:#fff;background:var(--green);display:grid;place-items:center;border-radius:50%;font-size:1.4rem}
.lab-card p{margin:18px 0 2px;font-size:.8rem;color:var(--muted)}
.lab-card strong{font-family:var(--serif);font-size:1.25rem}
.visual-caption{position:absolute;right:0;bottom:35px;background:var(--lime);padding:11px 17px;font-size:.74rem;font-weight:700}
.section{padding:100px 0}
.section-copy h2{font-size:clamp(2.2rem,4vw,3.4rem)}
.info-panel{display:flex;gap:23px;padding:28px;background:var(--sand);border-left:4px solid var(--green)}
.panel-illustration{flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#dbebe4;color:var(--green);font-size:2rem}
.info-panel span{font-size:.7rem;text-transform:uppercase;font-weight:700;letter-spacing:1.2px;color:var(--green)}
.info-panel h3{font-family:var(--serif);font-size:1.35rem;margin:4px 0}
.info-panel p{font-size:.88rem;color:var(--muted);margin:0}
.text-link,.course-body a,.purpose-card a{font-size:.79rem;font-weight:700;color:var(--green)}
.text-link i,.course-body a i{margin-left:4px;transition:.2s}
.text-link:hover i,.course-body a:hover i{transform:translateX(4px)}
.stats{background:var(--deep);color:#fff;padding:44px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.stats strong{font-family:var(--serif);display:block;color:var(--lime);font-size:2.65rem;line-height:1}
.stats strong:after{content:'+'}
.stats span{font-size:.76rem;display:block;margin-top:10px;letter-spacing:.2px}
.section-heading{text-align:center;max-width:650px;margin:0 auto 48px}
.section-heading h2{font-size:clamp(2.15rem,4vw,3.25rem);margin-bottom:12px}
.section-heading>p:last-child{color:var(--muted);font-size:.95rem;margin:0}
.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}
.course-card{border:1px solid var(--line);background:#fff;transition:.3s;display:flex;flex-direction:column}
.course-card:hover{transform:translateY(-7px);box-shadow:0 16px 30px #082c2230;border-color:transparent}
.course-art{height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;gap:9px;font-size:2rem}
.course-art span{font-size:.75rem;font-weight:700;letter-spacing:1px}
.art-blue{background:#39748d}
.art-orange{background:#c27745}
.art-green{background:#397c67}
.art-violet{background:#746895}
.course-body{padding:21px;display:flex;flex:1;flex-direction:column}
.facility-photo{display:block;width:calc(100% + 54px);height:155px;object-fit:cover;margin:-27px -27px 20px}
.course-body h3{font-family:var(--serif);line-height:1.2;font-size:1.25rem;margin:0}
.course-body p{font-size:.83rem;color:var(--muted);margin:13px 0 18px}
.course-body a{margin-top:auto}
.pharmacy{background:var(--sand)}
.reverse{grid-template-columns:.9fr 1.1fr}
.pharmacy-art{height:350px;background:linear-gradient(135deg,#0b7964,#084d43);position:relative;display:grid;place-items:center;overflow:hidden}
.pharmacy-art:before,.pharmacy-art:after{content:"";position:absolute;border:1px solid #ffffff36;border-radius:50%}
.pharmacy-art:before{width:330px;height:330px;right:-120px;top:-110px}
.pharmacy-art:after{width:290px;height:290px;left:-130px;bottom:-140px}
.pharm-symbol{font-family:var(--serif);font-size:9rem;color:#fff;font-style:italic;z-index:1}
.molecule{position:absolute;height:22px;width:22px;border-radius:50%;background:var(--lime)}
.molecule:before,.molecule:after{content:"";position:absolute;height:2px;background:#fff;width:60px;left:15px;top:10px;transform:rotate(35deg);transform-origin:left}
.molecule:after{transform:rotate(-55deg)}
.m1{top:65px;left:65px}
.m2{bottom:60px;right:65px;background:#e8bb81}
.purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.purpose-card{padding:43px;min-height:274px;border:1px solid var(--line);position:relative;overflow:hidden}
.purpose-card:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;right:-80px;bottom:-130px;background:#eef5f1}
.purpose-card:nth-child(2){background:var(--deep);color:#fff;border-color:var(--deep)}
.purpose-card:nth-child(2):before{background:#ffffff12}
.purpose-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#dcece5;color:var(--green);font-size:1.35rem}
.purpose-card h3{font-family:var(--serif);font-size:1.7rem;margin:16px 0 7px}
.purpose-card p{font-size:.91rem;max-width:410px;margin-bottom:16px}
.purpose-card:nth-child(2) a{color:var(--lime)}
.stories{background:linear-gradient(115deg,#07564a,#0b7461);color:#fff}
.section-heading.light .eyebrow{color:var(--lime)}
.section-heading.light h2 em{color:var(--lime)}
.section-heading.light>p:last-child{color:#d8ece5}
.testimonial-wrap{display:flex;align-items:center;justify-content:center;gap:18px}
.testimonial{max-width:700px;text-align:center}
.quote{color:var(--lime);font-size:2.2rem}
.testimonial blockquote{font-family:var(--serif);font-size:clamp(1.3rem,2.3vw,1.75rem);line-height:1.4;margin:5px 0 24px}
.student{display:flex;align-items:center;justify-content:center;text-align:left;gap:10px}
.student small{display:block;color:#c6dfd6;font-size:.72rem}
.avatar{height:43px;width:43px;border:1px solid var(--lime);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.8rem}
.carousel-btn{height:41px;width:41px;border-radius:50%;border:1px solid #ffffff61;background:transparent;color:#fff;cursor:pointer}
.carousel-btn:hover{background:#ffffff1c}
.gallery-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-auto-rows:160px;gap:15px}
.gallery-item{border:0;text-align:left;color:#fff;padding:20px;position:relative;overflow:hidden;cursor:pointer;background:#40776a;font-family:var(--serif);font-size:1.4rem}
.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff22,transparent 60%),linear-gradient(to top,#002a23a8,transparent 55%);transition:.3s}
.gallery-item:hover:before{background:linear-gradient(145deg,#ffffff40,transparent 60%),linear-gradient(to top,#002a23c4,transparent 55%)}
.gallery-item span,.gallery-item i{position:absolute;z-index:1;bottom:16px}
.gallery-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery-item:hover img{transform:scale(1.05)}
.gallery-item i{right:17px;font-size:.8rem}
.g1{grid-row:span 2;background:linear-gradient(135deg,#326b60,#a6c6a1)}
.g2{background:linear-gradient(135deg,#a77e65,#dcb08a)}
.g3{background:linear-gradient(135deg,#347a80,#97c0c3)}
.g4{background:linear-gradient(135deg,#766850,#c5aa7f)}
.g5{background:linear-gradient(135deg,#675f8a,#b4a8cb)}
.cta{background:#e8f0e9;padding:52px 0}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.cta h2{font-size:2.2rem;margin:0}
.site-footer{background:#102b27;color:#d5e0dc;padding:62px 0 0}
.footer-grid{display:grid;grid-template-columns:1.55fr .8fr 1fr 1.15fr;gap:35px}
.footer-brand{color:#fff}
.site-footer p{font-size:.8rem;line-height:1.7}
.site-footer h3{font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--lime);margin:5px 0 16px}
.site-footer a:not(.brand){font-size:.8rem;display:block;margin:8px 0}
.site-footer a:hover{color:var(--lime)}
.site-footer address{font-style:normal}
.site-footer address p i{width:17px;color:var(--lime)}
.socials{display:flex;gap:7px}
.socials a{height:30px;width:30px;border:1px solid #ffffff43;display:grid!important;place-items:center}
.copyright{border-top:1px solid #ffffff1d;margin-top:46px;padding:14px 0;font-size:.7rem}
.copyright .container:after{content:" • Developed by Online Graphics | Call 9893730908";color:var(--lime);font-weight:600}
.back-to-top{position:fixed;right:20px;bottom:20px;z-index:10;width:38px;height:38px;border:0;background:var(--green);color:#fff;opacity:0;visibility:hidden;transition:.2s}
.back-to-top.visible{opacity:1;visibility:visible}
.lightbox{position:fixed;inset:0;z-index:30;background:#071d1999;display:grid;place-items:center;padding:20px}
.lightbox[hidden]{display:none}
.lightbox-content{width:min(800px,100%);max-height:calc(100vh - 70px);background:#102b27;color:#fff;text-align:center;box-shadow:0 20px 50px #0008;overflow:auto}.lightbox-content img{display:block;width:100%;max-height:calc(100vh - 155px);object-fit:contain;background:#071d19}.lightbox-content h3{padding:12px 20px 2px}
.lightbox-content i{font-size:4rem}
.lightbox-content h3{font-family:var(--serif);font-size:2rem;margin:10px}
.lightbox-close{position:absolute;top:22px;right:22px;background:transparent;border:0;color:#fff;font-size:1.5rem;cursor:pointer}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:none}
.sr-only{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
@media(max-width:1050px){.nav-links{gap:10px;font-size:.71rem}
.course-grid{grid-template-columns:repeat(2,1fr)}
.hero-grid,.split-layout{gap:40px}
}
@media(max-width:760px){.topbar-inner span:nth-child(2){display:none}
.navbar{height:70px}
.menu-toggle{display:block}
.nav-links{display:none;position:absolute;top:107px;left:0;right:0;background:#fff;z-index:20;padding:15px 20px;box-shadow:0 16px 24px #163b3226;max-height:calc(100vh - 105px);overflow:auto}
.nav-links.open{display:block}
.nav-links>a,.nav-dropdown>button{display:block;width:100%;padding:10px 0;text-align:left}
.nav-contact{border:0!important;padding:10px 0!important}
.dropdown-menu{display:none;position:static;visibility:visible;opacity:1;width:auto;box-shadow:none;padding:0 0 0 13px}
.nav-dropdown.open .dropdown-menu{display:block}
.hero{padding:56px 0}
.hero-grid,.split-layout,.reverse{grid-template-columns:1fr;gap:39px}
.hero-visual{height:310px}
.section{padding:72px 0}
.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:33px}
.purpose-grid{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:130px}.g1{grid-column:span 2;grid-row:span 2}
.g1{grid-column:span 2;grid-row:auto}
.cta-inner{align-items:flex-start;flex-direction:column}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-grid>div:first-child{grid-column:span 2}
.light-outline{border-color:var(--green)}
}
@media(max-width:440px){.container{width:min(100% - 30px,1160px)}
.topbar-inner{height:34px}
.navbar{height:65px}
.nav-links{top:99px}
.hero h1{font-size:2.5rem}
.hero-visual{height:275px}
.lab-card{left:8%;width:80%;padding:24px}
.course-grid{grid-template-columns:1fr}
.info-panel{padding:20px}
.stats strong{font-size:2.25rem}
.purpose-card{padding:30px}
.footer-grid{grid-template-columns:1fr}
.footer-grid>div:first-child{grid-column:auto}
.carousel-btn{flex:0 0 37px}
.gallery-grid{gap:9px}
.section-heading{margin-bottom:35px}
}