:root {
    --navy: #061a33;
    --navy2: #0a2f57;
    --blue: #0d6efd;
    --cyan: #24c8ff;
    --sky: #eaf7ff;
    --ink: #10223a;
    --muted: #607087;
    --line: rgba(12, 43, 75, 0.12);
    --white: #fff;
    --radius: 28px;
    --shadow: 0 24px 70px rgba(0, 26, 60, 0.14);
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: Inter, sans-serif;
    color: var(--ink);
    background: #fff;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
.navbar {
    font-family: "Plus Jakarta Sans", sans-serif;
}
img {
    max-width: 100%;
    display: block;
}
a {
    text-decoration: none;
}
.page-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--cyan), #4f7cff);
    width: 0;
    z-index: 9999;
}
.hero {
    min-height: 80svh;
    position: relative;
    display: grid;
    place-items: center;
    color: #fff;
    overflow: hidden;
}
.hero-bg{
    position:absolute;
    inset:0;
    background-image: linear-gradient(rgb(4 18 38 / 14%), rgb(4 18 38 / 0%)), url(assets/Picture2.png) !important;
    background-repeat:no-repeat !important;
    background-position:center center !important;

    /* Full original background composition */
    background-size:100% 100% !important;
    transform:none !important;
    animation:none !important;
}
.hero-vignette {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3, 19, 42, 0.55), rgba(4, 21, 44, 0.28) 35%, rgba(0, 16, 38, 0.84)),
        linear-gradient(90deg, rgba(0, 18, 45, 0.68), transparent 50%, rgba(0, 18, 45, 0.55));
}
.network-layer {
    position: absolute;
    inset: 0;
    opacity: 0.65;
}
.network-layer svg {
    width: 100%;
    height: 100%;
}
.network-lines path {
    fill: none;
    stroke: rgba(108, 213, 255, 0.42);
    stroke-width: 1.3;
    stroke-dasharray: 8 11;
    animation: dash 16s linear infinite;
}
.network-nodes circle {
    fill: #b9ecff;
    filter: drop-shadow(0 0 9px #5ed8ff);
    animation: pulse 3s ease-in-out infinite;
}
.hero-content {
    position: relative;
    z-index: 4;
    padding-top: 87px;
}
.hero-kicker {
    text-transform: uppercase;
    letter-spacing: 0.28em;
    font-size: 0.78rem;
    font-weight: 700;
    color: #cdefff;
    margin-bottom: 1.2rem;
}
.display-title {
    font-size: 76px;
    line-height: 85px;
    font-weight: 800;
    letter-spacing: -0.055em;
    text-shadow: 0 10px 35px rgba(0, 0, 0, 0.4);
}
.display-title span {
    color: #fff;
}
.hero-meta {
    font-size: clamp(0.95rem, 1.7vw, 1.5rem);
    letter-spacing: 0.08em;
    margin: 1.8rem 0;
    color: #e9f6ff;
}
.hero-meta span {
    display: inline-block;
    width: 38px;
    height: 1px;
    background: rgba(255, 255, 255, 0.55);
    vertical-align: middle;
    margin: 0 12px;
}
.btn-primary {
    background: linear-gradient(135deg, #1777ff, #08b8ff);
    border: none;
    box-shadow: 0 14px 35px rgba(0, 139, 255, 0.28);
}
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 45px rgba(0, 139, 255, 0.38);
}
.btn-glass {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.09);
    backdrop-filter: blur(16px);
}
.btn-glass:hover {
    background: rgba(255, 255, 255, 0.17);
    color: #fff;
}
.hero-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.hero-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(18px, 3vw, 42px);
    margin-top: 3.4rem;
}
.hero-logos img {
    /* height: clamp(44px, 6vw, 72px); */
    /* width: auto; */
    /* object-fit: contain; */
    /* filter: drop-shadow(0 10px 22px rgba(0, 0, 0, 0.35)); */
}
.hero-logos img:nth-child(4) {
    height: clamp(34px, 5vw, 60px);
}
.scroll-indicator {
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    z-index: 4;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    font-size: 0.7rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.scroll-indicator span {
    width: 22px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 15px;
    position: relative;
}
.scroll-indicator span:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 8px;
    border-radius: 4px;
    background: #fff;
    left: 8px;
    top: 7px;
    animation: scrollDot 1.8s infinite;
}
.glass-nav {
    top: 18px;
    transition: 0.35s;
}
.nav-shell {
    top: 6%;
    max-width: 1420px;
    margin-top: 50px;
    min-height: 78px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 24px;
    background: rgba(3, 20, 43, 0.35);
    backdrop-filter: blur(22px) saturate(140%);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
    padding-top: 8px;
    padding-bottom: 8px;
}
.glass-nav.scrolled {
    top: 8px;
}
.glass-nav.scrolled .nav-shell {
    background: rgba(4, 20, 43, 0.86);
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.28);
}
.nav-logo {
    width: 96px;
    height: 58px;
    display: flex;
    align-items: center;
}
.nav-logo-left {
    justify-content: flex-start;
}
.nav-logo-right {
    justify-content: flex-end;
}
.nav-logo img {
    object-fit: contain;
}
.nav-logo-right img {
    max-height: 76px;
}
.nav-center .nav-link {
    color: rgba(255, 255, 255, 0.88);
    font-weight: 700;
    font-size: 1.1rem;
    padding: 0.72rem 1rem !important;
    border-radius: 999px;
    position: relative;
    text-transform: capitalize !important;
}
.nav-center .nav-link:before {
    content: "";
    position: absolute;
    inset: auto 24% 5px;
    height: 2px;
    background: linear-gradient(90deg, var(--cyan), #6f8cff);
    transform: scaleX(0);
    transition: 0.3s;
}
.nav-center .nav-link:hover,
.nav-center .nav-link.active {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}
.nav-center .nav-link.active:before {
    transform: scaleX(1);
}
.menu-lines {
    width: 30px;
    height: 22px;
    display: grid;
    align-content: space-between;
}
.menu-lines i {
    height: 2px;
    background: #fff;
    border-radius: 4px;
    display: block;
}
.mobile-offcanvas {
    background: rgba(5, 22, 47, 0.96);
    backdrop-filter: blur(20px);
    color: #fff;
}
.mobile-logo {
    width: 52px;
    height: 52px;
    object-fit: contain;
}
.mobile-isro {
    height: 48px;
    width: auto;
}
.mobile-links {
    display: flex;
    flex-direction: column;
}
.mobile-links a {
    font:
        700 1.35rem "Plus Jakarta Sans",
        sans-serif;
    color: #fff;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.stats-band {
    margin-top: -53px;
    position: relative;
    z-index: 5;
}
.stat-card {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.75);
    box-shadow: var(--shadow);
    border-radius: 22px;
    padding: 25px;
    text-align: center;
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.stat-card strong {
    font:
        800 clamp(2rem, 4vw, 3.15rem) "Plus Jakarta Sans",
        sans-serif;
    color: var(--navy2);
    line-height: 1;
}
.stat-card span {
    font-size: 0.82rem;
    color: var(--muted);
    margin-top: 10px;
}
.section-pad {
    padding: 84px 0;
}
.bg-grid {
    background-color: #f7fbff;
    background-image: linear-gradient(rgba(8, 51, 92, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 51, 92, 0.035) 1px, transparent 1px);
    background-size: 42px 42px;
}
.orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(10px);
    opacity: 0.32;
}
.orb-a {
    width: 340px;
    height: 340px;
    background: #71d7ff;
    top: -140px;
    left: -130px;
}
.orb-b {
    width: 300px;
    height: 300px;
    background: #7c8eff;
    right: -100px;
    bottom: -150px;
}
.section-title {
    max-width: 780px;
    margin: 0 auto 55px;
}
.eyebrow,
.mini-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 31px;
    font-weight: 800;
    color: #0d71c8;
}
.eyebrow:before {
    content: "";
    width: 30px;
    height: 2px;
    background: linear-gradient(90deg, #1587e8, #4ed4ff);
}
.eyebrow.light {
    color: #91ddff;
}
.section-title h2,
.section-heading-large {
    font-size: 32px;
    line-height: 46px;
    font-weight: 800;
    margin: 0.7rem 0 1rem;
}
.section-title p {
    color: var(--muted);
    font-size: 1.05rem;
}
.about-glass {
    border: 1px solid rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(26px);
    box-shadow: 0 35px 90px rgba(9, 55, 98, 0.14);
    border-radius: 32px;
    padding: 24px;
}
.about-tabs {
    gap: 8px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 18px;
}
.about-tabs .nav-link {
    color: #64758a;
    font-weight: 700;
    border-radius: 999px;
    padding: 0.75rem 1.25rem;
}
.about-tabs .nav-link.active {
    background: var(--navy);
    color: #fff;
    box-shadow: 0 10px 24px rgba(1, 25, 52, 0.18);
}
.about-glass h3 {
    font-size: clamp(2rem, 3.6vw, 3.45rem);
    letter-spacing: -0.04em;
    font-weight: 800;
    margin: 0.65rem 0 1rem;
}
.about-glass p {
    font-size: 1rem;
    line-height: 1.82;
    color: #506177;
}
.feature-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #eef7ff;
    border: 1px solid #d9edff;
    border-radius: 999px;
    padding: 9px 14px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #135c9d;
}
.media-frame {
    border-radius: 26px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 31, 65, 0.18);
    position: relative;
}
.media-frame:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 60%, rgba(4, 20, 42, 0.2));
}
.media-frame img {
    /* width: 100%; */
    /* height: 420px; */
    /* object-fit: cover; */
}
.satellite-frame img {
    object-position: center;
}
.member-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 0;
}
.member-tabs li {
    list-style: none;
}
.member-tabs button {
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 700;
    color: #40536a;
}
.member-tabs button.active {
    background: var(--navy);
    color: #fff;
}
.member-content h5 {
    font-size: 0.9rem;
    font-weight: 800;
    margin: 1.15rem 0 0.35rem;
}
.member-content p {
    font-size: 0.9rem;
    line-height: 1.6;
}
.vision-orbit {
    min-height: 360px;
    border-radius: 50%;
    position: relative;
    display: grid;
    place-items: center;
    background: radial-gradient(circle, #f7fcff 20%, #dff3ff 45%, rgba(255, 255, 255, 0) 66%);
}
.vision-orbit:before,
.vision-orbit:after {
    content: "";
    position: absolute;
    border: 1px solid rgba(17, 126, 211, 0.28);
    border-radius: 50%;
    inset: 12%;
    animation: rotate 14s linear infinite;
}
.vision-orbit:after {
    inset: 25%;
    animation-direction: reverse;
    animation-duration: 9s;
}
.vision-orbit img {
    width: 135px;
    z-index: 2;
}
.vision-orbit span {
    position: absolute;
    font-size: 0.72rem;
    font-weight: 800;
    color: #0f68ad;
    background: #fff;
    border-radius: 999px;
    padding: 8px 12px;
    box-shadow: 0 8px 22px rgba(0, 67, 117, 0.12);
}
.vision-orbit span:nth-of-type(1) {
    top: 11%;
    left: 12%;
}
.vision-orbit span:nth-of-type(2) {
    right: 4%;
    top: 46%;
}
.vision-orbit span:nth-of-type(3) {
    bottom: 11%;
    left: 18%;
}
blockquote {
    border-left: 4px solid #28b9ff;
    padding-left: 20px;
    font:
        700 1.5rem "Plus Jakarta Sans",
        sans-serif;
    color: #ffffff;
    margin-top: 2rem;
}
.section-dark {
    background: radial-gradient(circle at 20% 10%, #0b4777 0, #071c37 35%, #040f20 100%);
    position: relative;
}
.section-dark:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(111, 208, 255, 0.22) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.2;
}
.section-dark .container {
    position: relative;
}
.section-title.text-white p {
    color: #b7cbe0;
}
.org-card {
    position: relative;
    background: linear-gradient(150deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.05));
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(18px);
    border-radius: 26px;
    padding: 28px;
    color: #fff;
    overflow: hidden;
    transition: 0.35s;
}
.org-card:after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #1ab6ff;
    filter: blur(70px);
    opacity: 0.08;
    right: -80px;
    bottom: -80px;
}
.org-card:hover {
    transform: translateY(-9px);
    border-color: rgba(89, 210, 255, 0.4);
    box-shadow: 0 28px 65px rgba(0, 0, 0, 0.28);
}
.org-icon {
    /* height: 74px; */
    display: flex;
    align-items: center;
}
.org-icon img {
    /* max-height: 116px; */
    /* max-width: 116px; */
    /* object-fit: contain; */
}
.org-card > span {
    position: absolute;
    right: 24px;
    top: 22px;
    color: rgba(255, 255, 255, 0.28);
    font:
        800 2rem "Plus Jakarta Sans",
        sans-serif;
}
.org-card h3 {
    font-size: 1.6rem;
    font-weight: 800;
    margin: 1.1rem 0;
}
.org-card p {
    color: #c4d3e4;
    font-size: 0.91rem;
    line-height: 1.75;
}
.text-button {
    background: none;
    border: 0;
    padding: 0;
    color: #74ddff;
    font-weight: 800;
    font-size: 0.86rem;
}
.text-button i {
    margin-left: 6px;
}
.meeting-section {
    background: #fff;
}
.lead-copy {
    color: var(--muted);
    line-height: 1.8;
}
.program-card {
    height: 100%;
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 28px;
    position: relative;
    transition: 0.35s;
    background: #fff;
}
.program-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow);
    border-color: #ccecff;
}
.program-card > i {
    font-size: 2rem;
    color: #0d82d9;
}
.program-card > span {
    position: absolute;
    right: 22px;
    top: 20px;
    font: 800 1.65rem "Plus Jakarta Sans";
    color: #e4eff7;
}
.program-card h4 {
    font-weight: 800;
    margin: 1.2rem 0 0.55rem;
}
.program-card p {
    color: var(--muted);
    font-size: 0.92rem;
}
.schedule-card {
    background: #071d38;
    color: #fff;
    border-radius: 30px;
    padding: 28px;
    box-shadow: 0 28px 80px rgba(0, 24, 54, 0.25);
}
.schedule-note {
    font-size: 0.78rem;
    color: #9acff2;
}
.schedule-table {
    min-width: 860px;
    color: #fff;
    --bs-table-bg: transparent;
    --bs-table-color: #fff;
    --bs-table-border-color: rgba(255, 255, 255, 0.1);
}
.schedule-table thead th {
    color: #86dafe;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.13em;
    border-bottom-color: rgba(255, 255, 255, 0.15);
}
.schedule-table th:first-child {
    width: 130px;
}
.schedule-table tbody th {
    font-family: "Plus Jakarta Sans";
    font-size: 1.05rem;
}
.schedule-table tbody th span {
    display: block;
    color: #7f9bb8;
    font: 500 0.75rem Inter;
    margin-top: 4px;
}
.schedule-table td {
    font-size: 0.88rem;
    color: #d1deec;
    padding: 18px 12px;
}
.schedule-table td b {
    color: #fff;
}
.venue-wrap {
    background: #06182e;
    color: #fff;
}
.venue-overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 10%, rgba(42, 151, 225, 0.28), transparent 40%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent);
}
.venue-image-wrap {
    position: relative;
}
.venue-image-wrap > img {
    border-radius: 30px;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
    /* height: 540px; */
    width: 100%;
    object-fit: scale-down;
}
.location-badge {
    position: absolute;
    top: 24px;
    right: 24px;
    background: rgba(3, 18, 37, 0.76);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 17px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.location-badge i {
    color: #ff5265;
    font-size: 1.4rem;
}
.location-badge span {
    font-size: 0.72rem;
    font-weight: 700;
}
.venue-wrap h2 {
    font-size: clamp(2.6rem, 5vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.05em;
}
.venue-subtitle {
    color: #70d6ff;
    font-weight: 700;
}
.venue-wrap p {
    color: #b7c8dc;
    line-height: 1.8;
}
.venue-facts {
    display: grid;
    gap: 10px;
    margin: 1.5rem 0;
}
.venue-facts div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.04);
}
.venue-facts i {
    color: #73d9ff;
}
.map-card {
    margin-top: 55px;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.35);
}
.map-card iframe {
    width: 100%;
    height: 410px;
    border: 0;
    display: block;
    filter: saturate(0.8) contrast(1.05);
}
.connectivity-section {
    background: #f6fbff;
}
.route-card {
    background: #fff;
    border-radius: 26px;
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: 0.35s;
}
.route-card:hover {
    transform: translateY(-7px);
}
.route-card img {
    width: 100%;
    height: 360px;
    object-fit: cover;
}
.route-card > div {
    padding: 24px;
}
.route-card span {
    font-size: 0.75rem;
    color: #0f76c2;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-weight: 800;
}
.route-card h4 {
    font-weight: 800;
    margin: 0.4rem 0;
}
.route-card p {
    color: var(--muted);
    margin: 0;
}
.bg-soft {
    background: #f8fafc;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.gallery-item {
    margin: 0;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    min-height: 280px;
    box-shadow: 0 18px 50px rgba(7, 31, 57, 0.12);
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}
.gallery-item:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(2, 15, 31, 0.82));
}
.gallery-item:hover img {
    transform: scale(1.07);
}
.gallery-item figcaption {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    bottom: 18px;
    color: #fff;
    font-weight: 800;
}
.gallery-item figcaption span {
    color: #6fdcff;
    margin-right: 8px;
}
.gallery-wide {
    grid-column: span 1;
}
.goa-section {
    background: #fff;
}
.weather-chip {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: #eef8ff;
    border: 1px solid #d7efff;
    border-radius: 18px;
    padding: 14px 18px;
    margin-top: 1rem;
}
.weather-chip i {
    font-size: 1.7rem;
    color: #ffad14;
}
.weather-chip b,
.weather-chip span {
    display: block;
}
.weather-chip span {
    font-size: 0.8rem;
    color: var(--muted);
}
.goa-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.goa-tile {
    margin: 0;
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    min-height: 240px;
}
.goa-tile:nth-child(2),
.goa-tile:nth-child(3) {
    transform: translateY(34px);
}
.goa-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.55s;
}
.goa-tile:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(2, 18, 37, 0.72));
}
.goa-tile figcaption {
    position: absolute;
    z-index: 2;
    left: 18px;
    bottom: 16px;
    color: #fff;
    font-weight: 800;
}
.goa-tile:hover img {
    transform: scale(1.08);
}
.visa-section {
    background: linear-gradient(135deg, #04162d, #0b3763);
    color: #fff;
}
.visa-section .section-title p {
    color: #b7ccdf;
}
.visa-card {
    height: 100%;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.13);
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(14px);
    border-radius: 28px;
    padding: 34px;
    overflow: hidden;
}
.visa-card > i {
    font-size: 2.7rem;
    color: #6fdcff;
}
.visa-number {
    position: absolute;
    right: 26px;
    top: 20px;
    font: 800 3rem "Plus Jakarta Sans";
    color: rgba(255, 255, 255, 0.1);
}
.visa-card h3 {
    font-size: 1.8rem;
    font-weight: 800;
    margin: 1.2rem 0;
}
.visa-card p,
.visa-card li {
    color: #c9d7e5;
}
.visa-card ol {
    padding-left: 1.2rem;
    line-height: 1.9;
    margin-bottom: 1.7rem;
}
.contact-section {
    background: #f2f7fb;
}
.contact-shell {
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 30px 90px rgba(6, 36, 68, 0.16);
}
.contact-aside {
    background: linear-gradient(145deg, #051a34, #0a4978);
    color: #fff;
    padding: 55px;
}
.contact-aside h2 {
    font-size: clamp(2.5rem, 4.5vw, 4rem);
    font-weight: 800;
}
.contact-aside p {
    color: #c2d3e3;
}
.contact-point {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-top: 18px;
    color: #dceaf6;
}
.contact-point i {
    color: #6fdcff;
}
.contact-logos {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-top: 40px;
}
.contact-logos img {
    height: 58px;
    width: auto;
    object-fit: contain;
}
.contact-logos img:last-child {
    height: 44px;
}
.contact-form-wrap {
    background: #fff;
    padding: 55px;
}
.form-control {
    min-height: 52px;
    border-radius: 14px;
    border: 1px solid #dce6ef;
    padding: 0.75rem 1rem;
}
.form-control:focus {
    border-color: #36b8ff;
    box-shadow: 0 0 0 0.22rem rgba(38, 174, 255, 0.12);
}
textarea.form-control {
    min-height: 150px;
}
.form-message {
    font-size: 0.85rem;
    margin-left: 12px;
}
.site-footer {
    background: #031225;
    color: #fff;
    padding: 38px 0;
}
.footer-brand {
    display: flex;
    align-items: center;
    gap: 16px;
}
.footer-brand img {
    height: 58px;
    width: auto;
}
.footer-brand strong,
.footer-brand span {
    display: block;
}
.footer-brand span,
.site-footer p {
    font-size: 0.78rem;
    color: #8fa7bf;
    margin: 4px 0 0;
}
.site-footer a {
    color: #6fdcff;
    font-weight: 700;
}
.glass-modal {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 24px;
    box-shadow: 0 30px 90px rgba(0, 22, 48, 0.28);
}
.glass-modal .modal-body {
    line-height: 1.8;
    color: #ffffff;
}
.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity 0.75s ease,
        transform 0.75s ease;
}
.reveal.visible {
    opacity: 1;
    transform: none;
}
.reveal-up {
    opacity: 0;
    transform: translateY(24px);
    animation: revealUp 0.8s forwards;
}
.delay-1 {
    animation-delay: 0.15s;
}
.delay-2 {
    animation-delay: 0.3s;
}
.delay-3 {
    animation-delay: 0.45s;
}
.delay-4 {
    animation-delay: 0.6s;
}
@keyframes heroZoom {
    to {
        transform: scale(1.13);
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: -250;
    }
}
@keyframes pulse {
    50% {
        opacity: 0.35;
        transform: scale(0.7);
    }
}
@keyframes scrollDot {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateY(16px);
    }
}
@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}
@keyframes revealUp {
    to {
        opacity: 1;
        transform: none;
    }
}
@media (max-width: 1199.98px) {
    .glass-nav {
        top: 10px;
    }
    .nav-shell {
        min-height: 68px;
    }
    .nav-logo {
        width: 70px;
    }
    .nav-logo img {
        max-height: 48px;
    }
    .hero-content {
        padding-top: 90px;
    }
    .display-title {
        font-size: clamp(3.1rem, 10vw, 6.2rem);
    }
}
@media (max-width: 991.98px) {
    .section-pad {
        padding: 82px 0;
    }
    .stats-band {
        margin-top: -32px;
    }
    .about-glass {
        padding: 18px;
    }
    .media-frame img {
        height: 330px;
    }
    .gallery-grid {
        grid-template-columns: 1fr 1fr;
    }
    .gallery-item {
        min-height: 250px;
    }
    .contact-aside,
    .contact-form-wrap {
        padding: 38px;
    }
    .venue-image-wrap > img {
        height: 420px;
    }
    .goa-tile:nth-child(2),
    .goa-tile:nth-child(3) {
        transform: none;
    }
    .hero-logos {
        margin-top: 2.5rem;
    }
}
@media (max-width: 767.98px) {
    .hero {
        min-height: 100svh;
    }
    .hero-content {
        padding-left: 18px;
        padding-right: 18px;
    }
    .hero-meta span {
        width: 18px;
        margin: 0 6px;
    }
    .hero-actions .btn {
        width: 100%;
        max-width: 300px;
    }
    .hero-logos {
        gap: 14px;
        flex-wrap: wrap;
    }
    .hero-logos img {
        height: 44px;
    }
    .hero-logos img:nth-child(4) {
        height: 36px;
    }
    .stats-band {
        margin-top: 0;
        padding: 18px 0;
        background: #f4f9fd;
    }
    .stat-card {
        padding: 18px;
        min-height: 105px;
        border-radius: 18px;
    }
    .section-title {
        margin-bottom: 38px;
    }
    .about-tabs {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .about-tabs .nav-link {
        white-space: nowrap;
    }
    .media-frame img {
        height: 270px;
    }
    .vision-orbit {
        min-height: 300px;
    }
    .gallery-grid {
        grid-template-columns: 1fr;
    }
    .gallery-item {
        min-height: 270px;
    }
    .goa-grid {
        grid-template-columns: 1fr;
    }
    .goa-tile {
        min-height: 250px;
    }
    .route-card img {
        height: 260px;
    }
    .venue-image-wrap > img {
        height: 350px;
    }
    .map-card iframe {
        height: 330px;
    }
    .contact-aside,
    .contact-form-wrap {
        padding: 30px 22px;
    }
    .schedule-card {
        padding: 20px;
    }
    .site-footer {
        text-align: center;
    }
    .footer-brand {
        justify-content: center;
    }
    .site-footer .text-lg-end {
        margin-top: 12px;
    }
    .scroll-indicator {
        display: none;
    }
}
@media (max-width: 420px) {
    .display-title {
        font-size: 3rem;
    }
    .hero-kicker {
        font-size: 0.63rem;
        letter-spacing: 0.18em;
    }
    .hero-meta {
        font-size: 0.78rem;
    }
    .hero-logos img {
        height: 38px;
    }
    .about-glass {
        border-radius: 22px;
    }
    .about-glass h3 {
        font-size: 2rem;
    }
    .section-pad {
        padding: 70px 0;
    }
    .org-card,
    .program-card,
    .visa-card {
        border-radius: 22px;
    }
    .contact-shell {
        border-radius: 22px;
    }
}
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
    .reveal {
        opacity: 1;
        transform: none;
    }
}

