/* @import url('./index_style_explore-ssm.css'); */
/* =====================================================
1. VARIABLES & RESET
===================================================== */:root{--primary-white:#ffffff;--secondary-text:#777777;--footer-text:#707070;--border-color:#e0e0e0;--bg-footer:#f3f3f3;--transition:all 0.3s ease;--text-main:#333c4d;--text-muted:#363746;--accent-red:#fa314a;}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif;scroll-behavior:smooth;}
body{line-height:1.6;font-family:"Poppins",sans-serif;scroll-behavior:smooth;}
a{text-decoration:none;color:inherit;}
/* =====================================================
3. HERO SECTION
===================================================== */
.hero-section{display:flex;justify-content:center;align-items:center;background:transparent linear-gradient(140deg,#F5FFFF 0%,#D1E6FF 100%) 0% 0% no-repeat padding-box;padding:3.5rem 1.25rem 3rem;text-align:center;color:#000000}
/* CONTENT */
.hero-section .hero-content{max-width:900px;width:100%;}
.hero-section .hero-content .logo{pointer-events:none;user-select:none;height:50px;}
/* TITLE */
.hero-section .hero-content .hero-title{font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1.2;margin-bottom:1rem;padding-top:100px;color:#102663;}
/* DESCRIPTION */
.hero-section .hero-content .hero-description{margin:0 auto 2rem;max-width:700px;font-size:clamp(1rem,2.2vw,1.2rem);color:#102663;}
/* BUTTON */
.hero-section .cta-btn{display:inline-flex;align-items:center;gap:10px;padding:1rem 2rem;border-radius:50px;font-size:18px;background:transparent linear-gradient(142deg,#00A7CF 0%,#1F6FF8 100%) 0% 0% no-repeat padding-box;box-shadow:0px 3px 17px #98EAFF;border-radius:31px;color:#ffffff;text-decoration:none;font-weight:500;}
.hero-section .cta-btn:hover{background:transparent linear-gradient(142deg,#00A7CF 30%,#1F6FF8 100%) 0% 0% no-repeat padding-box;box-shadow:0px 3px 17px #8de3f8;}
.hero-section .author_name{display:block;font-size:15px;margin-top:45px;color:#4d4d4d;}
.hero-section .author_name b{color:#000000;}
.hero-section .author_name span{font-size:18px;color:#696969;font-weight:400;display:block;margin-top:8px;}
/* =====================================================
RESEARCH SECTION
===================================================== */
.research-container{max-width:1200px;margin:0 auto;padding:3rem 1rem;position:relative;}
/* 1. THE BASE STATE (When it's hidden / Sliding UP) */
.secondary_navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;width:100%;top:0;z-index:1000;background:rgba(255,255,255,0.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgb(76 76 76 / 30%);opacity:1;pointer-events:none;transform:translateY(-100%);transition:transform 1s cubic-bezier(0.16,1,0.3,1);will-change:transform;}
.secondary_navbar.show{box-shadow:0 4px 30px rgba(0,0,0,0.1);opacity:1;pointer-events:auto;transform:translateY(0);transition:transform 0.2s cubic-bezier(0.16,1,0.3,1),}
.secondary_navbar .nav_container{max-width:1300px;width:100%;margin:0 auto;padding:1rem 1rem;display:flex;justify-content:space-between;align-items:center;}
.secondary_navbar .nav_container .logo{height:40px;pointer-events:none;user-select:none;}
.secondary_navbar .cta-btn{display:inline-flex;align-items:center;gap:10px;padding:0.7rem 2rem;border-radius:50px;font-size:16px;background:transparent linear-gradient(142deg,#00A7CF 0%,#1F6FF8 100%) 0% 0% no-repeat padding-box;    /* box-shadow: 0px 3px 17px #98EAFF; */color:#f3f3f3;text-decoration:none;font-weight:500;}
.secondary_navbar .cta-btn:hover{background:transparent linear-gradient(142deg,#00A7CF 30%,#1F6FF8 100%) 0% 0% no-repeat padding-box;}
.secondary_navbar .button_container{display:flex;align-items:center;gap:35px;}
.hamburger{display:none;cursor:pointer;}
.bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background-color:#333;    /* Dark color for bars */border-radius:2px;}
/* MOBILE MEDIA QUERY */
@media (max-width:768px){
.hamburger{display:block;        /* Show hamburger on mobile */z-index:1001;}
.hamburger.active .bar:nth-child(2){opacity:0;}
.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg);}
.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
.secondary_navbar .button_container{position:fixed;left:-100%;        /* Hide off-screen initially */top:70px;        /* Push down below the navbar height */flex-direction:column;background-color:#fff;        /* Solid background for legibility */width:100%;text-align:center;transition:0.3s;box-shadow:0 10px 27px rgba(0,0,0,0.05);padding:2rem 0;gap:20px;border-bottom:1px solid #eee;}
.secondary_navbar .button_container.active{left:0;        /* Slide in */}
/* Optional: Adjust link spacing for mobile */
.secondary_navbar .btn-links{font-size:18px;color:#333;text-decoration:none;margin:10px 0;display:block;}
}
.research-container .section-title{font-size:28px;font-weight:600;color:var(--text-main);margin-bottom:30px;}
.research-container .paper-card{display:flex;align-items:center;background:transparent linear-gradient(138deg,#f5fdff 0%,#faf9ff 100%) 0% 0% no-repeat padding-box;border:1px solid #d7e4ee;border-radius:9px;margin-bottom:24px;overflow:hidden;min-height:135px;opacity:0;transition:all 0.5s ease;}
/* .research-container .paper-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
border-color: #98bbdd;
background: transparent linear-gradient(138deg, #ebf8fc 0%, #e7e4f7 100%) 0% 0% no-repeat padding-box;
}
.research-container .paper-card:hover .paper-number {
border-color: #98bbdd;
color: #a8cbe6;
-webkit-text-stroke: 1px #5c7d9e;
background: transparent linear-gradient(138deg, #def8ff 0%, #ebe7ff 100%) 0% 0% no-repeat padding-box;
} */
.research-container .paper-card.is-visible{opacity:1;transform:translateY(0);}
/* PAPER NUMBER */
.research-container .paper-number{font-size:60px;font-weight:800;align-self:stretch;font-style:italic;user-select:none;color:#d1e3f8;background:transparent linear-gradient(176deg,#e5faff 0%,#f5f3fe 100%) 0% 0% no-repeat padding-box;border-right:1px solid #d7e4ee;display:flex;align-items:center;justify-content:center;min-width:120px;max-width:100%;text-align:center;padding:0 10px;-webkit-text-fill-color:rgba(255,255,255,0);-webkit-text-stroke:1px #769bb8;}
/* PAPER CONTENT */
.research-container .paper-content{flex-grow:1;margin:25px 20px;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:1px;    /* min-height: 110px; */text-decoration:none;}
.research-container .paper-content h3:hover{color:#3B699C;}
.research-container .read_more{font-size:14px;padding-top:5px;color:#013b9f;display:flex;align-items:center;gap:0px;height:fit-content;transition:all 0.3s ease;display:none;}
.research-container .paper-content .read_more:hover{color:#1f6ff8;gap:4px;transition:all 0.3s ease;}
.research-container .paper-title{font-size:18px;font-weight:600;color:#363746;margin-bottom:5px;}
.research-container .paper-description{font-size:14px;font-weight:400;color:#6d6d6d;line-height:1.4;}
/* 
.research-container .paper-description:hover {
color: #576f8e;
} */
.research-container .paper-meta{font-size:16px;color:#737485;font-style:italic;}
.paper-container{display:flex;justify-content:space-between;align-items:center;width:100%;}
/* PAPER ACTIONS */
.research-container .paper-actions{padding:20px 30px;}
.research-container .download-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:230px;padding:8px;background:#ffffff;border:1px solid #cbd5e0;border-radius:6px;text-decoration:none;color:var(--text-muted);font-size:16px;font-weight:400;transition:all 0.2s;}
.research-container .download-btn img{width:18px;height:18px;}
.research-container .download-btn:hover{border-color:var(--accent-red);color:var(--accent-red);}
section.research-container{max-width:1400px;}
.secondary_navbar .nav_container{max-width:1400px;}
.paper-actions{display:flex;align-items:center;gap:20px;}
.html-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:200px;padding:8px;background:#edf8ff;border:1px solid #97d7ff;color:#0071bc;border-radius:6px;text-decoration:none;font-size:16px;font-weight:400;transition:all 0.2s;}
.html-link-btn:hover{border:1px solid #0071bc;}
.research-container .zenodo-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:210px;padding:8px;background:#ffffff;border:1px solid #6eaad3;border-radius:6px;text-decoration:none;color:var(--text-muted);font-size:16px;font-weight:400;transition:all 0.2s;}
.research-container .zenodo-link-btn:hover{background-color:#e7f5ff;color:#00395f;border:1px solid #00395f;}
/* =====================================================
SCROLL TO TOP
===================================================== */
#progress-scroll{position:fixed;bottom:20px;right:40px;height:50px;width:50px;display:grid;place-items:center;border-radius:50%;cursor:pointer;z-index:100;background:conic-gradient(#00252E 0%,#00252E 100%);opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;}
/* Slide up when visible */
#progress-scroll.show{opacity:1;visibility:visible;transform:translateY(0);}
#progress-value{display:flex;align-items:center;justify-content:center;height:calc(100% - 4px);width:calc(100% - 4px);background-color:#ffffff;border-radius:50%;font-size:20px;color:#00252E;}
/* =====================================================
FOOTER
===================================================== */
footer{text-align:center;padding:1rem;background:var(--bg-footer);color:var(--footer-text);font-size:0.9rem;}
.fade-up,
.research-container .paper-card{opacity:1;    /* transform: translate3d(0, 20px, 0);
transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
will-change: transform, opacity; */}
.fade-up.is-visible,
.research-container .paper-card.is-visible{opacity:1;transform:translate3d(0,0,0);}
/* =====================================================
RESPONSIVE
===================================================== */
@media (max-width:768px){
.hero-section{min-height:fit-content;padding-top:3rem;}
.hero-section .hero-content .hero-title{font-size:clamp(1.8rem,6vw,2.5rem);padding-top:45px;line-height:1.6;}
.hero-section .cta-btn{padding:0.75rem 1.6rem;}
.secondary_navbar .nav_container{padding:0.6rem 1rem;}
.secondary_navbar .logo{height:34px;}
.secondary_navbar .cta-btn{padding:0.55rem 1.2rem;font-size:14px;}
/* .research-container .download-btn {
width: 100%;
} */
.research-container .section-title{font-size:28px;text-align:center;margin-top:20px;}
.research-container{padding:1rem;}
.research-container .paper-card{flex-wrap:wrap;}
.research-container .paper-content{justify-content:flex-start;min-height:80px;padding:0px;}
.research-container .paper-description{font-size:15px;color:#818186;}
.research-container .paper-number{background:none;border-right:none;font-size:55px;padding:5px 20px;text-align:left;justify-content:flex-start;}
.research-container .paper-card:hover .paper-number{background:none;}
.research-container .paper-actions{width:100%;padding:14px;justify-content:space-between;flex-direction:column;}
#progress-scroll{right:20px;height:40px;width:40px;}
}
@media (max-width:1024px){
.research-container .paper-actions{padding:20px;flex-direction:row;}
.research-container .paper-actions .html-link-btn,
.research-container .paper-actions .download-btn{width:100%;        /* margin-bottom: 10px; */}
.secondary_navbar .nav_container{padding:0.75rem 1rem;}
.paper-card{flex-direction:column;align-items:flex-start!important;justify-content:center;}
.paper-card .paper-number{background:none;justify-content:flex-start;padding:0 20px;}
.secondary_navbar .cta-btn{padding:0.6rem 1.5rem;font-size:15px;}
}
@media (max-width:480px){
.secondary_navbar .nav_container{flex-direction:column;gap:1.2rem;padding:0.75rem 1rem;}
.secondary_navbar .logo{height:30px;}
.secondary_navbar .cta-btn{width:230px;justify-content:center;padding:0.45rem 1rem;font-size:14px;}
}
@media (max-width:730px){
.research-container .paper-actions{flex-direction:column;}
.research-container .paper-actions .html-link-btn{width:100%;}
.research-container .paper-actions .download-btn{width:100%;}
.research-container .paper-actions .zenodo-link-btn{width:100%;}
}
@media (max-width:1350px){
.paper-container{flex-direction:column;gap:10px;align-items:flex-start;}
.research-container .paper-actions{padding:0px 20px 20px;}
}
#ssm-grant-portal{    /* Palette: Deep Teal, Gold, Off-White, Dark Grey */
--ssm-bg:#f7fbfd;    /* Warm academic paper */--ssm-surface:#ffffff;    /* Pure white cards */--ssm-primary:#0f305c;    /* Deep Teal */--ssm-accent:#377bd4;    /* Blue Accent (per your hex code) */--ssm-text-main:#2c3e50;    /* Dark Slate */--ssm-text-light:#5f6c7b;    /* Muted Grey */--ssm-border:#dfe4ec;background-color:var(--ssm-bg);color:var(--ssm-text-main);font-family:var(--font-sans);line-height:1.6;width:100%;max-width:100%;margin:0;box-sizing:border-box;}
/* Reset box-sizing inside the wrapper */
#ssm-grant-portal *,
#ssm-grant-portal *::before,
#ssm-grant-portal *::after{box-sizing:inherit;}
/* 2. Global Typography & Layout */
#ssm-grant-portal .ssm-container{max-width:1400px;margin:0 auto;padding:0 20px;}
#ssm-grant-portal section{padding:5rem 0 1.5rem;border-bottom:1px solid rgba(0,0,0,0.05);}
#ssm-grant-portal h2{font-family:var(--font-serif);color:var(--ssm-primary);font-size:2.5rem;margin-bottom:2rem;font-weight:600;position:relative;display:inline-block;}
#ssm-grant-portal h3{font-family:var(--font-serif);color:var(--ssm-primary);font-size:1.5rem;    /* margin-bottom: 0.5rem; */font-weight:600;}
#ssm-grant-portal .before-topic-list-body-outlet{color:var(--ssm-text-main);margin-bottom:0.5rem;min-height:20px;    /* display: flex; */align-items:flex-start;}
#ssm-grant-portal .before-topic-list-body-outlet strong{color:#3644a7;font-weight:600;padding-right:5px;}
#ssm-grant-portal ul{list-style:none;padding:0;margin:0;}
/* 3. Section: Sponsorship (Cards with Top Borders) */
#ssm-grant-portal .intro-block{max-width:900px;font-size:1.1rem;text-align:center;margin:10px auto;padding-bottom:3rem;}
#ssm-grant-portal .three-col-grid{display:grid;grid-template-columns:1fr;gap:3rem;}
#ssm-grant-portal .research-card{background:var(--ssm-surface);padding:2.5rem;box-shadow:0 4px 6px rgba(0,0,0,0.05);border-top:4px solid var(--ssm-accent);transition:transform 0.2s ease;height:100%;    /* Ensure equal height */}
#ssm-grant-portal .research-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,0.08);}
#ssm-grant-portal .research-card strong{display:block;color:var(--ssm-primary);font-size:1.1rem;margin-bottom:0.5rem;}
/* 4. Section: RFP (Horizontal Layouts) */
#ssm-grant-portal .rfp-header-group{display:flex;justify-content:center;    /* align-items: flex-end; */gap:0;flex-direction:column;margin-bottom:3rem;text-align:center;    /* padding-bottom: 1rem; */}
#ssm-grant-portal .rfp-header-group h2{margin-bottom:1rem;}
#ssm-grant-portal .year-tag{background-color:var(--ssm-primary);color:white;padding:5px 15px;font-weight:bold;font-size:0.8rem;letter-spacing:1px;}
.track-item-container{display:flex;align-items:center;gap:20px;}
#ssm-grant-portal .track-item{    /* display: grid;
grid-template-columns: 1fr; */
display:flex;flex-direction:column;    /* gap: 1.5rem; */background:transparent linear-gradient(145deg,#edf3ff 0%,#faf9ff 100%) 0% 0% no-repeat padding-box;border:1px solid var(--ssm-border);padding:2rem;border-radius:10px;margin-bottom:2.5rem;}
#ssm-grant-portal .track-item h3{color:#03165e;font-size:1.25rem;    /* line-height: 1.75rem; */font-weight:600;margin-bottom:1rem;}
#ssm-grant-portal .track-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;width:fit-content;border-radius:50px;--tw-text-opacity:1;background-color:rgb(92 153 252 / 10%);border:1px solid rgb(52 107 196 / 20%);padding:6px 30px;}
.prediction-box .before-topic-list-body-description{min-height:140px;display:flex;align-items:flex-start;text-align:center;}
#ssm-grant-portal .track-objective{    /* font-family: monospace; */
color:#000000;font-size:0.85rem;background:#e8ecf5;display:inline-block;padding:2px 15px;border-radius:5px;margin-bottom:1rem;}
/* 5. Section: Eligibility (Split Layout) */
#ssm-grant-portal .split-layout{display:grid;grid-template-columns:1fr;gap:5rem;}
/* New Style for Eligibility/Resource Lists inside cards */
#ssm-grant-portal .check-list-container{margin-top:1.5rem;}
#ssm-grant-portal .check-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px solid var(--ssm-border);}
#ssm-grant-portal .check-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;}
#ssm-grant-portal .check-icon{color:var(--ssm-accent);    /* Used accent for checkmarks */font-weight:bold;font-size:1.2rem;line-height:1;flex-shrink:0;margin-top:6px;}
#ssm-grant-portal .check-content strong{display:block;color:var(--ssm-primary);margin-bottom:0.25rem;}
/* 6. Section: Predictions (Boxed with Icon) */
#ssm-grant-portal .prediction-box{text-align:center;border:1px solid var(--ssm-border);padding:2rem 1rem;background:#f4f9fd;border-radius:10px;}
.pred-title{margin-top:35px;--tw-text-opacity:1;color:rgb(15 48 92);font-weight:600;font-size:25px;margin-bottom:25px;}
#ssm-grant-portal .pred-stat{font-size:2.5rem;font-weight:700;color:var(--ssm-primary);font-family:var(--font-serif);margin:1rem 0;display:block;}
#ssm-grant-portal .pred-meta{font-size:0.8rem;color:var(--ssm-text-light);border-top:1px solid var(--ssm-border);padding-top:1rem;font-style:italic;min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center;}
/* 7. Section: CTA (Dark Block) */
#ssm-grant-portal .cta-block{background:transparent linear-gradient(145deg,#073288 0%,#002966 100%) 0% 0% no-repeat padding-box;color:white;text-align:center;padding:4rem 1rem;}
#ssm-grant-portal .cta-block h2{color:white;border-bottom:none;}
#ssm-grant-portal .cta-block h2::after{display:none;}
#ssm-grant-portal .cta-block p{color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto;}
#ssm-grant-portal .cta-block .licence-text{margin-top:3rem;font-size:0.8rem;opacity:0.6;margin-bottom:0;}
#ssm-grant-portal .button-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;flex-direction:column;width:fit-content;margin:0 auto;}
#ssm-grant-portal .btn{padding:1rem 4rem;text-decoration:none;font-weight:500;transition:all 0.3s;border-radius:30px;border:2px solid transparent;}
#ssm-grant-portal .btn-gold{margin-top:3rem;background-color:white;color:var(--ssm-primary);}
#ssm-grant-portal .btn-gold:hover{background-color:#cde0fb;color:var(--ssm-primary);}
#ssm-grant-portal .btn-outline{border:2px solid white;color:white;}
#ssm-grant-portal .btn-link{margin-top:25px!important;    /* text-decoration: underline; */margin-bottom:0!important;}
#ssm-grant-portal .btn-outline:hover{background-color:white;color:var(--ssm-primary);}
/* 8. Responsive Media Queries */
@media (min-width:768px){
#ssm-grant-portal .three-col-grid{grid-template-columns:repeat(3,1fr);}
#ssm-grant-portal .split-layout{grid-template-columns:1fr 1fr;}
#ssm-grant-portal .track-item{grid-template-columns:200px 1fr;align-items:start;}
}
/* 1. The Background Overlay */
.ssm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(15,48,92,0.6);    /* Dark Teal tint */backdrop-filter:blur(1px);    /* Modern blur effect */z-index:9999;display:none;    /* Hidden by default */align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}
/* 2. The White Modal Box */
.ssm-modal-box{background:white;width:100%;max-width:700px;padding:2rem;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);position:relative;transform:translateY(20px);transition:transform 0.3s ease;margin:20px;}
/* Active State (controlled by JS) */
.ssm-modal-overlay.active{display:flex;opacity:1;}
.ssm-modal-overlay.active .ssm-modal-box{transform:translateY(0);}
/* 3. Header & Text */
.ssm-modal-header h3{margin:0 0 0.5rem 0!important;font-size:1.5rem!important;color:var(--ssm-text-main)!important;}
.ssm-modal-header p{color:var(--ssm-text-light)!important;font-size:0.9rem!important;margin-bottom:2rem!important;}
/* 4. Close Button */
.ssm-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:30px;opacity:0.7;color:var(--ssm-text-light);cursor:pointer;padding:0;line-height:1;}
.ssm-modal-close:hover{opacity:1;color:var(--ssm-primary);}
/* 5. Form Elements */
.ssm-modal-form .form-group{margin-bottom:1.25rem;}
.ssm-modal-form label{display:block;font-size:0.7rem;font-weight:600;color:var(--ssm-text-light);text-transform:capitalize;letter-spacing:0.05em;margin-bottom:0.5rem;}
.ssm-modal-form input,
.ssm-modal-form select,
.ssm-modal-form textarea{width:100%;padding:0.75rem 1rem;border:1px solid var(--ssm-border);border-radius:8px;font-family:var(--font-sans);font-size:14px;color:var(--ssm-text-main);background-color:white;transition:border-color 0.2s;}
.ssm-modal-form input::placeholder{color:#aaaaaa}
/* .ssm-modal-form select:required:invalid {
color: #aaaaaa;
} */
.ssm-modal-form select{cursor:pointer;}
.ssm-modal-form textarea::placeholder{color:#aaaaaa}
.ssm-modal-form select::placeholder{color:#aaaaaa}
.ssm-modal-form select{height:49px;}
.ssm-modal-form input:focus,
.ssm-modal-form select:focus,
.ssm-modal-form textarea:focus{outline:none;border-color:var(--ssm-accent);box-shadow:0 0 0 3px rgba(55,128,212,0.1);}
/* Two Column Layout for Name/Email */
.ssm-modal-form .form-row{display:grid;grid-template-columns:1fr;gap:1.25rem;}
@media (min-width:600px){
.ssm-modal-form .form-row{grid-template-columns:1fr 1fr;}
}
/* 6. Submit Button */
.ssm-submit-btn{width:100%;padding:1rem;background-color:var(--ssm-primary);    /* Uses your Blue Accent */color:white;border:none;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background-color 0.2s;}
.ssm-submit-btn:hover{background-color:#071a34;    /* Darker on hover */}
.key-predictions{padding-bottom:6.5rem!important;}
.sponsoring-research{padding:5rem 0!important;}
.eligible-resources{padding:5rem 0!important;}
.proposal-request{padding:5rem 0!important;}
/*** updating style for sponsorship section and also for maths formula***/
.prediction-box .before-topic-list-body-description{display:inline-block;}
#ssm-grant-portal .prediction-box{padding:2.5rem 3rem}
a.ssm-logo{display:flex;align-content:center;width:300px;margin:0px auto;text-indent:-30000000000px;}
/* ----------------------------------------------------------------- */
/* --- RESPONSIVE MEDIA QUERIES (New Addition) --- */
/* ----------------------------------------------------------------- */
/* 1. Tablet & iPad Portrait (Max 1024px) */
/* Adjusts layout so content isn't too squished on tablets */
@media screen and (max-width:1024px){
#ssm-grant-portal .ssm-container{padding:0 32px;}
#ssm-grant-portal section,
.sponsoring-research,
.eligible-resources,
.proposal-request,
.key-predictions{padding-top:3rem!important;padding-bottom:3rem!important;}
/* Force 2 columns instead of 3 on iPad for better readability */
#ssm-grant-portal .three-col-grid{grid-template-columns:repeat(2,1fr);gap:2rem;}
#ssm-grant-portal .split-layout{gap:2.5rem;}
}
/* 2. Mobile & Small Screens (Max 768px) */
@media screen and (max-width:768px){
#ssm-grant-portal .ssm-container{padding:0 20px;}
/* Reduce vertical spacing significantly on mobile */
#ssm-grant-portal section,
.sponsoring-research,
.eligible-resources,
.proposal-request,
.key-predictions{padding-top:2rem!important;padding-bottom:2rem!important;}
/* Typography Adjustments */
#ssm-grant-portal h2{font-size:1.75rem;line-height:1.3;margin-bottom:1.5rem;}
#ssm-grant-portal h3{font-size:1.3rem;}
/* Layout: Force single column for all grids */
#ssm-grant-portal .three-col-grid,
#ssm-grant-portal .split-layout{grid-template-columns:1fr;gap:2rem;}
/* Adjust RFP Track Items */
#ssm-grant-portal .track-item{display:flex;        /* Revert to flex for mobile */flex-direction:column;padding:1.5rem;}
/* Adjust Prediction Box */
#ssm-grant-portal .prediction-box{padding:1.5rem;}
.pred-title{font-size:1.25rem;margin-top:15px;}
.prediction-box .before-topic-list-body-description{min-height:auto;        /* Allow auto height on mobile */margin-bottom:1rem;}
/* Modal Adjustments for Mobile */
.ssm-modal-box{margin:10px;width:calc(100% - 20px);max-height:90vh;        /* Better than calc subtraction */overflow-y:auto;        /* Scrollable internal content */padding:1.5rem;}
.ssm-modal-close{top:1rem;right:1rem;}
.ssm-modal-form .form-row{gap:0;}
/* CTA Section */
#ssm-grant-portal .cta-block{padding:3rem 1rem;}
#ssm-grant-portal .btn{width:100%;        /* Full width buttons on mobile */padding:0.5rem 1rem;}
}
/** Original secondary navbar styles for mobile **/
@media screen and (max-width:780px){
.secondary_navbar .btn-links{display:none;}
}
@media screen and (max-height:850px){
.ssm-modal-box{height:auto;max-height:90vh;overflow-y:auto;}
}
.secondary_navbar .cta-btn.header-cta-btn{display:none;padding:0.2rem;font-size:14px;font-weight:400;padding:6px 15px;}
.secondary_navbar .btn-links{font-size:16px;color:#005d9b;font-weight:500;}
.secondary_navbar .btn-links:hover{color:#007ccd;}
/*****popup success and error message and btn loader ****/
.ssm-submit-btn-loader,
.ssm-submit-btn-loader:hover{width:100%;padding:1rem;background-color:var(--ssm-primary);color:white;border:none;border-radius:8px;font-weight:500;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background-color 0.2s;background-image:url(https://static.idriveonlinebackup.com/include/images/submit_loader.gif);background-repeat:no-repeat;text-indent:-30000000px;background-position:center;cursor:no-drop;}
.ssm-modal-overlay .succ_msg{border:1px solid #e7dfce;clear:both;color:#4a4a4a;display:none;font-size:14px;line-height:28px;text-align:left;margin:20px 0;padding:20px 10px 20px 70px;width:calc(100% - 75px);float:left;box-sizing:border-box;background:#fafaee url(https://static.idriveonlinebackup.com/source/images/sucsess_tickmark_new.svg) 10px center no-repeat;position:absolute;top:10px;}
.ssm-modal-overlay .succ_msg p{padding:0px!important;font-size:14px!important;margin:0px!important;}
.ssm-modal-overlay .err_msg{clear:both;color:#4a4a4a;display:none;font-size:14px;line-height:28px;text-align:left;margin:20px 0;padding:20px 10px 20px 30px;width:calc(100% - 75px);float:left;box-sizing:border-box;position:absolute;top:10px;background-color:#fde4ea;border:1px solid #edc4cc;}
.ssm-modal-overlay .err_msg p{padding:0px!important;font-size:14px!important;margin:0px!important;}
.ssm-modal-box .alert{display:flex;align-items:center;padding:12px 20px;border-radius:8px;margin:10px 0 auto;margin-bottom:30px;width:100%;font-family:sans-serif;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,0.05);border:1px solid transparent;}
.ssm-modal-box #proposal_abstract{resize:none!important;}
.ssm-modal-box .alert.hidden{display:none;}
.ssm-modal-box .alert p{margin:0;padding:0;}
.ssm-modal-box .icon{margin-right:12px;font-weight:bold;font-size:18px;}
/* Success: Blue/Light Blue theme to match your UI */
.ssm-modal-box .success-alert{background-color:#f0f7ff;color:#112d4e;border-color:#d0e3ff;}
.ssm-modal-box .success-alert .icon{color:#5da0d7;}
/* Failure: Soft Red/Grey theme */
.ssm-modal-box label sup{color:#ff0000;}
.ssm-modal-box .failure-alert{background-color:#fff5f5;color:#912d2d;border-color:#ffdada;}
.ssm-modal-box .failure-alert .icon{color:#d75d5d;}
.message-container .message-text{margin-bottom:0!important;}
.message-container .alert{display:flex;align-items:center;padding:12px 20px;border-radius:8px;margin:10px 0 auto;margin-bottom:30px;width:100%;font-family:sans-serif;font-size:14px;box-shadow:0 2px 10px rgba(0,0,0,0.05);border:1px solid transparent;}
.message-container .alert.hidden{display:none;}
.message-container .alert p{margin:0;padding:0;width:calc(100% - 30px);}
.message-container .icon{margin-right:12px;font-weight:bold;font-size:18px;}
.message-container .success-alert{background-color:#fffbf0;color:#000000;border-color:#d3bb6f;}
.message-container .success-alert .icon{color:#ffffff;border-radius:50%;border:1px solid #005eff;height:30px;width:30px;display:flex;align-items:center;justify-content:center;background-color:#005eff;}
.message-container .failure-alert{background-color:#fff5f5;color:#912d2d;border-color:#ffdada;}
.message-container .failure-alert .icon{color:#d75d5d;}
.message-container .message-text{margin-bottom:0!important;}
.message-container{position:fixed;top:40px;left:50%;transform:translateX(-50%);z-index:9999;}
.error-message{color:#d9534f;font-size:12px;margin-top:2px;}
#captcha_err{display:none;color:#d9534f;font-size:12px;}
@media screen and (max-width:767px){
.message-container{width:calc(100% - 20px);}
}