/* hero section */
/* HERO SECTION */
p{
    font-size:15px !important;
    line-height:1.7 !important;
}
h2{
    font-size:25px !important;
}
.advisory-hero{
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    background: 
        linear-gradient(90deg, rgba(6,18,34,0.92) 0%, rgba(6,18,34,0.75) 45%, rgba(6,18,34,0.35) 70%),
        url('../../img/rh-images/hero-banner-bg.png') center;
        background-size: cover;
        background-repeat: no-repeat !important;
    color: #fff;
}

/* CONTENT WRAPPER */
.hero-content{
    max-width: 680px;
    /* padding: 60px; */
}

/* Tagline */
.hero-tagline{
    font-size: 14px;
    color: #9fd3ff;
    margin-bottom: 10px;
}

/* Heading */
.hero-title{
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 18px;
    color:#fff !important;
}

.hero-title span{
    color: #7dd3fc;
}

/* Description */
.hero-desc{
    font-size: 16px;
    color: #dbe7f3;
    margin-bottom: 26px;
}

/* Pills */
.hero-pills{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 28px;
}

.hero-pill{
    padding: 7px 14px;
    border-radius: 30px;
    background: rgba(255,255,255,0.12);
    font-size: 13px;
    border: 1px solid rgba(255,255,255,0.2);
}

/* Buttons */
.hero-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.hero-btn-primary{
    background: linear-gradient(135deg, #2563eb, #0ea5e9);
    color: #fff;
    border: none;
    padding: 9px 17px;
    border-radius: 30px;
    font-weight: 600;
    font-size: small;
    height: 36px;
}

.hero-btn-outline{
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.4);
    padding: 9px 17px;
    border-radius: 30px;
    font-weight: 500;
    font-size:small;
    height:36px;
}

/* Responsive */
@media (max-width: 768px){
    .hero-content{
        padding: 40px 24px;
    }
    .hero-title{
        font-size: 32px;
    }
}
/* advisory matters section */
/* Section */
.advisory-section{
    padding:30px 0;
    background: linear-gradient(135deg, #f8fbff, #eef4ff);
}

/* Title */
.advisory-section .section-title{
    font-size:25px;
    font-weight:700;
    margin-bottom:10px;
    text-align:left !important;
}

.advisory-section .section-desc{
    color:#6c757d;
    max-width:700px;
    margin-bottom:35px;
}

/* Cards */
.point-card{
    background:#fff;
    border-radius:16px;
    padding:22px;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
    display:flex;
    gap:18px;
    align-items:flex-start;
    transition:all 0.3s ease;
    height:100%;
}

.point-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

.point-icon{
    width:46px;
    height:46px;
    background:#e9f1ff;
    color:#0d6efd;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}

.point-card h6{
    font-weight:600;
    margin-bottom:6px;
}

.point-card p{
    font-size:14px;
    color:#555;
    margin-bottom:0;
}

/* Right Image */
.advisory-image img{
    width:100%;
    border-radius:22px;
    box-shadow:0 20px 45px rgba(0,0,0,0.15);
}


/* adviosry council does section */
/* .advisory-light {
  background: linear-gradient(135deg, #f7f9fc 0%, #ffffff 100%);
} */
.advisory-light h2{
  font-size:25px;
}
.advisory-light-badge {
  background: #eef3ff;
  color: #0d6efd;
  padding: 10px 18px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 500;
}

.advisory-light-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 32px 28px;
  border: 1px solid #e6eaf2;
  transition: all 0.3s ease;
}

.advisory-light-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(13, 110, 253, 0.15);
  border-color: #cfe0ff;
}