.hero-logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin-top: 45px;
    flex-wrap: wrap;
}

.logo-box {
    /* width: 130px; */
    /* height: 130px; */
    /* background: rgba(255, 255, 255, 0.92); */
    /* border: 1px solid rgba(255, 255, 255, 0.7); */
    /* backdrop-filter: blur(15px); */
    /* border-radius: 22px; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.3),
        inset 0 1px 1px rgba(255, 255, 255, 0.8); */
    /* transition: 0.35s; */
}

.logo-box:hover {
    /* transform: translateY(-8px) scale(1.08); */
    /* box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.45),
        0 0 30px rgba(0, 170, 255, 0.35); */
}

.logo-box img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
    /* filter: contrast(1.15) saturate(1.15); */
}

/* ICG-20 logo thoda bada */
.logo-box:nth-child(3) img {
    width: 100%;
}

/* ISRO logo wide hai */
.logo-box:nth-child(4) img {
    width: 80%;
}

@media (max-width: 768px) {
    .logo-box {
        width: 72px;
        height: 72px;
        border-radius: 18px;
    }

    .hero-logos {
        gap: 14px;
    }
}

.brand-left,
.brand-right {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgb(255 255 255);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: 0.35s;
}

.brand-left:hover,
.brand-right:hover {
    background: rgba(255, 255, 255, 0.22);
    transform: translateY(-3px);
}

