@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Playwrite+NZ+Basic:wght@100..400&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');




body 				{color: #333333; /*background-color: #001e40;*/ font-size: 1rem; font-family: "Urbanist", sans-serif;}

h1, h2, h3, h4, h5	{color: #00a9e5; font-weight: 700;font-family: "Urbanist", sans-serif;}
h1					{}
h2					{}
h3					{}
h4					{}
h5					{}

strong				{font-weight: 600;}

a					{text-decoration:none; color: #00a9e5; transition: 0.5s;}
a:hover				{text-decoration:none; color: #333333;}
a:visited			{text-decoration:none;}
a:focus,a:hover		{text-decoration:none;}
p                   {font-family: "Urbanist", sans-serif;}

:root {
	--def-padding : 5rem;}

.padding-left-right {padding-left: 7%;padding-right: 7%;}

.site-header{position: fixed;top: 0;left: 0;width: 100%;background:#ffffff;z-index:999;transition: box-shadow .25s ease, padding .25s ease, background .25s ease;}
.site-header.scrolled{box-shadow:0 10px 26px rgba(0,0,0,.10);}
.header-inner{padding: 16px 0;transition: padding .25s ease;}
.site-header.scrolled .header-inner{padding: 10px 0;}

/* LOGO */
.brand{display:flex;align-items:center;text-decoration:none;}
.brand img{height:75px;width:auto;transition:.25s ease;}
.site-header.scrolled .brand img{height:60px;}

.navbar .nav-link{font-weight:600;color:#2b2b2b !important;padding:10px 12px !important;border-radius:999px;transition:.2s ease;}
.navbar .nav-link:hover,
.navbar .nav-link:focus{background: rgba(13,110,253,.08);color:#0d6efd !important;}

/* Dropdown menu style */
.dropdown-menu{border: 1px solid rgba(0,0,0,.08);box-shadow: 0 16px 40px rgba(0,0,0,.10);border-radius: 14px;padding: 10px;}
.dropdown-item{border-radius: 10px;padding: 10px 12px;font-weight: 600;}
.dropdown-item:hover{background: rgba(13,110,253,.08);color:#0d6efd;}


/* SOCIAL ICONS */
.social{display:flex;align-items:center;gap:10px;}
.social a{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f6f7f9;border:1px solid rgba(0,0,0,.08);color:#333;text-decoration:none;transition:.2s ease;}
.social a:hover{background:#ffffff;border-color: rgba(13,110,253,.35);color:#0d6efd;transform: translateY(-1px);}

.lang-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#f6f7f9;border:1px solid rgba(0,0,0,.10);}
.lang-chip i{ opacity:.7; }
.lang-chip a{text-decoration:none;font-weight:700;font-size:13px;color:#2b2b2b;transition:.2s ease;}
.lang-chip a:hover{ color:#0d6efd; }
.lang-chip a.active{color:#0d6efd;background:#fff;padding:5px 10px;border-radius:999px;border:1px solid rgba(13,110,253,.22);}

.lang-chip .dot{width:4px; height:4px;border-radius:999px;background:rgba(0,0,0,.25);}

@media (max-width: 575.98px){.lang-chip a{ font-size:12px; }}

/* Mobile toggle */
.menu-toggle{border:0;background:none;}
/* Spacer */
.header-spacer{ height: 92px; }
/* DEMO */
.hero{height:70vh;background:linear-gradient(120deg,#198754,#0d6efd);color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:800;}
.section{ padding:80px 0; }

/* Responsive */
@media (max-width: 991.98px){
.main-nav{ display:none; }
.social{ display:none; } /* keep header clean on mobile */
.header-inner .right-wrap{gap:10px !important;}
.lang-switch a{font-size:12px;padding:5px 7px;}}

/* ================= TOP BANNER ================= */
.top-banner-section{position: relative;width:100%;overflow:hidden;}
/* Banner image */
.banner-img{width:100%;height:auto;display:block;}
/* Overlay to center content */
.banner-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background: linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)); /* optional overlay for readability */}
/* Tagline */
.banner-tagline h1{color:#ffffff;font-size: 80px;font-weight:600;line-height:1.2;margin:0 auto;text-transform:uppercase;font-family: "Playwrite NZ Basic", cursive;}
/* Highlighted text */
.banner-tagline h1 span{display:block;font-weight:300;font-size: 35px;margin-top:10px;color:#d4f5e5;text-transform:uppercase; /* soft accent */}
/* Mobile fine-tuning */
@media (max-width: 576px){
.banner-overlay{padding:0px;}
.banner-tagline h1{line-height:1.25;}}


/****FOCUS_AREAS***/
.focus-areas{padding-top: var(--def-padding); padding-bottom: var(--def-padding);}
.section-heading h1{font-size:50px;color:#a1af61;text-transform: uppercase;} 
.section-heading span{color:#7a7a7a;text-transform: uppercase;font-size:25px;}
.section-heading{text-align: center;margin-bottom: 2rem;}
.focus-col h5{color:#484848;font-weight: 400;font-size:17px;}


.focus-col-text-1{background-color: #8dc540!important;align-items:flex-start;}
.focus-col-text-1 h3{color:#fff;font-weight:400;margin-bottom: 1rem;}
.focus-col-text-1 p{color:#fff;}
.focus-col-text-1 a{color:#fff!important;font-size:15px;}

.focus-col-text-2{background-color: #2475b7!important;align-items:flex-start;}
.focus-col-text-2 h3{color:#fff;font-weight:400;margin-bottom: 1rem;}
.focus-col-text-2 p{color:#fff;}
.focus-col-text-2 a{color:#fff!important;font-size:15px;}

.focus-col-text-3{background-color: #e8b44c!important;align-items:flex-start;}
.focus-col-text-3 h3{color:#fff;font-weight:400;margin-bottom: 1rem;}
.focus-col-text-3 p{color:#fff;}
.focus-col-text-3 a{color:#fff!important;font-size:15px;}
/* Common spacing for all focus columns */
.focus-area-category{margin-top: 3rem;}


/* Wrapper spacing */
.focus-area-category{margin-bottom:40px;}

/* Text block */
.focus-col-text{height:100%;padding:15px;background:#78b944;color:#fff;display:flex;flex-direction:column;justify-content:center;}

/* Image block */
.focus-col-img{height:100%;overflow:hidden;}
.focus-col-img img{width:100%;height:100%;object-fit:cover;display:block;}
/* Mobile spacing */
@media (max-width: 991px){
.focus-col-text{padding:20px;}}


/* ===== Focus Area Layout ===== */
.focus-area-category .focus-card{height: 100%;border-radius: 0px;overflow: hidden;background: #fff;box-shadow: 0 8px 22px rgba(0,0,0,0.06);transition: transform .25s ease, box-shadow .25s ease;}
.focus-area-category .focus-card:hover{transform: translateY(-3px);box-shadow: 0 14px 34px rgba(0,0,0,0.10);}

/* Text blocks */
.focus-area-category .focus-text{padding: 20px 18px;display: flex;flex-direction: column;justify-content: center;/*min-height: 250px;*/}
.focus-area-category .focus-text h3{font-size: 20px;font-weight: 600;margin-bottom: 10px;line-height: 1.25;}
.focus-area-category .focus-text p{font-size: 15px;color: #fff;margin-bottom: 14px;}

/* Link */
.focus-area-category .focus-link{margin-top: 2px;text-decoration: none;font-weight: 700;font-size: 14px;color: #0d6efd;display: inline-flex;align-items: center;gap: 6px;}
.focus-area-category .focus-link span{transition: transform .2s ease;}
.focus-area-category .focus-link:hover span{transform: translateX(3px);}
/* Image blocks */
.focus-area-category .focus-img{height: 220px;}
.focus-area-category .focus-img img{width: 100%;/*height: 100%;*/object-fit: cover;display: block;}
/* Smaller image blocks used in row 6 */
.focus-area-category .focus-img-sm{height: 195px;}

/* Responsive adjustments */
@media (max-width: 991.98px){
.focus-area-category .focus-text,
.focus-area-category .focus-img,
.focus-area-category .focus-img-sm{height: auto;min-height: unset;}
.focus-area-category .focus-img img{height: 250px;}}


.departments-section{background-image: url("../images/dept-background.png");background-repeat: no-repeat;background-position: top center;padding-top: var(--def-padding); padding-bottom: var(--def-padding);}
.departments-section h1{color:#fff;}
.departments-section span{color:#fff;}
.departments-section h5{color:#fff;font-weight:400;margin-top: 1rem;}
/* Department column wrapper */
.dept-col{position: relative;padding: 20px 10px;border-radius: 14px;transition: all 0.35s ease;cursor: pointer;overflow: hidden;}
/* Vertical divider */
.dept-col::after{content: "";position: absolute;top: 5%;right: 0;width: 1px;height: 70%;background-color: rgba(255,255,255);}

/* Remove divider for last item in each row (DESKTOP: 5 columns) */
@media (min-width: 1200px){
.departments-section .col-lg-2:nth-child(5n) .dept-col::after{display: none;}}
/* TABLET: 3 columns per row */
@media (min-width: 768px) and (max-width: 1199px){
.departments-section .col-md-4:nth-child(3n) .dept-col::after{display: none;}}

/* MOBILE: 2 columns per row */
@media (max-width: 767px){
.departments-section .col-6:nth-child(2n) .dept-col::after{display: none;}}

/* Base card */

/* Image styling */
.dept-col img{transition: transform 0.45s ease;}
/* Title */
.dept-col h5{margin-top: 14px;font-weight: 600;transition: color 0.3s ease;}
/* Accent line (bottom) */
.dept-col::before{content: "";position: absolute;left: 50%;bottom: 10px;width: 0;height: 2px;background: linear-gradient(90deg, #8dc540, #2475b7);transition: all 0.35s ease;transform: translateX(-50%);}
/* Hover effects */
.dept-col:hover{transform: translateY(-6px);box-shadow: 0 14px 40px rgba(0,0,0,0.12);}
.dept-col:hover img{transform: scale(1.08);}
.dept-col:hover h5{color: #e8b44c;}
.dept-col:hover::before{width: 50%;}

/* ===== TOP ICON GRID (Focus Areas Icons) ===== */
.focus-col{position: relative;padding: 22px 14px;border-radius: 14px;transition: all 0.35s ease;background: #fff;cursor: pointer;}
.focus-col img{transition: transform 0.4s ease;}
.focus-col h5{transition: color 0.3s ease;}
.focus-col::before{content: "";position: absolute;left: 50%;bottom: 10px;width: 0;height: 2px;background: linear-gradient(90deg, #8dc540, #2475b7);transition: all 0.35s ease;transform: translateX(-50%);}
.focus-col:hover::before{width: 50%;}

/* Hover */
.focus-col:hover{transform: translateY(-6px)/*;box-shadow: 0 14px 36px rgba(0,0,0,0.12);*/}
.focus-col:hover img{transform: scale(1.08);}
.focus-col:hover h5{color: #e8b44c;}


/* ===== IMAGE + TEXT CARDS (Lower Section) ===== */
.focus-card{position: relative;overflow: hidden;border-radius: 16px;transition: all 0.4s ease;cursor: pointer;}
.focus-card img{transition: transform 0.45s ease;}
/* Hover */
.focus-card:hover{transform: translateY(-6px);box-shadow: 0 18px 42px rgba(0,0,0,0.14);}
.focus-card:hover img{transform: scale(1.06);}
@media (max-width: 767px){
.focus-col:active,
.focus-card:active{transform: scale(0.98);}}


.news-section{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #f7f7f7;}
/* ===== News Carousel UI ===== */

/* ===== News X (Elegant Simple Carousel) ===== */
.newsX-title{font-weight: 800;letter-spacing: .2px;}
.newsX-sub{color: #6c757d;font-size: 0.95rem;}
.newsX-nav{width: 44px;height: 44px;border-radius: 999px;border: 1px solid rgba(0,0,0,.12);background: #fff;font-size: 24px;line-height: 1;display: grid;place-items: center;transition: .2s ease;}
.newsX-nav:hover{transform: translateY(-1px);box-shadow: 0 10px 25px rgba(0,0,0,.08);}
.newsX-card{display: block;text-decoration: none;color: inherit;border-radius: 18px;overflow: hidden;background: #fff;border: 1px solid rgba(0,0,0,.08);box-shadow: 0 12px 28px rgba(0,0,0,.06);transition: .25s ease;height: 100%;}
.newsX-card:hover{transform: translateY(-4px);box-shadow: 0 16px 40px rgba(0,0,0,.10);}
.newsX-media{position: relative;aspect-ratio: 16/10;overflow: hidden;}
.newsX-media img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.02);transition: .35s ease;}
.newsX-card:hover .newsX-media img{transform: scale(1.08);}
.newsX-media::after{content:"";position:absolute;inset:0;background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 55%);pointer-events:none;}
.newsX-pill{position: absolute;left: 14px;top: 14px;z-index: 2;background: rgba(255,255,255,.92);border: 1px solid rgba(0,0,0,.08);padding: 6px 10px;border-radius: 999px;font-size: 12px;font-weight: 700;}
.newsX-body{padding: 16px 16px 18px;}
.newsX-meta{font-size: 14px;color: #6c757d;margin-bottom: 8px;}
.newsX-cardTitle{font-weight: 500;color:#7a7a7a;line-height: 1.25;font-size: 1.05rem;margin-bottom: 10px;}
.newsX-link{font-weight: 500;display: inline-flex;align-items: center;gap: 8px;color: #3ab54a;}
.newsX-link span{transition: .2s ease;}
.newsX-card:hover .newsX-link span{transform: translateX(3px);}
.newsX-dots [data-bs-target]{width: 8px;height: 8px;border-radius: 999px;background: rgba(0,0,0,.25);}
.newsX-dots .active{background: rgba(0,0,0,.7);}

.footer-section{padding-top: var(--def-padding); padding-bottom: var(--def-padding);background-color: #333;}
.footer-logo img{width:70%;}


/* ===== Modern Footer (Bootstrap 5) ===== */
.footerX{color: #cbd5e1;}
.footerX-logo{max-height:100px;width: auto;}
.footerX-title{color: #fff;font-weight: 800;letter-spacing: .2px;margin-bottom: 14px;}
.footerX-text{color: rgba(255,255,255,.70);line-height: 1.65;font-size: 0.95rem;max-width: 34ch;}
.footerX-links li{margin-bottom: 10px;}
.footerX-links a{color: rgba(255,255,255,.72);text-decoration: none;transition: .2s ease;}
.footerX-links a:hover{color: #fff;transform: translateX(2px);}
.footerX-social{width: 40px;height: 40px;border-radius: 999px;display: grid;place-items: center;text-decoration: none;color: #fff;border: 1px solid rgba(255,255,255,.14);background: rgba(255,255,255,.06);transition: .2s ease;}
.footerX-social:hover{transform: translateY(-2px);background: rgba(255,255,255,.12);box-shadow: 0 14px 30px rgba(0,0,0,.35);}
.footerX-form .input-group{border-radius: 14px;overflow: hidden;border: 1px solid rgba(255,255,255,.14);background: rgba(255,255,255,.06);}
.footerX-input{border: 0;background: transparent;color: #fff;padding: 12px 12px;}
.footerX-input::placeholder{color: rgba(255,255,255,.55);}
.footerX-input:focus{box-shadow: none;background: transparent;color: #fff;}
.footerX-btn{border: 0;font-weight: 800;padding: 12px 14px;color: #0b1220;background: #fff;}
.footerX-btn:hover{background: rgba(255,255,255,.9);}
.footerX-mini{display: flex;align-items: center;gap: 10px;color: rgba(255,255,255,.72);font-size: 0.95rem;}
.footerX-mini i{width: 26px;height: 26px;border-radius: 8px;display: grid;place-items: center;border: 1px solid rgba(255,255,255,.14);background: rgba(255,255,255,.06);}
.footerX-bottom{border-top: 1px solid rgba(255,255,255,.12);}
.footerX-bottomLink{color: rgba(255,255,255,.62);text-decoration: none;}
.footerX-bottomLink:hover{color: #fff;}
/* Mobile tweaks */
@media (max-width: 575.98px){
.footerX-text{ max-width: 100%;}}

.footer{padding-top: 1rem;background-color: #307bbb;}
.footer p{color:#fff;}
.footer a{color:#fff;}

/* Footer neat animated links */
.footerX-links li{margin-bottom: 10px;}
.footerX-link{position: relative;display: inline-flex;align-items: center;gap: 10px;color: rgba(255,255,255,.72);text-decoration: none;transition: transform .22s ease, color .22s ease;will-change: transform;padding: 2px 0;}
/* Arrow on the left */
.footerX-link::before{content: "➜";font-size: 13px;opacity: .55;transform: translateX(-6px);transition: transform .22s ease, opacity .22s ease;}
/* Underline animation */
.footerX-link::after{content:"";position:absolute;left: 22px;     /* starts after arrow */bottom: -2px;height: 2px;width: 0;background: rgba(255,255,255,.85);border-radius: 999px;transition: width .25s ease;opacity: .65;}
/* Hover effects */
.footerX-link:hover{color: #fff;transform: translateX(4px);text-shadow: 0 10px 24px rgba(0,0,0,.45);}
.footerX-link:hover::before{opacity: 1;transform: translateX(0);}
.footerX-link:hover::after{width: calc(100% - 22px);}
/* Tap-friendly on mobile */
@media (max-width: 575.98px){
.footerX-link{padding: 6px 0;}}


@media only screen and (max-width:768px){
.banner-tagline h1{font-size:40px;}
.banner-tagline h1 span{font-size:20px;}
.section-heading h1{font-size:35px;}
.section-heading span{font-size:20px;}
.focus-col h5{font-size:15px;font-weight:600;}
.padding-left-right{padding-left: 0%;padding-right: 0%;}
.departments-section{background-size: cover;}
.dept-col h5{font-weight:400;}}


@media only screen and (max-width:475px){
.dept-col h5{font-size:21px;}
.banner-tagline h1 span{font-size:15px;}
.banner-tagline h1{font-size:20px;}
.header-inner{padding: 0px 0;}
.section-heading h1{font-size:30px;}}