.icon-circle-light {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.35rem;
}
.title-line {
    width: 70px;
    height: 4px;
    background: linear-gradient(to right, #3b5cff, #7c4dff);
    border-radius: 5px;
}
/* how we work Section */
/* Section */
.advisor-work-section{
    padding:30px 0;
    background: linear-gradient(135deg, #1f4e79, #1aa3a3);
    color:#fff;
}

/* Header */
.advisor-work-section .section-title{
    font-weight:700;
    font-size:25px;
    color:#fff !important;
}

.section-subtitle{
    /* max-width:700px; */
    color:#dbe9f1;
}

/* Step Flow */
.step-flow{
    display:flex;
    gap:20px;
    margin-top:50px;
    flex-wrap:wrap;
}

.step-box{
    background:rgba(255,255,255,0.12);
    backdrop-filter: blur(8px);
    border-radius:18px;
    padding:26px;
    flex:1;
    min-width:240px;
    border:1px solid rgba(255,255,255,0.25);
    position:relative;
    margin-bottom:10px;
}

.step-number{
    position:absolute;
    top:-16px;
    right:20px;
    width:36px;
    height:36px;
    background:#ffffff;
    color:#1f4e79;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}

.step-box i{
    font-size:26px;
    margin-bottom:12px;
    color:#ffd369;
}

.step-box h6{
    font-weight:600;
    margin-bottom:8px;
    color:#ffd369;
}

.step-box p{
    font-size:14px;
    color:#eef6fb;
}

/* Bottom Panels */
.bottom-panels{
    margin-top:60px;
}

.info-panel{
    background:rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
    border-radius:22px;
    padding:26px;
    height:100%;
    border:1px solid rgba(255,255,255,0.25);
}

.info-panel h6{
    font-weight:600;
    margin-bottom:14px;
    color:#ffd369;
}

.info-panel i{
    color:#ffd369;
    margin-right:8px;
}

.info-panel p{
    font-size:14px;
    color:#eef6fb;
}
/* priority section */
/* Section Background */
.priority-section{
    background: linear-gradient(135deg,#eef3ff,#fdfefe);
    padding:30px 0;
}

/* Header */
.priority-section .section-title{
    font-weight:700 !important;
    color:#0b1b33 !important;
    font-size:25px !important;
}
.priority-section .section-subtitle{
    color:#5b6b82;
    /* max-width:720px; */
}

/* Card Design */
.track-card{
    background:#ffffff;
    border-radius:16px;
    padding:24px;
    height:100%;
    border:1px solid #e7ebf3;
    box-shadow:0 12px 28px rgba(15,30,60,0.08);
    transition:all .3s ease;
}
.track-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(15,30,60,0.12);
}

/* Card Title */
.track-card h6{
    font-weight:600;
    color: #8f1838;
    margin-bottom:10px;
}

/* Card Text */
.track-card p{
    font-size:14.5px;
    color:#111;
    line-height:1.6;
}

/* SDG Icons */
.sdg-icons{
    display:flex;
    gap:8px;
    margin-top:14px;
    flex-wrap:wrap;
    background-color: aliceblue;
    padding:10px;
}
.sdg-icons img{
    width:42px;
    height:42px;
    border-radius:6px;
    box-shadow:0 4px 10px rgba(0,0,0,0.12);
}

/* Badge */
.top-badge{
    background:#e9f0ff;
    color:#245bff;
    font-size:12px;
    font-weight:500;
    padding:6px 14px;
    border-radius:30px;
    display:inline-block;
}
/* advisory charter section */
/* SECTION BACKGROUND */
.advisory-charter-section {
    position: relative;
    background: 
        linear-gradient(120deg, rgba(5,10,20,0.92), rgba(10,20,40,0.88)),
        url("../../img/rh-images/advisory-charter-bg.jpg");
    background-size: cover;
    background-position: center;
    padding: 30px 0;
    color: #fff;
}

/* HEADER */
.advisory-header h2 {
    font-weight: 700;
    letter-spacing: 0.3px;
    color:#fff !important;
}
.advisory-header p {
    color: #b8c6d9;
    /* max-width: 680px; */
}

/* INFO BADGE */
.info-pill {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 13px;
    color: #cfe0ff;
}

/* GLASS CARD */
.glass-card {
    height: 100%;
    min-height:202px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 18px;
    padding: 10px 30px;
    backdrop-filter: blur(14px);
    transition: transform .3s ease, box-shadow .3s ease;
}

.glass-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.45);
}

/* CARD TITLES */
.glass-card h5 {
    font-weight: 600;
    margin-bottom: 15px;
    color:#13dcee !important;
}

/* LIST STYLE */
.glass-card ul {
    padding-left: 0px !important;
}
.glass-card li {
    margin-bottom: 10px;
    color: #d4e1f5;
    list-style-type:none;
}

/* SUBTEXT */
.muted-text {
    color: #fff;
    font-size: 15px;
}
/* namination section */
.nomination-section{
  background: linear-gradient(180deg,#f7faff,#eef3fb);
}

.nomination-card{
  background: rgba(255,255,255,0.9);
  border-radius: 24px;
  padding: 40px 36px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

.value-box{
  background: linear-gradient(135deg,#eef4ff,#f8faff);
  border-radius: 20px;
  padding: 9px 26px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.04);
}

.offer-list li{
  font-size: 14px;
  color: #444;
  margin-bottom: 6px;
  display: flex;
  gap: 10px;
}

.offer-list i{
  color: #0d6efd;
  margin-top: 3px;
}

.btn{
  border-radius: 50px;
  font-weight: 600;
}

@media(max-width:768px){
  .nomination-card{
    padding: 28px 22px;
  }
}
/* council section */
.council-modern{
  background: linear-gradient(180deg,#f8faff,#eef2f8);
  padding:30px 0px !important;
}
.group-block{
  padding:15px 10px;
  background-color:#fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius:10px;
}
.group-title{
  font-weight:700;
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px solid lightgrey;
}

.profile-card{
  background:#fff;
  border-radius:20px;
  padding:15px 24px;
  box-shadow:0 14px 40px rgba(0,0,0,.08);
  transition:.3s ease;
  position:relative;
  min-height:175px;
}

.profile-card:hover{
  transform:translateY(-6px);
}


.icon-wrap{
  width:64px;
  height:64px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  color:#fff;
  margin-bottom:16px;
}

.profile-card h6{
  font-weight:700;
  color:#1b5384 !important;
}

.profile-card span{
  font-size:13px;
  font-weight:600;
  color:#666;
}

.profile-card p{
  font-size:14px;
  color:#555;
  /* margin-top:10px; */
}

.links{
  margin-top:14px;
  display:flex;
  gap:14px;
  justify-content: end !important;
}

.links a{
      font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    padding: 3px 15px;
    border: 1px solid #ae4656;
    border-radius: 10px;
    color:#ae4656;
}
.links a:hover{
    background-color: #ae4656;
    color: #fff;
}
/* Accent Colors */
.accent-blue{border-top:3px solid #4facfe;}
.accent-blue .icon-wrap{background:#4facfe}

.accent-purple{border-top:3px solid #7f53ac}
.accent-purple .icon-wrap{background:#7f53ac}

.accent-green{border-top:3px solid #2ecc71}
.accent-green .icon-wrap{background:#2ecc71}

.accent-teal{border-top:3px solid #1abc9c}
.accent-teal .icon-wrap{background:#1abc9c}

.accent-orange{border-top:3px solid #f39c12}
.accent-orange .icon-wrap{background:#f39c12}

.accent-pink{border-top:3px solid #e84393}
.accent-pink .icon-wrap{background:#e84393}

.accent-indigo{border-top:3px solid #5f27cd}
.accent-indigo .icon-wrap{background:#5f27cd}

.accent-red{border-top:3px solid #e74c3c}
.accent-red .icon-wrap{background:#e74c3c}
.bg-governing-council {
    background: linear-gradient(
        135deg,
        #f5f9ff 0%,
        #eef4ff 45%,
        #e6efff 100%
    );
}
.bg-scientific-advisory {
    background: linear-gradient(
        135deg,
        #f3fffb 0%,
        #e9fff7 50%,
        #ddfff2 100%
    );
}
.bg-industry-advisory {
    background: linear-gradient(
        135deg,
        #fff9f2 0%,
        #fff3e6 50%,
        #ffe9d6 100%
    );
}