.brand-left img,
.brand-right img {
    width: 100px;
    height: 97px;
    object-fit: cover;
}

.org-card {
    display: flex;
    flex-direction: column;
    padding: 30px;
}

.org-card p {
    line-height: 1.75;
}

.org-card .text-button {
    margin-top: auto;
    padding-top: 16px;
}

.org-card-top {
    /* display: flex; */
    /* align-items: flex-start; */
    /* justify-content: space-between; */
    /* margin-bottom: 22px; */
}

.org-number {
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    opacity: 0.55;
}

.org-quote {
    margin: 28px 0;
    padding: 22px 26px;
    border-left: 4px solid #1f9cff;
    background: rgba(31, 156, 255, 0.08);
    border-radius: 0 16px 16px 0;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.7;
}

.glass-modal {
    color: #fff;
    background: rgba(5, 22, 48, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 26px;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
}

/* Programme image showcase */

.programme-showcase {
    padding: 28px;
    border: 1px solid rgba(19, 92, 153, 0.12);
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(235, 245, 255, 0.88));
    box-shadow: 0 24px 70px rgba(8, 43, 77, 0.1);
}

.programme-showcase-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 24px;
}

.programme-showcase-head h3 {
    margin: 6px 0 0;
    font-size: clamp(1.7rem, 3vw, 0.5rem);
    font-weight: 800;
}

.programme-showcase-head p {
    max-width: 520px;
    margin: 0;
    color: #5b6b7c;
    line-height: 1.7;
}

.programme-image-card {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 18px 42px rgba(6, 31, 59, 0.18);
}

.programme-image-card img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.programme-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(2, 15, 35, 0.92) 0%, rgba(2, 15, 35, 0.3) 55%, rgba(2, 15, 35, 0.04) 100%);
}

.programme-image-content {
    position: absolute;
    right: 24px;
    bottom: 24px;
    left: 24px;
    color: #fff;
}

.programme-image-content span {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    opacity: 0.76;
}

.programme-image-content h4 {
    margin-bottom: 8px;
    font-size: 1.55rem;
    font-weight: 800;
}

.programme-image-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.6;
}

.programme-image-card:hover img {
    transform: scale(1.08);
}

/* Schedule table */

.schedule-table {
    min-width: 920px;
    border-collapse: separate;
    border-spacing: 0;
}

.schedule-table thead th {
    padding: 18px 20px;
    color: #fff;
    background: #176ea9;
    border-color: rgba(255, 255, 255, 0.16);
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.schedule-table thead th:first-child {
    width: 190px;
    border-top-left-radius: 14px;
}

.schedule-table thead th:last-child {
    border-top-right-radius: 14px;
}

.schedule-table tbody th {
    width: 190px;
    padding: 20px;
    color: #072d5d;
    background: #6da8d9;
    border-color: rgba(7, 45, 93, 0.2);
    font-size: 1rem;
    font-weight: 800;
    vertical-align: top;
}

.schedule-table tbody th span {
    display: block;
    margin-top: 4px;
    font-size: 0.82rem;
    font-weight: 700;
}

.schedule-table tbody td {
    min-width: 330px;
    padding: 20px;
    color: #17314c;
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(7, 45, 93, 0.14);
    vertical-align: top;
}

.schedule-block {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.schedule-block strong {
    color: #072d5d;
    font-size: 1rem;
    line-height: 1.45;
}

.schedule-block span {
    color: #4c6075;
    line-height: 1.5;
}

.schedule-block em {
    color: #176ea9;
    font-size: 0.88rem;
    font-weight: 700;
}

.schedule-highlight {
    margin-top: 4px;
    padding: 8px 12px;
    color: #fff !important;
    background: #176ea9;
    border-radius: 10px;
    font-weight: 700;
}

.schedule-empty {
    text-align: center;
    color: #8090a0 !important;
    font-size: 1.3rem;
    font-weight: 800;
}

@media (max-width: 991px) {
    .programme-showcase-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .programme-showcase {
        padding: 18px;
        border-radius: 20px;
    }

    .programme-image-card,
    .programme-image-card img {
        min-height: 300px;
    }

    .schedule-card {
        padding: 20px;
    }
}
.programme-schedule-card {
    position: relative;
    overflow: hidden;
    padding: 34px 30px 28px;
    border: 1px solid rgba(91, 179, 255, 0.18);
    border-radius: 30px;

    background: radial-gradient(circle at 92% 4%, rgba(27, 147, 255, 0.14), transparent 30%),
        linear-gradient(145deg, #0b2340, #071b33);

    box-shadow:
        0 30px 75px rgba(2, 21, 42, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.programme-schedule-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.programme-schedule-header > div > span {
    display: block;
    margin-bottom: 5px;
    color: #37a7ff;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.17em;
}

.programme-schedule-header h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.8rem, 3vw, 2.55rem);
    font-weight: 500;
    letter-spacing: -0.03em;
}

.programme-schedule-header small {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
    color: #9fc4e4;
    white-space: nowrap;
}

.programme-table-scroll {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 18px;
}

.programme-table {
    width: 100%;
    min-width: 1180px;
    table-layout: fixed;
    border-collapse: collapse;
    color: #dbe9f7;
}

/* Column widths */

.programme-table col:nth-child(1) {
    width: 190px;
}

/* All borders */

.programme-table th,
.programme-table td {
    border: 1px solid rgba(166, 205, 239, 0.17);
    padding: 17px 16px;
    text-align: center;
    vertical-align: middle;
}

/* AM / PM heading */

.programme-table thead th {
    padding: 15px;
    color: #fff;
    background: linear-gradient(180deg, #207dbd, #17649c);
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.programme-table thead .day-heading {
    width: 190px;
    background: rgba(255, 255, 255, 0.04);
}

/* Day column */

.programme-table .day-cell {
    width: 190px;
    padding: 18px;
    color: #fff;
    background: linear-gradient(135deg, rgba(37, 143, 214, 0.95), rgba(23, 99, 157, 0.95));
    text-align: left;
}

.programme-table .day-cell strong {
    display: block;
    margin-bottom: 6px;
    font-size: 1.02rem;
    font-weight: 800;
}

.programme-table .day-cell span {
    display: block;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.88rem;
    font-weight: 600;
}

/* Normal programme cells */

.programme-table tbody td {
    color: #cbdced;
    background: rgba(255, 255, 255, 0.025);
    line-height: 1.55;
}

.programme-table tbody tr:hover td {
    background: rgba(42, 146, 222, 0.08);
}

.programme-table td strong {
    display: block;
    color: #fff;
    font-size: 0.96rem;
    font-weight: 800;
    line-height: 1.45;
}

.programme-table td span {
    display: block;
    margin-top: 5px;
    color: #c0d3e6;
    font-size: 0.91rem;
}

.programme-table td em {
    color: #65bcff;
    font-size: 0.86rem;
    font-weight: 700;
    font-style: italic;
}

.session-cell {
    padding: 5px 1px !important;
}

.compact-cell {
    padding: 12px 16px !important;
}

/* Lunch column */

.lunch-cell {
    width: 105px;
    color: #fff !important;
    background: linear-gradient(180deg, rgba(21, 105, 164, 0.38), rgba(19, 74, 123, 0.44)) !important;
}

.lunch-cell span {
    margin: 0 !important;
    color: #fff !important;
    font-size: 0.98rem !important;
    font-weight: 800;
    line-height: 1.25;
}

/* Highlighted events */

.special-cell {
    position: relative;
    background: rgba(30, 136, 207, 0.08) !important;
}

.special-cell::before {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    width: 4px;
    border-radius: 0 5px 5px 0;
    content: "";
}

.reception-cell::before {
    background: #ff9f43;
}

.tour-cell::before {
    background: #2ed3a0;
}

.provider-cell::before {
    background: #42a5f5;
}

.final-cell::before {
    background: #b57cff;
}

.reception-cell {
    background: rgba(255, 159, 67, 0.09) !important;
}

.tour-cell {
    background: rgba(46, 211, 160, 0.09) !important;
}

.provider-cell {
    background: rgba(66, 165, 245, 0.09) !important;
}

.final-cell {
    background: rgba(181, 124, 255, 0.09) !important;
}

.empty-cell {
    color: #89a5bf !important;
    background: rgba(255, 255, 255, 0.015) !important;
    font-size: 1.25rem;
    font-weight: 700;
}

/* Scrollbar */

.programme-table-scroll {
    scrollbar-width: thin;
    scrollbar-color: #2485c7 rgba(255, 255, 255, 0.08);
}

.programme-table-scroll::-webkit-scrollbar {
    height: 8px;
}

.programme-table-scroll::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.07);
}

.programme-table-scroll::-webkit-scrollbar-thumb {
    background: #2485c7;
    border-radius: 20px;
}

/* Responsive */

@media (max-width: 767px) {
    .programme-schedule-card {
        padding: 24px 17px 18px;
        border-radius: 22px;
    }

    .programme-schedule-header {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .programme-schedule-header small {
        margin-top: 0;
    }

    .programme-table {
        min-width: 1080px;
    }

    .programme-table th,
    .programme-table td {
        padding: 14px 12px;
    }
}

.org-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 28px;

    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.org-card:hover {
    transform: translateY(-8px);
    border-color: rgba(70, 175, 255, 0.35);
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28);
}

.org-card-top {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    /* margin-bottom: 24px; */
}

/* MAIN LOGO FIX */

.org-icon {
    width: 144px;
    height: 144px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* padding: 12px; */
    /* background: rgba(255, 255, 255, 0.96); */
    /* border: 1px solid rgba(255, 255, 255, 0.9); */
    /* border-radius: 22px; */
    /* box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.28),
        inset 0 1px 1px rgba(255, 255, 255, 0.9); */
    overflow: hidden;
}

.org-icon img {
    /* width: 100%; */
    /* height: 100%; */
    /* object-fit: contain; */
    /* filter: contrast(1.12) saturate(1.12) brightness(1.04); */
}

/* Individual logo tuning */

/* ICG circular logo */
.org-card:nth-child(1) .org-icon img {
    /* width: 100%; */
    /* height: 100%; */
}

/* UN / UNOOSA */
.org-card:nth-child(2) .org-icon img {
    width: 88%;
    height: 88%;
}

/* ISRO is wide */
.org-card:nth-child(3) .org-icon {
    width: 118px;
}

.org-card:nth-child(3) .org-icon img {
    width: 100%;
    height: auto;
}

/* NavIC circular logo */
.org-card:nth-child(4) .org-icon img {
    width: 94%;
    height: 94%;
}

.org-number {
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.16em;
}

.org-card h3 {
    margin-bottom: 16px;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 800;
}

.org-card p {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.75;
}

.org-card .text-button {
    margin-top: auto;
}

/* Mobile */

@media (max-width: 767px) {
    .org-icon {
        width: 82px;
        height: 82px;
        padding: 10px;
        border-radius: 18px;
    }

    .org-card:nth-child(3) .org-icon {
        width: 105px;
    }
}

.hotels-section {
    position: relative;
    background: radial-gradient(circle at 10% 15%, rgba(34, 144, 255, 0.07), transparent 30%), #f5f9fd;
}

/* HOTEL CARD */

.hotel-card {
    position: relative;

    display: flex;
    flex-direction: column;

    min-height: 390px;
    padding: 28px;

    overflow: hidden;

    background: rgba(255, 255, 255, 0.9);

    border: 1px solid rgba(18, 72, 120, 0.1);
    border-radius: 26px;

    box-shadow: 0 18px 50px rgba(8, 42, 75, 0.08);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease;
}

/* top gradient */

.hotel-card::before {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    content: "";

    background: linear-gradient(90deg, #1268b3, #20a7ef);

    opacity: 0.8;
}

.hotel-card:hover {
    transform: translateY(-10px);

    border-color: rgba(29, 143, 225, 0.28);

    box-shadow: 0 28px 65px rgba(5, 46, 87, 0.15);
}

/* NUMBER */

.hotel-card-number {
    position: absolute;

    top: 24px;
    right: 24px;

    color: rgba(9, 55, 95, 0.18);

    font-size: 1rem;
    font-weight: 800;

    letter-spacing: 0.14em;
}

/* ICON */

.hotel-icon {
    width: 64px;
    height: 64px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 26px;

    color: #fff;

    font-size: 1.55rem;

    border-radius: 18px;

    background: linear-gradient(135deg, #0d69b4, #21a9ee);

    box-shadow: 0 12px 28px rgba(22, 132, 205, 0.25);
}

/* CONTENT */

.hotel-content {
    flex: 1;
}

.hotel-location {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    margin-bottom: 12px;

    color: #1383ca;

    font-size: 0.75rem;
    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.08em;
}

.hotel-card h3 {
    margin-bottom: 14px;

    color: #0a2948;

    font-size: 1.35rem;
    font-weight: 800;

    line-height: 1.3;
}

.hotel-card p {
    margin: 0;

    color: #687b8d;

    font-size: 0.94rem;

    line-height: 1.75;
}

/* FOOTER */

.hotel-card-footer {
    padding-top: 22px;

    margin-top: 24px;

    border-top: 1px solid rgba(9, 55, 95, 0.09);
}

.hotel-card-footer span {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #47627a;

    font-size: 0.82rem;

    font-weight: 700;
}

/* MORE HOTELS */

.more-hotels-card {
    display: flex;

    align-items: center;

    gap: 22px;

    padding: 24px 28px;

    border: 1px dashed rgba(27, 126, 195, 0.3);

    border-radius: 22px;

    background: linear-gradient(135deg, rgba(21, 127, 203, 0.06), rgba(31, 170, 236, 0.02));
}

.more-hotels-icon {
    flex: 0 0 auto;

    width: 55px;
    height: 55px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #1688d0;

    border-radius: 16px;

    background: #fff;

    box-shadow: 0 10px 25px rgba(8, 53, 93, 0.1);
}

.more-hotels-card span {
    color: #1383ca;

    font-size: 0.74rem;
    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: 0.1em;
}

.more-hotels-card h4 {
    margin: 4px 0 5px;

    color: #0a2948;

    font-size: 1.15rem;
    font-weight: 800;
}

.more-hotels-card p {
    color: #6a7d8e;

    font-size: 0.9rem;
}

/* MOBILE */

@media (max-width: 767px) {
    .hotel-card {
        min-height: auto;
        padding: 23px;
        border-radius: 21px;
    }

    .hotel-icon {
        width: 56px;
        height: 56px;
    }

    .more-hotels-card {
        align-items: flex-start;
        padding: 20px;
    }
}

.visa-section {
    background: radial-gradient(circle at 10% 10%, rgba(34, 146, 255, 0.1), transparent 30%),
        linear-gradient(180deg, #071b33, #0a2746);
}

.mea-approval-card,
.visa-links-card {
    padding: 32px;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.2);
    color: #fff;
}

.mea-top {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 20px;
}

.mea-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: linear-gradient(135deg, #168bd5, #34b9ef);
    font-size: 1.5rem;
}

.mea-top h3,
.visa-links-header h3 {
    margin: 4px 0 0;
    color: #fff;
    font-weight: 800;
}

.mea-intro,
.visa-links-copy {
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.7;
}

.mea-action-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin: 26px 0;
    padding: 20px 22px;
    border-radius: 18px;
    background: rgba(34, 144, 224, 0.08);
    border: 1px solid rgba(47, 169, 239, 0.2);
}

.deadline-label {
    display: block;
    color: #66c4ff;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.mea-action-box strong {
    color: #fff;
    font-size: 1.25rem;
}

.important-note {
    display: flex;
    gap: 18px;
    padding: 22px;
    border-radius: 18px;
    background: rgba(255, 170, 47, 0.07);
    border: 1px solid rgba(255, 188, 72, 0.22);
}

.important-note-icon {
    color: #ffb648;
    font-size: 1.4rem;
}

.important-note p {
    color: rgba(255, 255, 255, 0.72);
}

.approval-list {
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
    display: grid;
    gap: 8px;
}

.approval-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}

.approval-list i {
    color: #39c98c;
}

.visa-links-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.visa-links-header > i {
    font-size: 2.2rem;
    color: rgba(255, 255, 255, 0.2);
}

.visa-links-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.visa-resource-link {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 17px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.045);
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease;
}

.visa-resource-link:hover {
    color: #fff;
    transform: translateY(-3px);
    border-color: rgba(52, 171, 239, 0.32);
    background: rgba(38, 145, 213, 0.1);
}

.resource-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    color: #54bcf7;
    background: rgba(38, 149, 218, 0.12);
}

.visa-resource-link span {
    display: block;
    color: #73bbe7;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.visa-resource-link strong {
    display: block;
    color: #fff;
    font-size: 0.92rem;
}

@media (max-width: 767px) {
    .mea-approval-card,
    .visa-links-card {
        padding: 22px;
    }

    .mea-action-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .important-note {
        flex-direction: column;
    }

    .visa-links-grid {
        grid-template-columns: 1fr;
    }
}

/* =====================================
   ICG-20 LOGO — LARGE & FULLY VISIBLE
===================================== */

.navbar .icg20-logo,
.icg20-logo {
    width: 145px !important;
    height: 78px !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center !important;

    padding: 0 !important;
    margin: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    mix-blend-mode: normal !important;

    filter: contrast(1.15) saturate(1.18) brightness(1.05) drop-shadow(0 3px 5px rgba(0, 35, 65, 0.16)) !important;
}

/* ICG-20 logo container */

.icg20-logo-box {
    width: 165px !important;
    height: 88px !important;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    padding: 4px 8px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 16px;

    box-shadow:
        0 8px 25px rgba(0, 40, 75, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Tablet */

@media (max-width: 1199.98px) {
    .navbar .icg20-logo,
    .icg20-logo {
        width: 125px !important;
        height: 68px !important;
    }

    .icg20-logo-box {
        width: 142px !important;
        height: 78px !important;
    }
}

/* Mobile */

@media (max-width: 767.98px) {
    .navbar .icg20-logo,
    .icg20-logo {
        width: 105px !important;
        height: 58px !important;
    }

    .icg20-logo-box {
        width: 118px !important;
        height: 66px !important;
    }
}

/* Hero logo relocation / visibility */
.mobile-nav-title {
    color: #082d50;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 800;
    font-size: 0.92rem;
}
.hero-side-logo {
    position: absolute;
    top: 2%;
    z-index: 7;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.hero-logo-left {
    left: clamp(24px, 4vw, 72px);
}
.hero-logo-right {
    right: clamp(24px, 4vw, 72px);
}
.hero-side-logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: visible;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(20px) saturate(135%);
    -webkit-backdrop-filter: blur(20px) saturate(135%);
    box-shadow:
        0 24px 60px rgba(0, 18, 44, 0.32),
        0 0 0 1px rgba(9, 86, 139, 0.05),
        inset 0 1px 0 #fff;
    transition: 0.3s ease;
}
.hero-side-logo-box:hover {
    transform: translateY(-5px) scale(1.025);
    box-shadow:
        0 30px 70px rgba(0, 18, 44, 0.38),
        0 0 30px rgba(53, 181, 255, 0.18),
        inset 0 1px 0 #fff;
}
.hero-icg20-box {
    width: clamp(160px, 15vw, 160px);
    height: clamp(157px, 14vw, 160px);
    padding: 12px;
    border-radius: 34px;
}
.hero-isro-box {
        width: clamp(160px, 15vw, 160px);
    height: clamp(157px, 14vw, 160px);
    padding: 12px;
    border-radius: 34px;
}
.hero-side-logo-box img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: contain;
    object-position: center;
    opacity: 1 !important;
    visibility: visible !important;
    mix-blend-mode: normal !important;
    /* filter: contrast(1.08) saturate(1.08) brightness(1.02) drop-shadow(0 3px 5px rgba(0, 35, 65, 0.12)) !important; */
}
@media (min-width: 1200px) {
    .hero-content {
        max-width: 818px;
    }
}
@media (max-width: 1199.98px) {
    .hero-side-logo {
        top: auto;
        bottom: 52px;
        transform: none;
    }
    .hero-logo-left {
        left: 24px;
    }
    .hero-logo-right {
        right: 24px;
    }
    .hero-icg20-box {
        width: 150px;
        height: 138px;
        padding: 9px;
        border-radius: 25px;
    }
    .hero-isro-box {
        width: 145px;
        height: 105px;
        padding: 13px;
        border-radius: 23px;
    }
    .hero-content {
        padding-bottom: 145px;
    }
}
@media (max-width: 767.98px) {
    .hero-side-logo {
        bottom: 42px;
    }
    .hero-logo-left {
        left: 14px;
    }
    .hero-logo-right {
        right: 14px;
    }
    .hero-icg20-box {
        width: 112px;
        height: 102px;
        padding: 7px;
        border-radius: 19px;
    }
    .hero-isro-box {
        width: 108px;
        height: 82px;
        padding: 10px;
        border-radius: 18px;
    }
    .hero-content {
        padding-bottom: 125px;
    }
}
@media (max-width: 420px) {
    .hero-logo-left {
        left: 9px;
    }
    .hero-logo-right {
        right: 9px;
    }
    .hero-icg20-box {
        width: 98px;
        height: 90px;
    }
    .hero-isro-box {
        width: 96px;
        height: 74px;
    }
}

/* =========================================
   CONTACT SECTION LOGOS - HIGH VISIBILITY
========================================= */

.contact-logos {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-top: 32px;
    padding-top: 25px;

    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* WHITE GLASS LOGO BOX */

.contact-logo-box {
    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.97);

    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 18px;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 1);

    overflow: hidden;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

/* ICG-20 LOGO BOX */

.contact-icg20-logo {
    width: 155px;
    height: 125px;

    padding: 8px;
}

/* ISRO LOGO BOX */

.contact-isro-logo {
    width: 145px;
    height: 105px;

    padding: 14px;
}

/* IMAGES */

.contact-logo-box img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    /* mix-blend-mode: normal !important; */
    /* filter: contrast(1.08) saturate(1.1) brightness(1.03) drop-shadow(0 2px 3px rgba(0, 30, 60, 0.1)) !important; */
}

/* ICG-20 EXTRA VISIBILITY */

.contact-icg20-logo img {
    transform: scale(1.03);
}

/* HOVER */

.contact-logo-box:hover {
    transform: translateY(-5px);

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.28),
        0 0 25px rgba(62, 181, 255, 0.15);
}

