/* Header-only overrides: the rest of the site keeps its existing Bootstrap 3 styles. */
.mela-header{--bs-body-font-size:1rem;--bs-body-line-height:1.5;--bs-body-color:#183e49;--bs-border-width:1px;--bs-border-color:#d5e5e5;--bs-border-radius:.6rem;font-family:Arial,'Noto Sans Malayalam',sans-serif;font-size:14px;line-height:1.5;color:#183e49;margin-bottom:24px;background:#fff}
.mela-header .mela-masthead{position:relative;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#dbf2ed 0,transparent 45%),radial-gradient(ellipse at 90% 100%,#fff0d7 0,transparent 45%),#fbfdfc;border-top:4px solid #147568}
.mela-header .mela-masthead:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #14756812;border-radius:50%;top:-130px;right:22%;pointer-events:none;box-shadow:0 0 0 22px #14756806,0 0 0 44px #14756804}
.mela-header .mela-brand-row{max-width:1440px;margin:auto;display:grid;grid-template-columns:115px minmax(0,1fr) 160px;align-items:center;gap:32px;padding:28px 40px;position:relative;z-index:1}
.mela-header .mela-government{width:100px;height:100px;object-fit:contain;mix-blend-mode:multiply}
.mela-header .mela-kite{width:150px;height:90px;object-fit:contain;mix-blend-mode:multiply}
.mela-header .mela-title{text-align:center;min-width:0}
.mela-header .mela-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:2.3px;color:#568078;margin-bottom:12px}
.mela-header h1{font-family:'Noto Sans Malayalam','Manjari',sans-serif;font-size:clamp(24px,3.2vw,46px);line-height:1.55;font-weight:800;letter-spacing:-.6px;color:#125e57;margin:0 0 5px;overflow-wrap:anywhere}
.mela-header .mela-subtitle{font-size:14px;letter-spacing:.4px;font-weight:600;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}
.mela-header .mela-year{display:inline-block;background:#ffebc7;color:#81561c;padding:4px 12px;border-radius:30px;font-size:12px;white-space:nowrap}
.mela-header .mela-title p{font-size:12px;letter-spacing:1.1px;color:#63827c;margin:10px 0 0}
.mela-header .mela-navigation{background:#103f3c;margin:0;border:0;border-radius:0;padding:0;min-height:60px;box-shadow:0 5px 14px #143d3c12}
.mela-header .mela-navigation>.container-fluid{max-width:1500px;padding:0 24px;gap:16px}
.mela-header .mela-home{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:18px 12px;font-weight:700;font-size:14px;white-space:nowrap}
.mela-header .mela-home span{font-size:24px;line-height:1}
.mela-header .mela-links{width:100%;gap:3px;align-items:center;margin:0;padding:0;list-style:none;float:none}
.mela-header .mela-links>li{float:none}
.mela-header .mela-links .nav-link{display:block;font-size:12px;font-weight:500;line-height:1.5;color:#e5f0ee;padding:12px 10px;border-radius:6px;text-decoration:none;white-space:normal}
.mela-header .mela-links .nav-link:hover,.mela-header .mela-links .nav-link:focus-visible,.mela-header .mela-home:hover{background:#ffffff15;color:#fff}
.mela-header .mela-links>li:last-child{margin-left:auto}
.mela-header .mela-links .mela-login{background:#f4cf87;color:#263f38;font-weight:700;padding:10px 22px;margin:6px 0}
.mela-header a:focus-visible,.mela-header button:focus-visible{outline:3px solid #f4cf87;outline-offset:3px}
.mela-header .navbar-toggler{display:flex;align-items:center;gap:9px;font-size:13px;color:#fff;border:1px solid #ffffff50;padding:9px 12px;margin:10px 0;border-radius:6px;background:transparent;box-shadow:none}
.mela-header .mela-menu-icon{font-size:18px;line-height:1}
.mela-header .navbar-collapse{padding:0;border:0;box-shadow:none;flex-basis:100%;max-height:none}
@media(min-width:1200px){.mela-header .navbar-toggler{display:none}.mela-header .navbar-collapse{flex-basis:auto!important;display:flex!important}.mela-header .mela-links{flex-direction:row}}
@media(max-width:1199.98px){.mela-header .mela-navigation>.container-fluid{display:flex;flex-wrap:wrap}.mela-header .navbar-collapse.collapse:not(.show){display:none!important}.mela-header .navbar-collapse.show{display:block!important}.mela-header .mela-links{display:flex;flex-direction:column;align-items:stretch;padding:0 0 16px;gap:3px}.mela-header .mela-links .nav-link{font-size:14px;padding:12px 14px}.mela-header .mela-links>li:last-child{margin-left:0}.mela-header .mela-links .mela-login{text-align:center;margin-top:8px}.mela-header .mela-brand-row{padding:24px;gap:20px}}
@media(max-width:575.98px){.mela-header .mela-brand-row{grid-template-columns:1fr 1fr;padding:18px 18px 23px;gap:14px}.mela-header .mela-government{width:62px;height:66px}.mela-header .mela-kite{width:102px;height:62px;justify-self:end}.mela-header .mela-title{grid-row:2;grid-column:1/-1}.mela-header .mela-eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:8px}.mela-header h1{font-size:clamp(23px,6.3vw,34px);letter-spacing:-.5px;margin-bottom:8px}.mela-header .mela-subtitle{font-size:12px;gap:8px}.mela-header .mela-year{font-size:11px}.mela-header .mela-title p{font-size:11px}.mela-header .mela-navigation>.container-fluid{padding:0 16px}.mela-header .mela-navigation{min-height:58px}}
@media(prefers-reduced-motion:reduce){.mela-header .collapsing{transition:none}}

/* Compact masthead and navigation, including small screens. */
.mela-header{margin-bottom:16px}
.mela-header .mela-brand-row{padding:14px 40px;gap:24px}
.mela-header .mela-government{width:84px;height:80px}
.mela-header .mela-kite{width:134px;height:76px}
.mela-header .mela-eyebrow{margin-bottom:5px}
.mela-header h1{font-size:clamp(24px,2.8vw,40px);line-height:1.4;margin-bottom:3px}
.mela-header .mela-title p{margin-top:5px}
.mela-header .mela-navigation{min-height:50px}
.mela-header .mela-home{padding:13px 12px}
.mela-header .mela-links .nav-link{padding:9px 10px}
.mela-header .mela-links .mela-login{padding:8px 20px;margin:4px 0}
.mela-header .navbar-toggler{padding:7px 11px;margin:7px 0}
@media(max-width:1199.98px){
 .mela-header .mela-brand-row{padding:14px 24px;gap:16px}
 .mela-header .mela-links .nav-link{padding:11px 14px}
}
@media(max-width:575.98px){
 .mela-header .mela-brand-row{padding:10px 16px 13px;gap:6px 12px}
 .mela-header .mela-government{width:52px;height:50px}
 .mela-header .mela-kite{width:86px;height:48px}
 .mela-header .mela-eyebrow{margin-bottom:4px}
 .mela-header h1{font-size:clamp(23px,6.3vw,34px);line-height:1.4;margin-bottom:5px}
 .mela-header .mela-title p{margin-top:4px}
 .mela-header .mela-navigation{min-height:50px}
}

/* Refined branding and high-contrast, comfortable navigation. */
.mela-header .mela-masthead{background:radial-gradient(ellipse at 0% 15%,#d8eee7 0,transparent 48%),radial-gradient(ellipse at 100% 90%,#ffedcc 0,transparent 45%),linear-gradient(110deg,#f7fcfa,#fffdf6);border-top:3px solid #16806f;border-bottom:1px solid #cbded6}
.mela-header .mela-government{width:120px;height:78px;mix-blend-mode:normal;filter:drop-shadow(0 2px 2px #163d3310)}
.mela-header .mela-eyebrow{color:#3d695e;font-weight:700}
.mela-header h1{color:#0d6557;text-shadow:0 2px 0 #fff}
.mela-header .mela-year{background:#ffedc7;border:1px solid #eac887;color:#704a0c;font-weight:700}
.mela-header .mela-navigation{background:linear-gradient(100deg,#0e514a,#176b5d);border-bottom:3px solid #dfb86c;box-shadow:0 4px 12px #164b3b1a}
.mela-header .mela-navigation>.container-fluid{gap:12px}
.mela-header .mela-home{background:#ffffff14;border:1px solid #ffffff28;border-radius:7px;padding:8px 12px;margin:7px 0;min-height:40px}
.mela-header .mela-links{gap:4px}
.mela-header .mela-links .nav-link{color:#fff;font-size:13px;font-weight:600;padding:10px 11px;min-height:40px;display:flex;align-items:center;transition:background-color .15s,color .15s}
.mela-header .mela-links .nav-link:hover,.mela-header .mela-links .nav-link:focus-visible,.mela-header .mela-home:hover{background:#e6f3ec;color:#114e41}
.mela-header .mela-links .mela-login{justify-content:center;background:#ffe0a0;border:1px solid #f7cf7c;color:#294331;box-shadow:0 2px 5px #082f3420;padding:8px 20px}
.mela-header .mela-links .mela-login:hover{background:#ffedc7;color:#173e31}
.mela-header .navbar-toggler{min-height:42px;background:#ffffff14;border-color:#ffffff70;font-weight:700;font-size:14px}
@media(min-width:1200px) and (max-width:1399.98px){.mela-header .mela-navigation>.container-fluid{padding:0 16px;gap:8px}.mela-header .mela-links .nav-link{font-size:12px;padding:10px 8px}}
@media(max-width:1199.98px){.mela-header .mela-links{gap:6px;padding-top:5px}.mela-header .mela-links .nav-link{font-size:14px;min-height:46px;padding:11px 14px;background:#ffffff09;border:1px solid #ffffff16}.mela-header .mela-links .nav-link:hover{background:#e6f3ec}.mela-header .mela-links .mela-login{background:#ffe0a0;border-color:#f7cf7c}}
@media(max-width:575.98px){.mela-header .mela-government{width:79px;height:51px}.mela-header .mela-home{margin:6px 0}.mela-header .mela-navigation>.container-fluid{gap:8px}}
@media(prefers-reduced-motion:reduce){.mela-header .mela-links .nav-link{transition:none}}

/* Two balanced language sections between the official logos. */
.mela-header .mela-bilingual{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:22px}
.mela-header .mela-language{min-width:0;padding:2px 0}
.mela-header .mela-malayalam{padding-right:22px;border-right:1px solid #b8d4c8}
.mela-header .mela-bilingual .mela-eyebrow{font-size:9px;letter-spacing:1px;line-height:1.7;margin-bottom:5px}
.mela-header .mela-bilingual h1{font-size:clamp(23px,2.3vw,34px);line-height:1.5;margin:0 0 5px}
.mela-header .mela-english h2{font-family:Arial,sans-serif;font-size:clamp(21px,2vw,29px);font-weight:700;line-height:1.15;letter-spacing:-.6px;color:#174d44;margin:0}
.mela-header .mela-english h2 span{color:#0d7562}
.mela-header .mela-bilingual .mela-year{padding:2px 10px;font-size:11px}
.mela-header .mela-bilingual p{font-size:11px;margin:7px 0 0;letter-spacing:.8px}
@media(max-width:767.98px){
 .mela-header .mela-bilingual{grid-template-columns:1fr;gap:10px}
 .mela-header .mela-malayalam{padding:0 0 10px;border-right:0;border-bottom:1px solid #c5dbcf}
 .mela-header .mela-bilingual h1{font-size:clamp(23px,5vw,32px)}
 .mela-header .mela-english h2{font-size:21px;line-height:1.3}
 .mela-header .mela-english h2 br{display:none}
 .mela-header .mela-english h2 span:before{content:' '}
 .mela-header .mela-bilingual .mela-eyebrow{font-size:8px;letter-spacing:.6px;margin-bottom:3px}
 .mela-header .mela-bilingual p{margin-top:4px;font-size:10px}
}

/* Compact Malayalam-only title on mobile. */
@media(max-width:767.98px){
 .mela-header .mela-english{display:none}
 .mela-header .mela-bilingual{grid-template-columns:1fr;gap:0}
 .mela-header .mela-malayalam{padding:0;border:0}
 .mela-header .mela-bilingual h1{line-height:1.25;margin:2px 0 4px}
 .mela-header .mela-bilingual .mela-eyebrow{line-height:1.3;margin-bottom:2px}
 .mela-header .mela-bilingual .mela-year{line-height:1.2;padding:2px 9px}
}

/* Lightweight decorative pattern, rendered locally with CSS. */
.mela-header .mela-masthead:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#287e6226 1px,transparent 1.5px),repeating-linear-gradient(135deg,transparent 0,transparent 39px,#3b8c6c09 39px,#3b8c6c09 40px);background-size:18px 18px,auto;mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000);-webkit-mask-image:linear-gradient(90deg,#000,transparent 35%,transparent 65%,#000)}
.mela-header .mela-links .mela-login{gap:9px;background:linear-gradient(135deg,#fff0c6,#f3c66e);border-color:#ffdfa0;border-radius:8px;box-shadow:0 3px 8px #062d3833,inset 0 1px 0 #ffffffb3;font-weight:700;white-space:nowrap}
.mela-header .mela-login-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:27px;height:27px;border-radius:50%;background:#174d4410}
.mela-header .mela-links .mela-login:hover,.mela-header .mela-links .mela-login:focus-visible{background:linear-gradient(135deg,#fff7df,#ffda8d);color:#173e31;box-shadow:0 4px 12px #062d3840,inset 0 1px 0 #fff}
@media(min-width:1200px){
 .mela-header .mela-links{gap:8px}
 .mela-header .mela-links>li{position:relative}
 .mela-header .mela-links>li+li:before{content:'';position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:1px;height:18px;background:#ffffff38;pointer-events:none}
 .mela-header .mela-links>li:last-child:before{display:none}
 .mela-header .mela-links>li:last-child{padding-left:6px}
 .mela-header .mela-links .mela-login{padding:6px 14px}
}
@media(max-width:1199.98px){
 .mela-header .mela-links{gap:8px}
 .mela-header .mela-links>li+li{padding-top:6px;border-top:1px solid #ffffff20}
 .mela-header .mela-links>li:last-child{padding-top:8px}
 .mela-header .mela-links .mela-login{background:linear-gradient(135deg,#fff0c6,#f3c66e)}
}

/* More visible navigation separators. */
@media(min-width:1200px){
 .mela-header .mela-links>li+li:before{width:2px;height:24px;background:#f4d59c99;border-radius:2px}
}
@media(max-width:1199.98px){
 .mela-header .mela-links>li+li{border-top-color:#f4d59c80}
}

/* Balance the login icon and label with equal horizontal padding. */
.mela-header .mela-links .mela-login{padding-left:16px;padding-right:16px;justify-content:center;gap:8px}
.mela-header .mela-login-icon{width:20px;height:20px;background:transparent;border-radius:0}

/* Minimal masthead height with readable branding. */
.mela-header{margin-bottom:10px}
.mela-header .mela-brand-row{padding:7px 24px;gap:16px}
.mela-header .mela-government{width:106px;height:68px}
.mela-header .mela-kite{width:116px;height:64px}
.mela-header .mela-bilingual{gap:16px}
.mela-header .mela-language{padding-top:0;padding-bottom:0}
.mela-header .mela-bilingual .mela-eyebrow{line-height:1.3;margin-bottom:2px}
.mela-header .mela-bilingual h1{font-size:clamp(23px,2vw,30px);line-height:1.25;margin:0 0 3px}
.mela-header .mela-english h2{font-size:clamp(20px,1.8vw,26px);line-height:1.08}
.mela-header .mela-bilingual p{margin-top:3px;line-height:1.2}
.mela-header .mela-bilingual .mela-year{padding:1px 8px;line-height:1.2}
@media(max-width:767.98px){
 .mela-header .mela-brand-row{grid-template-columns:76px minmax(0,1fr) 76px;padding:7px 12px;gap:8px}
 .mela-header .mela-government{width:76px;height:50px}
 .mela-header .mela-kite{width:76px;height:50px;justify-self:end}
 .mela-header .mela-title{grid-column:auto;grid-row:auto}
 .mela-header .mela-bilingual{display:block}
 .mela-header .mela-malayalam{padding:0;border:0}
 .mela-header .mela-bilingual h1{font-size:clamp(17px,3.5vw,25px);line-height:1.25;margin:0 0 2px;letter-spacing:-.4px}
 .mela-header .mela-bilingual .mela-eyebrow{font-size:7px;letter-spacing:0;line-height:1.3;margin-bottom:2px}
 .mela-header .mela-bilingual .mela-year{font-size:9px}
}
@media(max-width:374.98px){
 .mela-header .mela-brand-row{grid-template-columns:54px minmax(0,1fr) 56px;padding:6px 8px;gap:6px}
 .mela-header .mela-government{width:54px;height:40px}
 .mela-header .mela-kite{width:56px;height:40px}
}

/* Login dialog: scoped to preserve other legacy modals and forms. */
#popUpWindow .modal-dialog{width:420px;max-width:calc(100% - 32px);margin:8vh auto 24px}
#popUpWindow .modal-content{border:1px solid #dce8e2;border-radius:16px;overflow:hidden;box-shadow:0 24px 75px #092e3545;background:#fff}
#popUpWindow .modal-header{position:relative;padding:26px 28px 22px;border:0;background:radial-gradient(circle at top right,#f9e8c580,transparent 65%),#f0f8f4}
#popUpWindow .close{position:absolute;right:14px;top:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffffb3;color:#31584b;opacity:1;text-shadow:none;font-size:24px;font-weight:400;float:none}
#popUpWindow .close:hover{background:#dcece3}
#popUpWindow .mela-modal-mark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#176b5d;color:#fff;margin-bottom:16px;box-shadow:0 4px 10px #176b5d20}
#popUpWindow .mela-modal-eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:1.3px;color:#57786b;margin-bottom:7px}
#popUpWindow .modal-title{font-size:26px;font-weight:700;line-height:1.2;color:#163f35;margin:0 0 8px}
#popUpWindow .modal-header p{font-size:13px;color:#647b71;margin:0;line-height:1.5}
#popUpWindow .modal-body{padding:24px 28px 0}
#popUpWindow .form-group{margin-bottom:18px}
#popUpWindow label{font-size:13px;font-weight:600;color:#294b40;margin-bottom:7px}
#popUpWindow .form-control{width:100%;height:46px;padding:11px 13px;font-size:15px;line-height:1.4;border:1px solid #cdded4;border-radius:8px;background:#fbfdfb;color:#193c31;box-shadow:none}
#popUpWindow .form-control:focus{border-color:#20836c;box-shadow:0 0 0 3px #20836c19;background:#fff;outline:none}
#popUpWindow .modal-footer{padding:2px 28px 28px;border:0}
#popUpWindow .mela-modal-submit{min-height:46px;background:linear-gradient(110deg,#115548,#1a7963);border:1px solid #145b4b;border-radius:8px;font-size:15px;font-weight:700;letter-spacing:.2px;box-shadow:0 4px 10px #145b4b20}
#popUpWindow .mela-modal-submit:hover{background:#104d40}
#popUpWindow .mela-modal-submit:focus-visible,#popUpWindow .close:focus-visible{outline:3px solid #d5a44b;outline-offset:3px}
@media(max-width:575.98px){#popUpWindow .modal-dialog{margin:24px auto;max-width:calc(100% - 24px)}#popUpWindow .modal-header{padding:22px}#popUpWindow .modal-body{padding:22px 22px 0}#popUpWindow .modal-footer{padding:2px 22px 22px}#popUpWindow .modal-title{font-size:24px}}

/* Align the welcome copy beside the lock and show the event identity below. */
#popUpWindow .mela-modal-heading-row{display:flex;align-items:center;gap:14px;padding-right:16px}
#popUpWindow .mela-modal-mark{flex:0 0 44px;margin:0}
#popUpWindow .mela-modal-heading-text{min-width:0}
#popUpWindow .mela-modal-eyebrow{font-size:8px;letter-spacing:.8px;line-height:1.5;margin-bottom:4px;overflow-wrap:anywhere}
#popUpWindow .modal-title{font-size:24px;margin-bottom:5px}
#popUpWindow .modal-header p{font-size:12px}
#popUpWindow .mela-modal-event{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px 12px;border-top:1px solid #d2e3d8;padding-top:13px;margin-top:17px;color:#155c4d;text-align:center}
#popUpWindow .mela-modal-event span{font-size:16px;font-weight:600;line-height:1.5}
#popUpWindow .mela-modal-event strong{font-size:12px;line-height:1.4;white-space:nowrap;padding:3px 10px;border-radius:20px;background:#ffedc7;color:#704a0c}
@media(max-width:374.98px){#popUpWindow .mela-modal-heading-row{gap:10px}#popUpWindow .modal-title{font-size:21px}#popUpWindow .mela-modal-event span{font-size:14px}}

/* Calm login card with clear field cues and a single primary action. */
#popUpWindow .modal-content{border-color:#e1ebe5;box-shadow:0 22px 80px #092e3540}
#popUpWindow .modal-header{border-bottom:1px solid #e4eee7;background:radial-gradient(ellipse at top right,#fff0d5,transparent 75%),linear-gradient(120deg,#ecf7f1,#fafdfb)}
#popUpWindow .mela-modal-mark{background:linear-gradient(135deg,#147664,#105446);border:1px solid #ffffff70;box-shadow:0 4px 12px #176b5d26}
#popUpWindow .mela-input-wrap{position:relative}
#popUpWindow .mela-field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:#628375;pointer-events:none}
#popUpWindow .mela-input-wrap .form-control{padding-left:43px;height:48px;border-color:#d3e2da;background:#f8fbf9;border-radius:9px}
#popUpWindow .mela-input-wrap:focus-within .mela-field-icon{color:#147664}
#popUpWindow .mela-input-wrap .form-control:focus{background:#fff;border-color:#20836c}
#popUpWindow .mela-modal-submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:9px;transition:background-color .15s,box-shadow .15s}
#popUpWindow .mela-modal-submit svg{flex-shrink:0}
#popUpWindow .mela-modal-submit:hover{box-shadow:0 5px 16px #145b4b35}
@media(prefers-reduced-motion:reduce){#popUpWindow .mela-modal-submit{transition:none}}

/* Full-width highlights with gentle crossfade and swipe controls. */
.mela-header{margin-bottom:0}
.mela-slider{position:relative;width:100%;margin:0 0 22px;overflow:hidden;background:#eaf4ee;touch-action:pan-y;font-family:Arial,sans-serif}
.mela-slides{position:relative;min-height:280px}
.mela-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px max(6%,20px) 60px;opacity:0;visibility:hidden;transform:scale(0.985);transition:opacity .8s ease,visibility .8s ease,transform .8s cubic-bezier(0.16,1,0.3,1);pointer-events:none}
.mela-slide-1{background:linear-gradient(100deg,rgba(244,250,246,0.72) 0%,rgba(235,246,239,0.42) 50%,rgba(255,255,255,0.12) 100%),url('../../img/slider/slide1_science_fair.jpg') center/cover no-repeat}
.mela-slide-2{background:linear-gradient(100deg,rgba(254,250,240,0.72) 0%,rgba(252,243,224,0.42) 50%,rgba(255,255,255,0.12) 100%),url('../../img/slider/slide3_student_project.jpg') center/cover no-repeat}
.mela-slide-3{background:linear-gradient(100deg,rgba(240,248,252,0.72) 0%,rgba(228,242,248,0.42) 50%,rgba(255,255,255,0.12) 100%),url('../../img/slider/slide2_innovation.jpg') center/cover no-repeat}
.mela-slide-4{background:linear-gradient(100deg,rgba(246,244,252,0.72) 0%,rgba(238,234,248,0.42) 50%,rgba(255,255,255,0.12) 100%),url('../../img/slider/slide4_sasthrolsavam.jpg') center/cover no-repeat}
.mela-slide.is-active{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}
.mela-slide-copy{max-width:540px;flex:1;min-width:0;background:rgba(255,255,255,0.42);backdrop-filter:blur(5px);padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,0.6);box-shadow:0 3px 12px rgba(0,0,0,0.04)}
.mela-slide-logo-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:14px;padding:8px 10px;box-shadow:0 4px 16px rgba(18,60,48,0.12),0 1px 3px rgba(0,0,0,0.06);border:1px solid rgba(255,255,255,0.95);transition:transform .3s ease}
.mela-slide:hover .mela-slide-logo-wrap{transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,60,48,0.16)}
.mela-slide-logo{width:auto;height:148px;max-width:125px;object-fit:contain;display:block}
.mela-slide-label{display:inline-block;background:rgba(255,255,255,0.85);padding:2px 8px;border-radius:12px;color:#185442;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;margin-bottom:8px;box-shadow:0 1px 3px rgba(0,0,0,0.06)}
.mela-slide h2{font-size:clamp(22px,2.5vw,36px);font-weight:800;line-height:1.15;color:#0e382b;margin:0 0 8px;letter-spacing:-1px;text-shadow:0 1px 2px rgba(255,255,255,0.9),0 0 14px rgba(255,255,255,0.8)}
.mela-slide p{font-size:14px;line-height:1.5;color:#1e4435;margin:0;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,0.85)}
.mela-slide-photo-frame{position:relative;flex-shrink:0;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(22,78,65,0.16),0 2px 6px rgba(0,0,0,0.08);border:3px solid rgba(255,255,255,0.95);background:#ffffff;transition:transform .4s cubic-bezier(0.16,1,0.3,1),box-shadow .4s ease}
.mela-slide:hover .mela-slide-photo-frame{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 28px rgba(22,78,65,0.22)}
.mela-slide-photo{display:block;width:clamp(140px,20vw,240px);height:158px;object-fit:cover}
.mela-slide-photo-badge{position:absolute;bottom:8px;right:8px;background:rgba(18,67,53,0.9);color:#ffffff;font-size:10px;font-weight:700;letter-spacing:.6px;padding:3px 8px;border-radius:10px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.35);box-shadow:0 2px 6px rgba(0,0,0,0.25);text-transform:uppercase}
.mela-slider-controls{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:4px 8px;border:1px solid #c8dcd0;border-radius:30px;background:#ffffffd9}
.mela-slider-controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#195c4a;font-size:24px;line-height:1;cursor:pointer}
.mela-slider-controls button:hover{background:#deeee4}
.mela-slide-dots{display:flex;gap:2px}
.mela-slide-dots button{width:24px;height:32px;font-size:0}
.mela-slide-dots button:after{content:'';width:7px;height:7px;border-radius:50%;background:#a7c2b4}
.mela-slide-dots button[aria-current=true]:after{background:#176b5d;width:18px;border-radius:8px}
.mela-slider-controls .mela-slide-pause{font-size:14px;border-left:1px solid #d5e3db;border-radius:0}
.mela-slider button:focus-visible,.mela-slider:focus-visible{outline:3px solid #b38635;outline-offset:2px}
@media(max-width:575.98px){.mela-slides{min-height:245px}.mela-slide{padding:14px 12px 58px;gap:8px}.mela-slide-logo-wrap{padding:4px 6px;border-radius:10px}.mela-slide-logo{height:64px;max-width:52px}.mela-slide-copy{flex:1;min-width:0;padding:6px 8px;border-radius:8px}.mela-slide h2{font-size:16px;letter-spacing:-.4px;margin-bottom:3px;line-height:1.2}.mela-slide-label{font-size:8px;letter-spacing:0.8px;margin-bottom:3px}.mela-slide p{font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mela-slide-photo-frame{border-radius:10px;border-width:2px}.mela-slide-photo{width:70px;height:75px}.mela-slide-photo-badge{display:none}.mela-slide img:not(.mela-slide-logo),.mela-slide-illustration{width:65px;height:75px}.mela-slider{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.mela-slide{transition:none}}

/* Keep both event and government identities together in one compact row. */
.mela-header .mela-brand-row{grid-template-columns:198px minmax(0,1fr) 116px;gap:16px}
.mela-header .mela-official-logos{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;min-width:0;direction:ltr}
.mela-header .mela-official-logos .mela-government{width:106px;height:68px;flex-shrink:0}
.mela-header .mela-event-logo{display:block;width:72px;height:84px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:6px;padding:1px}
.mela-header .mela-bilingual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.mela-header .mela-malayalam{border-right:1px solid #b8d4c8;padding-right:16px}
.mela-header .mela-partner-logos{display:flex;align-items:center;justify-content:flex-end;min-width:0}
@media(max-width:767.98px){
 .mela-header .mela-brand-row{grid-template-columns:108px minmax(0,1fr) 56px;gap:6px;padding:6px 8px}
 .mela-header .mela-official-logos{gap:6px}
 .mela-header .mela-official-logos .mela-government{width:56px;height:46px}
 .mela-header .mela-event-logo{width:46px;height:58px;padding:1px;border-radius:4px}
 .mela-header .mela-bilingual{display:block;min-width:0}
 .mela-header .mela-malayalam{border:0;padding:0}
 .mela-header .mela-partner-logos .mela-kite{width:56px;height:42px}
 .mela-header .mela-bilingual h1{font-size:clamp(14px,3.3vw,24px);line-height:1.2;overflow-wrap:anywhere}
}
@media(max-width:374.98px){
 .mela-header .mela-brand-row{grid-template-columns:82px minmax(0,1fr) 42px;gap:4px;padding:5px 6px}
 .mela-header .mela-official-logos{gap:4px}
 .mela-header .mela-official-logos .mela-government{width:42px;height:38px}
 .mela-header .mela-event-logo{width:36px;height:48px}
 .mela-header .mela-partner-logos .mela-kite{width:42px;height:36px}
}