/* ===============================
   TABLET
================================ */

@media (max-width: 991.98px) {
    .contact-logos {
        justify-content: flex-start;
    }

    .contact-icg20-logo {
        width: 145px;
        height: 115px;
    }

    .contact-isro-logo {
        width: 135px;
        height: 100px;
    }
}

/* ===============================
   MOBILE
================================ */

@media (max-width: 575.98px) {
    .contact-logos {
        gap: 12px;
    }

    .contact-icg20-logo {
        width: 125px;
        height: 100px;
        padding: 7px;
    }

    .contact-isro-logo {
        width: 115px;
        height: 90px;
        padding: 10px;
    }
}

/* ==========================================
   FOOTER ICG-20 LOGO VISIBILITY
========================================== */

.footer-brand{
  display:flex;
  align-items:center;
  gap:20px;
}


/* WHITE LOGO CONTAINER */

.footer-logo-box{
  flex:0 0 auto;

  width:135px;
  height:105px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:7px;

  background:rgba(255,255,255,.97);

  border:1px solid rgba(255,255,255,.9);
  border-radius:18px;

  box-shadow:
    0 12px 30px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,1);

  overflow:hidden;

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}


/* LOGO */

.footer-logo-box img{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:1 !important;
  visibility:visible !important;
  /* mix-blend-mode:normal !important; */
  /* filter:
    contrast(1.10)
    saturate(1.12)
    brightness(1.03)
    drop-shadow(0 2px 3px rgba(0,30,60,.10)) !important; */
}


/* Slightly enlarge artwork inside box */

.footer-logo-box img{
  transform:scale(1.03);
}


/* HOVER */

.footer-logo-box:hover{
  transform:translateY(-4px);

  box-shadow:
    0 18px 40px rgba(0,0,0,.28),
    0 0 25px rgba(50,175,255,.15);
}


/* TEXT */

.footer-brand-content{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.footer-brand-content strong{
  display:block;

  color:#fff;

  font-size:1.08rem;
  font-weight:800;
}

.footer-brand-content span{
  display:block;

  color:rgba(255,255,255,.58);

  font-size:.84rem;
}


/* =========================
   MOBILE
========================= */

@media(max-width:767.98px){

  .footer-brand{
    align-items:center;
  }

  .footer-logo-box{
    width:110px;
    height:88px;

    padding:6px;
    border-radius:15px;
  }

  .footer-brand-content strong{
    font-size:.95rem;
  }

  .footer-brand-content span{
    font-size:.76rem;
  }

}


/* Very small mobile */

@media(max-width:420px){

  .footer-brand{
    gap:13px;
  }

  .footer-logo-box{
    width:95px;
    height:78px;
  }

}

/* =========================================
   HERO ORGANISATION LOGOS - CENTER ALIGN
========================================= */

.hero-logos{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center !important;
  gap:22px;
  margin:35px auto 0;
  padding: 2px;
  position:relative;
  left:auto !important;
  right:auto !important;
  text-align:center;
}


/* LOGO BOX */

.hero-logos .logo-box{
  /* width:130px; */
  /* height:130px; */
  /* display:flex; */
  /* align-items:center; */
  /* justify-content:center; */
  /* padding:10px; */
  /* background:rgba(255,255,255,.96); */
  /* border:1px solid rgba(255,255,255,.85); */
  /* border-radius:22px; */
  /* box-shadow:
    0 15px 35px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,1); */
  /* flex:0 0 auto; */
}


/* LINK ALSO CENTERED */

.hero-logos .logo-box a{
  width:100%;
  height:100%;

  display:flex;
  align-items:center;
  justify-content:center;
}


/* LOGO IMAGE */

.hero-logos .logo-box img{
  display:block;
  width:100% !important;
  height:100% !important;
  /* max-width:110px !important; */
  /* max-height:110px !important; */
  /* object-fit:contain !important; */
  /* object-position:center !important; */
  /* opacity:1 !important; */
  /* visibility:visible !important; */
  /* filter:none !important; */
}


/* TABLET */

@media(max-width:991.98px){

  .hero-logos{
    gap:16px;
    margin-top:30px;
  }

  .hero-logos .logo-box{
    width:115px;
    height:115px;
  }

  .hero-logos .logo-box img{
    max-width:95px !important;
    max-height:95px !important;
  }

}


/* MOBILE */

@media(max-width:575.98px){

  .hero-logos{
    justify-content:center !important;
    gap:10px;
    flex-wrap:nowrap;
  }

  .hero-logos .logo-box{
    width:90px;
    height:90px;

    padding:8px;
    border-radius:16px;
  }

  .hero-logos .logo-box img{
    max-width:74px !important;
    max-height:74px !important;
  }

}


/* ==================================================
   MOBILE HEADER + TWO TOP LOGOS
================================================== */

.mobile-top-logo{
  display:none;
}

@media(max-width:1199.98px){

  .glass-nav{
    top:8px;
    padding:0 8px;
  }

  .nav-shell{
    min-height:74px;
    display:grid !important;
    grid-template-columns:82px 1fr 82px;
    align-items:center;

    padding:7px 10px;

    border-radius:20px;

    background:
      linear-gradient(
        135deg,
        rgba(246,251,255,.96),
        rgba(218,240,253,.94)
      ) !important;

    border:1px solid rgba(255,255,255,.85);

    box-shadow:
      0 14px 35px rgba(0,28,60,.22);

    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
  }


  /* TOP LOGOS */

  .mobile-top-logo{
    display:flex;
    align-items:center;
    justify-content:center;

    width:72px;
    height:58px;

    padding:4px;

    background:#fff;

    border-radius:14px;

    box-shadow:
      0 6px 18px rgba(0,45,80,.12);
  }

  .mobile-top-logo img{
    width:100%;
    height:100%;

    object-fit:contain;

    filter:
      contrast(1.08)
      saturate(1.08);
  }

  .mobile-top-logo-left{
    justify-self:start;
  }

  .mobile-top-logo-right{
    justify-self:end;
  }


  /* ICG-20 slightly larger */

  .mobile-top-logo-left{
    width:78px;
    height:62px;
  }


  /* MENU BUTTON CENTER */

  .mobile-menu-btn{
    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    justify-self:center;

    border-radius:50%;

    background:#0a2f57 !important;
  }

  .menu-lines{
    width:24px;
    height:18px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }

  .menu-lines i{
    width:100%;
    height:2px;

    display:block;

    background:#fff !important;

    border-radius:10px;
  }


  /* Hide desktop hero-side logos on mobile,
     because now they are in top navbar */

  .hero-side-logo{
    display:none !important;
  }

}

/* ==================================================
   MOBILE OFFCANVAS MENU
================================================== */

.mobile-offcanvas{
  width:min(88vw,390px) !important;

  color:#fff;

  background:
    radial-gradient(
      circle at top right,
      rgba(32,160,225,.20),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #061a33,
      #0a3156
    );

  border-left:
    1px solid rgba(255,255,255,.10);

  backdrop-filter:blur(24px);
  -webkit-backdrop-filter:blur(24px);
}


.mobile-menu-header{
  padding:24px;

  border-bottom:
    1px solid rgba(255,255,255,.10);
}


.mobile-menu-kicker{
  display:block;

  color:#68d3ff;

  font-size:.72rem;
  font-weight:800;

  text-transform:uppercase;
  letter-spacing:.15em;
}


.mobile-menu-header h5{
  margin:4px 0 0;

  color:#fff;

  font-size:1.35rem;
  font-weight:800;
}


.mobile-links{
  display:flex;
  flex-direction:column;
}


.mobile-links a{
  display:grid;

  grid-template-columns:38px 1fr auto;

  align-items:center;

  gap:12px;

  padding:18px 4px;

  color:#fff;

  font-family:"Plus Jakarta Sans",sans-serif;

  font-size:1.08rem;
  font-weight:700;

  border-bottom:
    1px solid rgba(255,255,255,.09);

  transition:.3s ease;
}


.mobile-links a span{
  color:#59c8fb;

  font-size:.70rem;
  font-weight:800;
}


.mobile-links a > i{
  color:rgba(255,255,255,.45);

  transition:.3s ease;
}


.mobile-links a:hover{
  padding-left:10px;

  color:#7bddff;

  background:
    rgba(255,255,255,.04);
}


.mobile-links a:hover > i{
  color:#7bddff;

  transform:translateX(4px);
}


.mobile-menu-footer{
  margin-top:30px;

  padding:18px;

  border-radius:16px;

  background:
    rgba(255,255,255,.06);

  border:
    1px solid rgba(255,255,255,.09);
}


.mobile-menu-footer span,
.mobile-menu-footer strong{
  display:block;
}


.mobile-menu-footer span{
  color:#8fb4d3;

  font-size:.78rem;
}


.mobile-menu-footer strong{
  margin-top:3px;

  color:#fff;

  font-size:1rem;
}

@media(max-width:420px){

  .nav-shell{
    grid-template-columns:70px 1fr 70px;
    min-height:66px;
  }

  .mobile-top-logo{
    width:62px;
    height:50px;
  }

  .mobile-top-logo-left{
    width:68px;
    height:54px;
  }

  .mobile-menu-btn{
    width:44px;
    height:44px;
  }

}

/* =====================================================
   FINAL MOBILE HEADER FIX
   KEEP THIS AT THE VERY END OF styles.css
===================================================== */

@media (max-width: 1199.98px){

    /* Desktop center menu MUST disappear */
    #mainNav .navbar-collapse,
    #mainNav .nav-center{
        display:none !important;
    }

    /* Hero banner ke desktop left/right large logos hide */
    body .hero-side-logo,
    body .hero-logo-left,
    body .hero-logo-right{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
    }

    /* Mobile navbar */
    #mainNav .nav-shell{
        width:calc(100% - 20px);
        min-height:78px;

        margin:0 auto;
        padding:7px 12px;

        display:grid !important;
        grid-template-columns:90px 1fr 90px;
        align-items:center;

        background:rgba(230,245,255,.96) !important;

        border:1px solid rgba(255,255,255,.8);
        border-radius:20px;

        backdrop-filter:blur(20px);
        -webkit-backdrop-filter:blur(20px);

        box-shadow:0 12px 35px rgba(0,25,55,.22);
    }

    /* Left / right mobile logos */
    .mobile-top-logo{
        display:flex !important;

        align-items:center;
        justify-content:center;

        background:#fff;

        border-radius:14px;

        box-shadow:0 5px 18px rgba(0,40,75,.12);

        overflow:hidden;
    }

    .mobile-top-logo-left{
        width:82px;
        height:64px;

        justify-self:start;
    }

    .mobile-top-logo-right{
        width:82px;
        height:64px;

        justify-self:end;
    }

    .mobile-top-logo img{
        width:100%;
        height:100%;

        padding:4px;

        object-fit:contain !important;

        opacity:1 !important;
        visibility:visible !important;
    }

    /* Hamburger exactly center */
    #mainNav .navbar-toggler{
        display:flex !important;

        width:48px;
        height:48px;

        align-items:center;
        justify-content:center;

        justify-self:center;

        padding:0;

        background:#082d50 !important;

        border-radius:50%;
    }

    #mainNav .menu-lines{
        width:23px;
        height:17px;

        display:flex;
        flex-direction:column;
        justify-content:space-between;
    }

    #mainNav .menu-lines i{
        width:100%;
        height:2px;

        display:block;

        background:#fff !important;

        border-radius:20px;
    }
}


/* Small Mobile */

@media (max-width: 575.98px){

    #mainNav{
        top:6px;
        padding:0;
    }

    #mainNav .nav-shell{
        grid-template-columns:76px 1fr 76px;

        min-height:70px;

        padding:6px 8px;
    }

    .mobile-top-logo-left{
        width:70px;
        height:56px;
    }

    .mobile-top-logo-right{
        width:70px;
        height:56px;
    }

    #mainNav .navbar-toggler{
        width:44px;
        height:44px;
    }
}

section[id],
  header[id] {
    scroll-margin-top: 89px;
  }

  /* ---------------- DESKTOP ---------------- */
  @media (min-width: 1200px) {
    #mainNav {
      top: 18px;
      padding: 0 24px;
    }

    #mainNav .nav-shell {
      width: auto;
      max-width: 930px;
      min-height: 72px;
      margin: 0 auto;
      padding: 8px 20px;
      display: flex !important;
      align-items: center;
      justify-content: center !important;
      border-radius: 24px;
      background: rgba(5, 27, 53, .78) !important;
      border: 1px solid rgba(255,255,255,.16);
      -webkit-backdrop-filter: blur(22px);
      backdrop-filter: blur(22px);
      box-shadow: 0 16px 42px rgba(0,0,0,.25);
    }

    #mainNav .navbar-collapse {
      display: flex !important;
      align-items: center;
      justify-content: center;
    }

    #mainNav .navbar-nav,
    #mainNav .nav-center {
      display: flex !important;
      flex-direction: row !important;
      align-items: center;
      justify-content: center;
      flex-wrap: nowrap;
    }

    #mainNav .nav-link {
      color: #fff !important;
      padding: 11px 16px !important;
      white-space: nowrap;
      font-weight: 700;
      border-radius: 999px;
    }

    #mainNav .nav-link:hover,
    #mainNav .nav-link.active {
      color: #78d8ff !important;
      background: rgba(255,255,255,.09);
    }

    #mainNav .mobile-top-logo,
    #mainNav .navbar-toggler {
      display: none !important;
    }
  }

  /* ---------------- MOBILE / TABLET ---------------- */
  .mobile-top-logo {
    display: none;
  }

  @media (max-width: 1199.98px) {
    section[id],
    header[id] {
      scroll-margin-top: 92px;
    }

    #mainNav {
      top: 7px !important;
      padding: 0 8px !important;
    }

    /* Prevent desktop menu from appearing as a vertical panel on mobile */
    #mainNav .navbar-collapse,
    #mainNav .navbar-nav,
    #mainNav .nav-center {
      display: none !important;
    }

    #mainNav .nav-shell {
      width: 100%;
      max-width: none;
      min-height: 76px;
      margin: 0 auto;
      padding: 7px 10px !important;
      display: grid !important;
      grid-template-columns: 84px 1fr 84px;
      align-items: center;
      justify-items: center;
      border-radius: 20px;
      background: rgba(232,246,255,.97) !important;
      border: 1px solid rgba(255,255,255,.9);
      -webkit-backdrop-filter: blur(20px);
      backdrop-filter: blur(20px);
      box-shadow: 0 12px 35px rgba(0,25,55,.20);
    }

    #mainNav .mobile-top-logo {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 78px;
      height: 60px;
      padding: 4px;
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 5px 16px rgba(0,40,75,.11);
      overflow: hidden;
    }

    #mainNav .mobile-top-logo-left {
      justify-self: start;
    }

    #mainNav .mobile-top-logo-right {
      justify-self: end;
    }

    #mainNav .mobile-top-logo img {
      display: block;
      width: 100%;
      height: 100%;
      max-width: none !important;
      max-height: none !important;
      object-fit: contain !important;
      object-position: center !important;
      opacity: 1 !important;
      visibility: visible !important;
      filter: none !important;
    }

    #mainNav .navbar-toggler {
      display: flex !important;
      align-items: center;
      justify-content: center;
      justify-self: center;
      width: 48px;
      height: 48px;
      margin: 0;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 50%;
      background: #082d50 !important;
      box-shadow: none !important;
    }

    #mainNav .menu-lines {
      width: 24px;
      height: 18px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    #mainNav .menu-lines i {
      width: 100%;
      height: 2px;
      display: block;
      margin: 0 !important;
      background: #fff !important;
      border-radius: 20px;
    }

    /* Desktop side logos are replaced by mobile top logos */
    .hero > .hero-side-logo {
      display: none !important;
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }
  }

  @media (max-width: 575.98px) {
    #mainNav .nav-shell {
      min-height: 68px;
      grid-template-columns: 70px 1fr 70px;
      padding: 6px 8px !important;
    }

    #mainNav .mobile-top-logo {
      width: 66px;
      height: 52px;
      border-radius: 12px;
    }

    #mainNav .navbar-toggler {
      width: 43px;
      height: 43px;
    }
  }

  /* ---------------- OFFCANVAS ---------------- */
  .mobile-offcanvas {
    width: min(88vw, 390px) !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 88% 4%, rgba(30,157,225,.22), transparent 31%),
      linear-gradient(145deg, #061a32, #0a3156) !important;
    border-left: 1px solid rgba(255,255,255,.1) !important;
    box-shadow: -20px 0 60px rgba(0,0,0,.3);
  }

  .mobile-offcanvas .offcanvas-header {
    padding: 24px !important;
    border-bottom: 1px solid rgba(255,255,255,.1);
  }

  .mobile-menu-kicker {
    display: block;
    margin-bottom: 3px;
    color: #68d4ff;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .15em;
  }

  .mobile-offcanvas h5 {
    margin: 0;
    color: #fff;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
  }

  .mobile-offcanvas .offcanvas-body {
    padding: 12px 24px 28px;
  }

  .mobile-links {
    display: flex;
    flex-direction: column;
  }

  .mobile-links a {
    display: grid !important;
    grid-template-columns: 36px 1fr auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 19px 3px !important;
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,.09);
    background: transparent !important;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 1.03rem;
    font-weight: 700;
  }

  .mobile-links a span {
    color: #54cafb !important;
    font-size: .69rem;
    font-weight: 800;
  }

  .mobile-links a > i {
    color: rgba(255,255,255,.42);
  }

  /* ---------------- HERO ORGANISATION LOGOS ---------------- */
  .hero-logos {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    gap: 31px;
    margin: 34px auto 0 !important;
    flex-wrap: wrap;
    text-align: center;
  }

  .hero-logos .logo-box {
    width: 120px;
    height: 119px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0px;
    /* border-radius: 22px; */
    /* background: rgba(255,255,255,.96); */
    /* border: 1px solid rgba(255,255,255,.9); */
    /* box-shadow: 0 15px 35px rgba(0,0,0,.25); */
  }

  .hero-logos .logo-box a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero-logos .logo-box img {
    /* display: block; */
    /* width: 100% !important; */
    /* height: 100% !important; */
    /* max-width: 100px !important; */
    /* max-height: 100px !important; */
    /* object-fit: contain !important; */
    /* filter: none !important; */
  }

  @media (max-width: 767.98px) {
    .hero-logos {
      gap: 10px;
      margin-top: 25px !important;
      flex-wrap: nowrap;
    }

    .hero-logos .logo-box {
      width: 84px;
      height: 84px;
      padding: 7px;
      border-radius: 16px;
    }

    .hero-logos .logo-box img {
      max-width: 68px !important;
      max-height: 68px !important;
    }
  }


/* ==========================================
   PROGRAMME TABLE — FINAL CLEAN STRUCTURE
========================================== */

.programme-table{
    width:100%;
    min-width:1180px;

    table-layout:fixed;
    border-collapse:collapse;

    color:#fff;
}


/* COLUMN WIDTHS */

.programme-table .col-day{
    width:185px;
}

.programme-table .col-am{
    width:13%;
}

.programme-table .col-lunch{
    width:46px;
}

.programme-table .col-pm{
    width:16%;
}


/* ALL CELLS */

.programme-table th,
.programme-table td{
    border: 1px solid rgb(255 255 255);
    padding:16px 12px;
    text-align:center;
    vertical-align:middle;
}


/* ==========================
   AM / PM HEADER
========================== */

.programme-table thead th{
    height:50px;

    color:#fff;

    background:#5f9fd4;

    font-size:1rem;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.07em;
}

.programme-table .day-heading{
    background:rgba(255,255,255,.035);
}

.programme-table .lunch-heading{
    width:46px;
    padding:0 !important;

    background:rgba(255,255,255,.035);
}


/* ==========================
   DAY COLUMN
========================== */

.programme-table .day-cell{
    width:185px;

    padding:18px;

    color:#fff;

    text-align:left;

    background:#5f9fd4;
}

.programme-table .day-cell strong{
    display:block;

    margin-bottom:7px;

    font-size:1rem;
    font-weight:800;
}

.programme-table .day-cell span{
    display:block;

    color:rgba(255,255,255,.78);

    font-size:.82rem;
    font-weight:700;
}


/* ==========================
   NORMAL SESSION CELLS
========================== */

.programme-table tbody td{
    background:#0d2949;

    color:#dce9f5;

    line-height:1.45;
}

.programme-table .session-cell strong,
.programme-table .special-cell strong{
    display:block;
    color:#fff;
    font-size: .70rem;
    font-weight:800;
    line-height:1.4;
}

.programme-table .session-cell span,
.programme-table .special-cell span{
    display:block;

    margin-top:5px;

    color:#b8cada;

    font-size:.82rem;
}

.programme-table em{
    color:#58c7ff;

    font-size:.78rem;
    font-weight:700;
}


/* Compact double rows */

.programme-table .compact-cell{
    padding-top:10px;
    padding-bottom:10px;
}


/* ==========================
   LUNCH BREAK
========================== */

.programme-table .lunch-cell{
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;

    padding:0 !important;

    background:#123b60 !important;

    text-align:center !important;
    vertical-align:middle !important;
}


/*
   Keep Lunch Break readable without
   consuming table width
*/

.programme-table .lunch-cell span{
    display:block !important;

    margin:0 !important;

    color:#fff !important;

    font-size:10px !important;
    font-weight:800 !important;

    line-height:1.05 !important;

    white-space:nowrap;
}

.programme-table .lunch-cell span + span{
    margin-top:2px !important;
}


/* Empty lunch space on Sunday / Friday */

.programme-table .lunch-empty{
    width:46px;

    padding:0 !important;

    background:#0d2949 !important;
}


/* ==========================
   SPECIAL EVENTS
========================== */

.programme-table .special-cell{
    position:relative;
}


/* Welcome Reception */

.programme-table .reception-cell{
    background:
        rgba(255,153,62,.10) !important;
}

.programme-table .reception-cell::before{
    content:"";

    position:absolute;

    top:10px;
    bottom:10px;
    left:0;

    width:4px;

    border-radius:5px;

    background:#ff9c45;
}


/* Technical Tour */

.programme-table .tour-cell{
    background:
        rgba(30,207,160,.09) !important;
}

.programme-table .tour-cell::before{
    content:"";

    position:absolute;

    top:10px;
    bottom:10px;
    left:0;

    width:4px;

    border-radius:5px;

    background:#25d0a1;
}


/* Providers Forum */

.programme-table .provider-cell{
    background:
        rgba(62,164,245,.08) !important;
}

.programme-table .provider-cell::before{
    content:"";

    position:absolute;

    top:10px;
    bottom:10px;
    left:0;

    width:4px;

    border-radius:5px;

    background:#45a8fa;
}


/* Summary */

.programme-table .summary-cell{
    background:#102c4b !important;
}


/* Friday */

.programme-table .final-cell{
    background:
        rgba(152,105,255,.11) !important;
}

.programme-table .final-cell::before{
    content:"";

    position:absolute;

    top:10px;
    bottom:10px;
    left:0;

    width:4px;

    border-radius:5px;

    background:#9d69ff;
}


/* EMPTY CELL */

.programme-table .empty-cell{
    color:#8aa5ba !important;

    background:#0d2949 !important;

    font-size:1.2rem;
}


/* ==========================
   MOBILE
========================== */

@media(max-width:767.98px){

    .programme-table{
        min-width:1050px;
    }

    .programme-table .col-day{
        width:150px;
    }

    .programme-table .col-lunch{
        width:42px;
    }

    .programme-table .lunch-cell{
        width:42px !important;
        min-width:42px !important;
        max-width:42px !important;
    }

    .programme-table .lunch-empty{
        width:42px;
    }

}

/* =========================================
   DETAILED AGENDA BUTTON
========================================= */

.detailed-agenda-wrap{
  display:flex;
  justify-content:center;
  margin-top:28px;
}

.detailed-agenda-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:14px 28px;

  color:#fff;
  text-decoration:none;

  font-size:.95rem;
  font-weight:800;

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      #1777ff,
      #08b8ff
    );

  box-shadow:
    0 14px 35px rgba(0,139,255,.28);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.detailed-agenda-btn:hover{
  color:#fff;

  transform:translateY(-3px);

  box-shadow:
    0 20px 45px rgba(0,139,255,.38);
}

.detailed-agenda-btn i:first-child{
  font-size:1.2rem;
}

@media(max-width:575.98px){

  .detailed-agenda-btn{
    width:100%;
    padding:13px 18px;
    font-size:.9rem;
  }

}


.mea-action-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  flex-wrap:wrap;
}

.mea-action-content{
  flex:1;
  min-width:280px;
}

.mea-action-content strong{
  display:block;
  font-size:1.15rem;
  margin-bottom:8px;
}

.mea-cv-note{
  margin:0;
  line-height:1.65;
  opacity:.85;
}

.mea-action-buttons{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.mea-action-buttons .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}

/* Mobile */
@media (max-width:767.98px){

  .mea-action-box{
    align-items:stretch;
  }

  .mea-action-content{
    width:100%;
    min-width:0;
  }

  .mea-action-buttons{
    width:100%;
    flex-direction:column;
  }

  .mea-action-buttons .btn{
    width:100%;
    white-space:normal;
  }
}



.home-nav-link{
    width:40px;
    height:40px;
    padding:0 !important;

    display:flex !important;
    align-items:center;
    justify-content:center;

    border-radius:50%;
    font-size:17px;

    color:#fff !important;
    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.15);

    transition:
        background .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}

.home-nav-link:hover{
    color:#fff !important;
    background:#1da9f5;

    transform:translateY(-2px);

    box-shadow:
        0 7px 20px rgba(29,169,245,.35);
}


.hotel-image-card{
  overflow:hidden;
  padding:0 !important;
  border-radius:22px;
}

.hotel-image{
  position:relative;
  width:100%;
  height:220px;
  overflow:hidden;
}

.hotel-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}

.hotel-image-card:hover .hotel-image img{
  transform:scale(1.06);
}

.hotel-image .hotel-card-number{
  position:absolute;
  top:15px;
  right:15px;

  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:rgba(7,31,55,.88);
  backdrop-filter:blur(8px);

  color:#fff;
  font-size:12px;
  font-weight:800;
}

.hotel-image-card .hotel-content{
  padding:25px;
}

.hotel-image-card .hotel-content h3{
  margin:0 0 13px;
}

.hotel-url{
  display:flex;
  align-items:center;
  gap:8px;

  margin-bottom:16px;

  font-size:13px;
}

.hotel-url i{
  color:#45aef2;
  font-size:16px;
}

.hotel-url a{
  color:#45aef2;
  text-decoration:none;
  font-weight:700;
  word-break:break-word;
}

.hotel-url a:hover{
  text-decoration:underline;
}

.hotel-visit-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  margin-top:8px;
  padding:11px 20px;

  border-radius:50px;

  background:#45aef2;
  color:#fff;

  text-decoration:none;
  font-size:13px;
  font-weight:800;

  transition:.3s ease;
}

.hotel-visit-btn:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(69,174,242,.25);
}

@media(max-width:767px){
  .hotel-image{
    height:200px;
  }

  .hotel-image-card .hotel-content{
    padding:20px;
  }
}

/* =========================================================
   FINAL HEADER / NAVBAR ONLY
   ICG-20 | MENU | ISRO
   NO OTHER WEBSITE SECTION IS AFFECTED
========================================================= */


/* MAIN FIXED NAV */

#mainNav.glass-nav{
    top:8px !important;
    left:0;
    right:0;

    padding:0 20px !important;

    z-index:9999;
}


/* =========================================================
   ONE HEADER BAR
========================================================= */

#mainNav .nav-shell{
    width:100% !important;
    max-width:1500px !important;

    min-height:108px !important;

    margin:0 auto !important;

    /* IMPORTANT:
       old margin-top:50px removed
    */
    margin-top:0 !important;

    padding:6px 28px !important;

    display:grid !important;

    grid-template-columns:
        220px
        minmax(0,1fr)
        210px;

    align-items:center;

    gap:20px;

    /* LIGHT GRADIENT - NOT PURE WHITE */
    background:
        linear-gradient(
            110deg,
            rgba(238,249,255,.98) 0%,
            rgba(221,242,253,.98) 35%,
            rgba(239,247,255,.98) 68%,
            rgba(225,243,253,.98) 100%
        ) !important;

    border:
        1px solid rgba(15,85,130,.12) !important;

    border-radius:24px !important;

    box-shadow:
        0 10px 32px rgba(2,39,73,.14) !important;

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}


/* =========================================================
   LOGOS
========================================================= */

#mainNav .header-nav-logo{
    display:flex !important;

    align-items:center;

    height:94px;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    overflow:visible;

    text-decoration:none;
}


/* ICG-20 */

#mainNav .header-nav-logo-left{
    width:205px;

    justify-self:start;
    justify-content:flex-start;
}


/* ISRO */

#mainNav .header-nav-logo-right{
    width:190px;

    justify-self:end;
    justify-content:flex-end;
}


/* IMAGE */

#mainNav .header-nav-logo img{
    display:block;

    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;

    opacity:1 !important;
    visibility:visible !important;

    background:transparent !important;

    filter:none !important;
}


/* ICG artwork little larger */

#mainNav .header-nav-logo-left img{
    transform:scale(1.08);
    transform-origin:left center;
}


/* ISRO artwork */

#mainNav .header-nav-logo-right img{
    transform:scale(1.04);
    transform-origin:right center;
}


/* =========================================================
   CENTER DESKTOP MENU
========================================================= */

@media(min-width:1200px){

    #mainNav .navbar-collapse{
        display:flex !important;

        align-items:center;
        justify-content:center;

        min-width:0;

        visibility:visible !important;
        opacity:1 !important;
    }


    #mainNav .navbar-nav,
    #mainNav .nav-center{
        display:flex !important;

        flex-direction:row !important;

        align-items:center;
        justify-content:center;

        flex-wrap:nowrap;

        gap:4px !important;

        margin:0 !important;
        padding:0 !important;
    }


    #mainNav .nav-item{
        display:block !important;
    }


    #mainNav .nav-link{
        display:flex !important;
        align-items:center;
        justify-content:center;
        padding:11px 14px !important;
        color:#092a49 !important;
        font-size: 1.10rem !important;
        font-weight:700 !important;
        white-space:nowrap;
        border-radius:999px;
        background:transparent !important;
        visibility:visible !important;
        opacity:1 !important;
        transition:
            color .25s ease,
            background .25s ease;
    }


    /* old underline off */

    #mainNav .nav-link::before{
        display:none !important;
    }


    #mainNav .nav-link:hover,
    #mainNav .nav-link.active{
        color:#087dbd !important;

        background:
            rgba(16,136,194,.08) !important;
    }


    /* HOME ICON */

    #mainNav .home-nav-link{
        width: 48px !important;
        height: 50px !important;
        min-width: 50px;
        padding:0 !important;
        color:#fff !important;
        background:#082d50 !important;
        border:0 !important;
        border-radius:50% !important;
    }


    #mainNav .home-nav-link:hover{
        color:#fff !important;

        background:#159fdc !important;
    }


    /* desktop hamburger hide */

    #mainNav .navbar-toggler{
        display:none !important;
    }

}


/* =========================================================
   SCROLLED NAVBAR
========================================================= */

#mainNav.glass-nav.scrolled{
    top:5px !important;
}


#mainNav.glass-nav.scrolled .nav-shell{
    background:
        linear-gradient(
            110deg,
            rgba(235,248,255,.98),
            rgba(215,239,252,.98),
            rgba(235,246,255,.98)
        ) !important;

    box-shadow:
        0 10px 35px rgba(2,39,73,.17) !important;
}


/* =========================================================
   MOBILE / TABLET
========================================================= */

@media(max-width:1199.98px){

    #mainNav.glass-nav{
        top:6px !important;

        padding:0 8px !important;
    }


    #mainNav .nav-shell{
        min-height:82px !important;

        padding:5px 12px !important;

        grid-template-columns:
            105px
            1fr
            105px;

        gap:8px;

        border-radius:18px !important;
    }


    /* hide desktop menu */

    #mainNav .navbar-collapse,
    #mainNav .navbar-nav,
    #mainNav .nav-center{
        display:none !important;
    }


    /* ICG */

    #mainNav .header-nav-logo-left{
        width:100px;
        height:70px;

        justify-self:start;
    }


    /* ISRO */

    #mainNav .header-nav-logo-right{
        width:100px;
        height:66px;

        justify-self:end;
    }


    #mainNav .header-nav-logo-left img{
        transform:scale(1.05);
    }


    #mainNav .header-nav-logo-right img{
        transform:scale(1);
    }


    /* HAMBURGER CENTER */

    #mainNav .navbar-toggler{
        display:flex !important;

        align-items:center;
        justify-content:center;

        justify-self:center;

        width:46px;
        height:46px;

        padding:0 !important;
        margin:0 !important;

        background:#082d50 !important;

        border:0 !important;
        border-radius:50% !important;

        box-shadow:none !important;
    }


    #mainNav .menu-lines{
        width:23px;
        height:17px;

        display:flex;

        flex-direction:column;
        justify-content:space-between;
    }


    #mainNav .menu-lines i{
        display:block;

        width:100%;
        height:2px;

        margin:0 !important;

        background:#fff !important;

        border-radius:10px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:575.98px){

    #mainNav .nav-shell{
        min-height:72px !important;

        padding:4px 8px !important;

        grid-template-columns:
            82px
            1fr
            82px;
    }


    #mainNav .header-nav-logo-left{
        width:78px;
        height:62px;
    }


    #mainNav .header-nav-logo-right{
        width:78px;
        height:57px;
    }


    #mainNav .navbar-toggler{
        width:42px;
        height:42px;
    }

}

/* Discover Venue Button */
.hero-actions .btn-glass{
    background: linear-gradient(135deg, #1777ff, #08b8ff);
    border: 1px solid rgba(255,255,255,.35) !important;
    color: #fff !important;
    box-shadow:
        0 12px 30px rgba(255, 95, 69, .28);
}

.hero-actions .btn-glass:hover{
    background: linear-gradient(135deg, #1777ff, #08b8ff);
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow:
        0 16px 38px rgba(255, 95, 69, .38);
}


/* =========================================
   HERO BANNER OVERLAY
========================================= */

.hero{
    position: relative;
    overflow: hidden;
}

/* Background image */
.hero-bg{
    position: absolute;
    inset: 0;
    z-index: 0;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Overlay on COMPLETE banner */
.hero-vignette{
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(2, 20, 42, 0.30) 0%,
            rgba(2, 24, 50, 0.42) 45%,
            rgba(1, 18, 38, 0.62) 100%
        );
}

/* Network above overlay */
.network-layer{
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

/* Main hero content above everything */
.hero-content{
    position: relative;
    z-index: 5;
}

/* Side logos if present */
.hero-side-logo{
    z-index: 6;
}

/* =========================================
   NEARBY HOTELS - COMING SOON
========================================= */

.hotels-coming-soon-box{
    max-width:700px;
    margin:45px auto 0;
    padding:50px 30px;

    text-align:center;

    background:
        linear-gradient(
            135deg,
            rgba(26,151,240,.08),
            rgba(18,73,126,.04)
        );

    border:1px solid rgba(27,151,236,.18);
    border-radius:28px;

    box-shadow:
        0 20px 50px rgba(8,42,75,.08);
}

.hotels-coming-soon-box i{
    display:block;
    margin-bottom:18px;

    font-size:42px;
    line-height:1;
    color:#1597e5;
}

.hotels-coming-soon-box h3{
    margin:0;

    font-size:clamp(38px,5vw,64px);
    line-height:1;
    font-weight:800;

    color:#0b2d50;
    letter-spacing:-1.5px;
}

.hotels-coming-soon-box p{
    margin:18px 0 0;

    font-size:17px;
    line-height:1.7;
    color:#66788a;
}


/* MOBILE */
@media (max-width:767px){

    .hotels-coming-soon-box{
        margin-top:30px;
        padding:38px 20px;
        border-radius:22px;
    }

    .hotels-coming-soon-box i{
        font-size:34px;
    }

    .hotels-coming-soon-box h3{
        font-size:38px;
    }

    .hotels-coming-soon-box p{
        font-size:15px;
    }
}

.contact-point a{
    color: inherit;
    text-decoration: none;
    transition: opacity .25s ease;
}

.contact-point a:hover{
    opacity: .75;
}


/* =====================================================
   ABOUT - ICG + UNOOSA SEPARATE CARDS
===================================================== */

.about-org-row{
    align-items:stretch;
}


/* COMMON */
.about-org-card{
    position:relative;

    height:100%;

    overflow:hidden;

    border:1px solid rgba(13,82,134,.12);
    border-radius:28px;

    box-shadow:
        0 22px 55px rgba(8,42,75,.09);
}


/* =====================================================
   ICG CARD
===================================================== */

.icg-org-card{
    padding:30px;

    display:flex;
    flex-direction:column;

    background:
        linear-gradient(
            145deg,
            #f7fcff 0%,
            #eaf7ff 100%
        );
}


.icg-org-logo{
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    padding:20px;
    /* background:
        radial-gradient(
            circle,
            rgba(34,166,237,.16),
            rgba(34,166,237,.03)
        ); */
    border-radius:22px;
}


.icg-org-logo img{
    width:auto;
    height:auto;

    max-width:125px;
    max-height:120px;

    object-fit:contain;
}


.icg-org-card h3{
    margin:8px 0 16px;

    color:#0a2948;

    font-size:34px;
    font-weight:800;
}


.icg-org-card p{
    color:#5d7084;

    font-size:14px;
    line-height:1.75;
}


.about-org-action{
    margin-top:auto;
    padding-top:10px;
}


/* =====================================================
   UNOOSA CARD
===================================================== */

.unoosa-org-card{
    padding:38px;

    background:
        linear-gradient(
            135deg,
            #f9fcff 0%,
            #edf8ff 50%,
            #e3f3fc 100%
        );
}


.unoosa-org-card h3{
    margin:8px 0 18px;

    color:#0a2948;

    font-size:42px;
    font-weight:800;
}


.unoosa-org-card p{
    color:#5a6e82;

    font-size:15px;
    line-height:1.8;
}


/* UN LOGO AREA */

.unoosa-large-logo{
    position:relative;

    min-height:270px;

    display:flex;
    align-items:center;
    justify-content:center;
}


.unoosa-large-logo::before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    border-radius:50%;
    /* background:
        radial-gradient(
            circle,
            rgba(73,167,222,.20),
            rgba(73,167,222,.07) 48%,
            transparent 72%
        ); */
}


.unoosa-large-logo img{
    position:relative;
    z-index:2;

    width:185px;
    max-width:90%;

    height:auto;

    object-fit:contain;
}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767.98px){

    .icg-org-card,
    .unoosa-org-card{
        padding:24px;

        border-radius:22px;
    }


    .icg-org-logo{
        height:135px;
    }


    .icg-org-card h3,
    .unoosa-org-card h3{
        font-size:30px;
    }


    .unoosa-large-logo{
        min-height:210px;

        margin-top:8px;
    }


    .unoosa-large-logo::before{
        width:190px;
        height:190px;
    }


    .unoosa-large-logo img{
        width:150px;
    }

}

/* =====================================================
   ICG + UNOOSA SAME CARD DESIGN
===================================================== */

.about-org-row{
    align-items:stretch;
}


/* CARD */
.about-org-card{
    height:100%;

    display:flex;
    flex-direction:column;

    padding:30px;

    border-radius:26px;

    background:
        linear-gradient(
            145deg,
            #f8fcff 0%,
            #edf8ff 100%
        );

    border:1px solid rgba(13,82,134,.12);

    box-shadow:
        0 20px 50px rgba(8,42,75,.08);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.about-org-card:hover{
    transform:translateY(-6px);

    box-shadow:
        0 28px 60px rgba(8,42,75,.13);
}


/* LOGO AREA */
.about-org-logo{
    height:165px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    padding:20px;
    border-radius:20px;
    /* background:
        radial-gradient(
            circle,
            rgba(38,165,232,.16),
            rgba(38,165,232,.03) 65%
        ); */
}


.about-org-logo img{
    width:auto;
    height:auto;

    max-width:140px;
    max-height:125px;

    object-fit:contain;
}


/* CONTENT */
.about-org-content{
    flex:1;
}


.about-org-card h3{
    margin:8px 0 16px;

    color:#0a2948;

    font-size:34px;
    font-weight:800;
}


.about-org-card p{
    margin-bottom:15px;

    color:#5b6f82;

    font-size:14px;
    line-height:1.75;
}


/* BUTTON ALWAYS AT BOTTOM */
.about-org-action{
    padding-top:10px;
    margin-top:auto;
}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767.98px){

    .about-org-card{
        padding:24px;
        border-radius:22px;
    }

    .about-org-logo{
        height:140px;
    }

    .about-org-logo img{
        max-width:120px;
        max-height:105px;
    }

    .about-org-card h3{
        font-size:30px;
    }

}


/* =========================================================
   TECHNICAL TOUR SECTION
========================================================= */
/* =========================================================
   TECHNICAL TOUR - COMPACT LAYOUT
========================================================= */

.technical-tour-section{
    background:
        linear-gradient(
            180deg,
            #f8fcff,
            #eef7fd
        );
}


/* =========================================================
   IMAGE STRIP
========================================================= */

.tour-image-strip{
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:14px;
}


.tour-strip-card{
    position:relative;

    height:190px;

    margin:0;

    overflow:hidden;

    border-radius:20px;

    box-shadow:
        0 14px 35px rgba(8,42,75,.10);
}


.tour-strip-card img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}


.tour-strip-card::after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 40%,
            rgba(3,20,39,.78)
        );
}


.tour-strip-card figcaption{
    position:absolute;

    left:17px;
    right:17px;
    bottom:15px;

    z-index:2;

    color:#fff;
}


.tour-strip-card figcaption span{
    display:block;

    margin-bottom:3px;

    color:#75d7ff;

    font-size:.68rem;
    font-weight:800;

    text-transform:uppercase;
    letter-spacing:.10em;
}


.tour-strip-card figcaption strong{
    display:block;

    font-size:.92rem;
    font-weight:800;
}


/* =========================================================
   ITINERARY
========================================================= */

.tour-compact-card{
    padding:30px;

    color:#fff;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(31,154,223,.16),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #09233e,
            #06182e
        );

    border-radius:28px;

    box-shadow:
        0 25px 60px rgba(4,30,58,.18);
}


.tour-compact-head{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    margin-bottom:22px;
}


.tour-compact-head h3{
    margin:5px 0 0;

    color:#fff;

    font-size:30px;
    font-weight:800;
}


/* ITEM */

.tour-compact-item{
    height:100%;

    min-height:115px;

    display:grid;

    grid-template-columns:
        74px
        46px
        1fr;

    align-items:center;

    gap:13px;

    padding:16px;

    background:
        rgba(255,255,255,.045);

    border:
        1px solid rgba(255,255,255,.08);

    border-radius:18px;
}


.tour-compact-featured{
    background:
        rgba(33,145,214,.09);

    border-color:
        rgba(67,176,240,.19);
}


.tour-compact-small{
    grid-template-columns:
        67px
        42px
        1fr;
}


/* TIME */

.tour-compact-time{
    color:#70d2ff;

    font-size:.78rem;
    font-weight:800;
}


/* ICON */

.tour-compact-icon{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#67cfff;

    background:
        rgba(54,173,235,.12);

    border-radius:13px;
}


/* TEXT */

.tour-compact-item p{
    margin:0;

    color:#c4d3e0;

    font-size:.84rem;
    line-height:1.6;
}


.tour-compact-item p + p{
    margin-top:7px;
}


.tour-compact-item strong{
    color:#fff;

    font-weight:800;
}


.tour-compact-featured strong{
    color:#7ed8ff;
}


/* TAG */

.tour-tag{
    display:inline-block;

    margin:2px 4px;

    padding:3px 7px;

    color:#7ed8ff;

    background:
        rgba(73,183,240,.12);

    border:
        1px solid rgba(126,216,255,.20);

    border-radius:20px;

    font-size:10px;
    font-weight:800;

    line-height:1.2;
}


/* =========================================================
   ADVISORY
========================================================= */

.tour-advisory{
    display:flex;

    align-items:center;

    gap:16px;

    padding:22px;

    background:#fff7e4;

    border:
        1px solid #ffe0a1;

    border-radius:20px;
}


/* =========================================================
   ATTENDANCE
========================================================= */

.tour-attendance-card{
    padding:22px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        320px;

    align-items:center;

    gap:20px;

    background:#fff;

    border:
        1px solid rgba(8,60,105,.10);

    border-radius:22px;

    box-shadow:
        0 14px 35px rgba(8,42,75,.06);
}


.tour-attendance-content h3{
    margin:5px 0 8px;

    font-size:21px;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:991.98px){

    .tour-image-strip{
        grid-template-columns:
            repeat(2,1fr);
    }


    .tour-attendance-card{
        grid-template-columns:1fr;
    }

}


@media(max-width:767.98px){

    .tour-image-strip{
        grid-template-columns:1fr;
    }


    .tour-strip-card{
        height:220px;
    }


    .tour-compact-card{
        padding:20px;
    }


    .tour-compact-head{
        flex-direction:column;
        align-items:flex-start;
    }


    .tour-compact-item,
    .tour-compact-small{
        grid-template-columns:
            65px
            40px
            1fr;

        min-height:100px;
    }

}


/* =====================================================
   TECHNICAL TOUR ATTENDANCE FORM
===================================================== */

.tour-attendance-card{
    display:grid;
    grid-template-columns:1fr 1.1fr;

    gap:35px;

    align-items:center;

    padding:30px;

    background:#ffffff;

    border:1px solid rgba(8,60,105,.10);
    border-radius:26px;

    box-shadow:
        0 18px 45px rgba(8,42,75,.08);
}


.tour-attendance-content h3{
    margin:7px 0 10px;

    color:#0a2948;

    font-size:27px;
    font-weight:800;
}


.tour-attendance-content p{
    margin:0;

    color:#65798b;
    line-height:1.7;
}


/* FORM */

.tour-attendance-form{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:14px;
}


.tour-form-group{
    display:flex;
    flex-direction:column;

    gap:7px;
}


.tour-form-group label{
    color:#183954;

    font-size:13px;
    font-weight:700;
}


.tour-form-control{
    width:100%;

    height:48px;

    padding:0 15px;

    color:#17364f;

    background:#f7fbfe;

    border:1px solid #dbe8f1;
    border-radius:13px;

    outline:none;

    transition:.25s ease;
}


.tour-form-control:focus{
    background:#fff;

    border-color:#2ca9eb;

    box-shadow:
        0 0 0 4px rgba(44,169,235,.10);
}


/* INTEREST */

.tour-interest-field{
    grid-column:1 / -1;
}


.tour-interest-field input{
    position:absolute;

    opacity:0;

    pointer-events:none;
}


.tour-interest-option{
    width:100%;

    min-height:72px;

    display:flex;

    align-items:center;

    gap:14px;

    padding:14px 17px;

    cursor:pointer;

    background:#f5fafc;

    border:2px solid #dde9f0;
    border-radius:16px;

    transition:.25s ease;
}


.tour-interest-option i{
    color:#8398a9;

    font-size:24px;
}


.tour-interest-option strong,
.tour-interest-option small{
    display:block;
}


.tour-interest-option strong{
    color:#183954;

    font-size:15px;
}


.tour-interest-option small{
    margin-top:2px;

    color:#718597;

    font-size:12px;
}


/* CHECKED */

#tourInterested:checked + .tour-interest-option{
    background:#eafff6;

    border-color:#35b985;

    box-shadow:
        0 8px 22px rgba(53,185,133,.12);
}


#tourInterested:checked + .tour-interest-option i{
    color:#26a975;
}


/* SUBMIT */

.tour-submit-btn{
    grid-column:1 / -1;

    min-height:48px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:9px;

    padding:10px 22px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #0e86c7,
            #126ea8
        );

    border:0;
    border-radius:50px;

    font-weight:800;

    cursor:pointer;

    transition:.25s ease;
}


.tour-submit-btn:hover{
    transform:translateY(-2px);

    box-shadow:
        0 10px 25px rgba(14,134,199,.24);
}


/* MESSAGE */

.tour-form-message{
    grid-column:1 / -1;

    min-height:20px;

    color:#2d7f61;

    font-size:13px;
    font-weight:700;
}


/* MOBILE */

@media(max-width:991.98px){

    .tour-attendance-card{
        grid-template-columns:1fr;
    }

}


@media(max-width:575.98px){

    .tour-attendance-card{
        padding:22px;
    }

    .tour-attendance-form{
        grid-template-columns:1fr;
    }

    .tour-interest-field,
    .tour-submit-btn,
    .tour-form-message{
        grid-column:1;
    }

}


/* =====================================================
   TOUR ADVISORY - NEW DESIGN
===================================================== */

.tour-advisory-card{
    position:relative;
    overflow:hidden;

    padding:30px;

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #fffaf0 0%,
            #fff4da 100%
        );

    border:1px solid rgba(231, 166, 45, .25);

    box-shadow:
        0 20px 45px rgba(98, 68, 14, .08);
}

.tour-advisory-card::after{
    content:"";

    position:absolute;

    width:170px;
    height:170px;

    right:-55px;
    bottom:-60px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(239, 174, 52, .15),
            transparent 68%
        );
}


.tour-advisory-top{
    display:flex;
    align-items:center;

    gap:16px;

    margin-bottom:22px;
}


.tour-advisory-icon{
    flex:0 0 52px;

    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:16px;

    color:#b87812;

    background:#fff;

    box-shadow:
        0 8px 20px rgba(130, 88, 17, .10);

    font-size:22px;
}


.tour-advisory-card h3{
    margin:4px 0 0;

    color:#6f4b0d;

    font-size:22px;
    font-weight:800;
}


.tour-advisory-body{
    position:relative;
    z-index:2;

    padding:18px;

    border-radius:16px;

    background:rgba(255,255,255,.55);

    border:1px solid rgba(255,255,255,.85);
}


.tour-advisory-body p{
    margin:0;

    color:#6c5528;

    font-size:15px;
    line-height:1.75;
}


/* =====================================================
   ATTENDANCE - NEW DESIGN
===================================================== */

.tour-attendance-modern{
    position:relative;

    padding:30px;

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7fbfe 100%
        );

    border:1px solid rgba(8, 74, 126, .10);

    box-shadow:
        0 20px 50px rgba(7, 48, 84, .09);
}


.tour-attendance-head{
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:20px;

    margin-bottom:26px;
}


.tour-attendance-head h3{
    margin:6px 0 8px;

    color:#082b4b;

    font-size:28px;
    font-weight:800;
}


.tour-attendance-head p{
    margin:0;

    color:#667a8d;

    line-height:1.65;
}


.tour-attendance-status{
    flex:0 0 54px;

    width:54px;
    height:54px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#1689c7;

    background:#eaf7ff;

    border-radius:16px;

    font-size:23px;
}


/* =====================================================
   FORM
===================================================== */

.tour-attendance-form-modern{
    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:16px;
}


.tour-field{
    display:flex;
    flex-direction:column;

    gap:7px;
}


.tour-field label{
    color:#173a56;

    font-size:13px;
    font-weight:700;
}


.tour-input-wrap{
    height:50px;

    display:flex;
    align-items:center;

    gap:10px;

    padding:0 14px;

    background:#f5f9fc;

    border:1px solid #dce8f0;
    border-radius:14px;

    transition:.25s ease;
}


.tour-input-wrap:focus-within{
    background:#fff;

    border-color:#2aa8e8;

    box-shadow:
        0 0 0 4px rgba(42,168,232,.09);
}


.tour-input-wrap i{
    color:#7d94a6;

    font-size:16px;
}


.tour-input-wrap input{
    width:100%;

    padding:0;

    border:0;
    outline:0;

    background:transparent;

    color:#183a55;

    font-size:14px;
}


.tour-input-wrap input::placeholder{
    color:#94a5b2;
}


/* =====================================================
   INTEREST OPTION
===================================================== */

.tour-interest-modern{
    grid-column:1 / -1;
}


.tour-interest-modern input{
    position:absolute;

    opacity:0;
    pointer-events:none;
}


.tour-interest-modern label{
    min-height:74px;

    display:flex;
    align-items:center;

    gap:14px;

    padding:14px 16px;

    cursor:pointer;

    background:
        linear-gradient(
            135deg,
            #f1fff9,
            #eafbf4
        );

    border:2px solid #67d3a7;
    border-radius:16px;

    transition:.25s ease;
}


.tour-interest-check{
    flex:0 0 38px;

    width:38px;
    height:38px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    color:#fff;

    background:#23b17a;

    font-size:18px;
}


.tour-interest-modern strong{
    display:block;

    color:#153d31;

    font-size:15px;
    font-weight:800;
}


.tour-interest-modern small{
    display:block;

    margin-top:2px;

    color:#698579;

    font-size:12px;
}


#tourInterested:not(:checked) + label{
    background:#f6fafc;

    border-color:#dde7ed;
}


#tourInterested:not(:checked) + label .tour-interest-check{
    color:#8ca0ae;

    background:#e6eef3;
}


/* =====================================================
   SUBMIT
===================================================== */

.tour-submit-modern{
    grid-column:1 / -1;

    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #158fce,
            #0874b3
        );

    border:0;
    border-radius:14px;

    font-weight:800;

    transition:.25s ease;
}


.tour-submit-modern:hover{
    transform:translateY(-2px);

    box-shadow:
        0 10px 25px rgba(8,116,179,.22);
}


/* MESSAGE */

.tour-form-message{
    grid-column:1 / -1;
}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767.98px){

    .tour-advisory-card,
    .tour-attendance-modern{
        padding:22px;

        border-radius:20px;
    }


    .tour-attendance-form-modern{
        grid-template-columns:1fr;
    }


    .tour-interest-modern,
    .tour-submit-modern,
    .tour-form-message{
        grid-column:1;
    }


    .tour-attendance-head h3{
        font-size:24px;
    }

}


/* =============================================
   AIRPORT TRANSFER ASSISTANCE
============================================= */

.airport-assistance{
    margin-top:32px;
    padding:22px 26px;

    display:flex;
    align-items:center;

    gap:18px;

    background:#fff;

    border:1px solid rgba(15,92,145,.12);
    border-radius:20px;

    box-shadow:
        0 12px 35px rgba(10,58,92,.07);
}


/* ICON */

.airport-assistance-icon{
    flex:0 0 52px;

    width:52px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #168fce,
            #0874b3
        );

    border-radius:15px;

    font-size:22px;
}


/* CONTENT */

.airport-assistance-content{
    flex:1;
}


.airport-help-label{
    display:block;

    margin-bottom:4px;

    color:#1684bd;

    font-size:11px;
    font-weight:800;

    letter-spacing:.10em;
    text-transform:uppercase;
}


.airport-assistance-content p{
    margin:0;

    color:#617587;

    font-size:14px;
    line-height:1.6;
}


.airport-assistance-content strong{
    color:#123b59;
}


/* CONTACT LINKS */

.airport-contact-links{
    display:flex;
    align-items:center;

    gap:10px;
}


.airport-contact-item{
    min-height:54px;

    display:flex;
    align-items:center;

    gap:11px;

    padding:9px 15px;

    color:#163b56;

    background:#f5f9fc;

    border:1px solid #dce8ef;
    border-radius:13px;

    text-decoration:none;

    transition:.25s ease;
}


.airport-contact-item > i{
    width:32px;
    height:32px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#1687c1;

    background:#e8f6fd;

    border-radius:9px;

    font-size:16px;
}


.airport-contact-item span{
    display:block;
}


.airport-contact-item small{
    display:block;

    margin-bottom:1px;

    color:#8294a2;

    font-size:10px;
    font-weight:600;
}


.airport-contact-item strong{
    display:block;

    color:#173c57;

    font-size:12px;
    font-weight:700;

    white-space:nowrap;
}


.airport-contact-item:hover{
    color:#163b56;

    background:#fff;

    border-color:#75c7ec;

    transform:translateY(-2px);

    box-shadow:
        0 7px 18px rgba(12,105,157,.10);
}


/* MOBILE */

@media(max-width:991.98px){

    .airport-assistance{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .airport-assistance-content{
        flex:1 1 calc(100% - 75px);
    }

    .airport-contact-links{
        width:100%;
        padding-left:70px;
    }
}


@media(max-width:575.98px){

    .airport-assistance{
        padding:20px;
    }

    .airport-assistance-icon{
        width:46px;
        height:46px;
        flex-basis:46px;
    }

    .airport-contact-links{
        padding-left:0;

        flex-direction:column;
        align-items:stretch;
    }

    .airport-contact-item{
        width:100%;
    }
}