.read-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #00c6ff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.read-more .arrow {
    transition: transform 0.3s ease;
}

.read-more:hover .arrow {
    transform: translateX(5px);
}

.read-more:hover {
    color: #00ff9d;
}
.read-more-btn {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 20px;
    border: 1px solid #00c6ff;
    color: #00c6ff;
    text-decoration: none;
    transition: 0.3s;
}

.read-more-btn:hover {
    background: #00c6ff;
    color: #fff;
}

.text-logo {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff; /* dark blue */
    text-decoration: none;
    padding:7px;
}

.text-logo span {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #e0e0e0;
    display: block;
}
.navbar.scrolled {
    background-color: #0b2c5a !important; /* dark blue */
    transition: all 0.4s ease;
}

/* Optional: add shadow when scrolled */
.navbar.scrolled {
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* Change text color if needed */
.navbar.scrolled .nav-link,
.navbar.scrolled .navbar-brand {
    color: #fff !important;
}
.navbar.scrolled {
    backdrop-filter: blur(10px);
    background-color: rgba(11,44,90,0.85) !important;
}
/* Reduce dropdown padding */
.navbar .dropdown-menu {
    padding: 8px 0;
    min-width: 220px; /* optional */
    background-color: rgba(3, 18, 39, 0.85) !important;
}

/* Reduce space between items */
.navbar .dropdown-menu li {
    margin: 0;
}

/* Tighten each link */
.navbar .dropdown-menu li a {
    padding: 0px 8px 0px  18px;   /* reduce height */
    font-size: 14px;     /* slightly smaller */
    line-height: 1.3;
    color: #ffffff!important;
}

/* Optional: hover effect (clean look) */
.navbar .dropdown-menu li a:hover {
   
    color: #d6ebfc!important;
    border-bottom:1px solid #846dd4;
}
.dropdown-with-icon .dropdown-menu li a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
.navbar .dropdown-menu {
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    border: none;
}


/* Social icons styling */
.push-menu-social ul li a {
    font-size: 18px;
    color: #333;
    transition: 0.3s;
}

.push-menu-social ul li a:hover {
    color: #1b3c74;
}

/* Icon alignment */
.feature-box-icon i {
    font-size: 18px;
}
.fa-linkedin-in { color: #0077b5; }
.fa-x-twitter { color: #000; }
.fa-instagram { color: #e4405f; }
.fa-flickr { color: #ff0084; }
/* Container */
.social-sticky {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 999;
}
.social-sticky i {
    color: #fff !important;
}
/* List */
.social-sticky ul {
    margin: 0;
    padding: 0;
}

.social-sticky ul li {
    list-style: none;
    margin: 1px 0;
}

/* Links */
.social-sticky ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s ease;
     border-radius: 0 3px 6px 0;
}

/* Brand Colors */
.social-sticky .linkedin { background: #0077b5; }
.social-sticky .twitter { background: #000; }
.social-sticky .instagram { background: #e4405f; }
.social-sticky .flickr { background: #ff0084; }
.social-sticky .email { background: #555; }

/* Hover Effect */
.social-sticky ul li a:hover {
    width: 55px;
    transform: translateX(5px);
}

@media (max-width: 768px) {
    .social-sticky {
        display: none;
    }
}
.strategic-section {
    padding: 10px 40px;
    background: #f8fafc;
    position: relative;
}

/* Left vertical line */
.vertical-line {
    width: 4px;
    height: 120px;
    background: linear-gradient(to bottom, #ff9933, #1b3c74, #138808);
    border-radius: 10px;
}

/* Tag */
.section-tag {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ff9933;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

/* Heading */
.section-heading {
    font-size: 32px;
    font-weight: 700;
    color: #1b3c74;
    margin-bottom: 20px;
}

/* Content */
.section-content {
    font-size: 16px;
    line-height: 1.9;
    color: #444;
    text-align: justify;
}

/* subtle card feel */
.strategic-section .col-lg-10 {
    background: #fff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Responsive */
@media (max-width: 768px) {
    .section-heading {
        font-size: 24px;
    }

    .section-content {
        font-size: 15px;
    }
}

.gallery-swiper img {
    height: 220px;
    object-fit: cover;
    transition: 0.3s;
}

.gallery-swiper img:hover {
    transform: scale(1.05);
}

.why-austcham-section {
    padding: 80px 20px;
    background: #ffffff;background: linear-gradient(135deg, #f8fafc, #eef3f8);
}

/* Tag */
.section-tag {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ff9933;
    font-weight: 600;
}

/* Heading */
.section-heading {
    font-size: 30px;
    font-weight: 700;
    color: #1b3c74;
    margin-top: 10px;
    line-height: 1.5;
}

/* Cards */
.why-card {
    background: #f8fafc;
    padding: 30px 20px;
    border-radius: 12px;
    text-align: center;
    transition: 0.3s;
    height: 100%;
}

/* Icons */
.why-card i {
    font-size: 35px;
    color: #1b3c74;
    margin-bottom: 15px;
}

/* Title */
.why-card h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
    font-size: 20px;
}

/* Text */
.why-card p {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
}

/* Hover */
.why-card:hover {
    background: #ffffff;
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Common icon style */
.icon-style {
    font-size: 60px;
    background: linear-gradient(135deg, #ff9933, #1b3c74, #138808);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
     transition: 0.3s;
}
/* Individual colors */
.bilateral {
    color: #1b3c74; /* deep blue */
}

.network {
    color: #ff9933; /* saffron */
}

.market {
    color: #00b894; /* teal green */
}

.sustainability {
    color: #38b000; /* eco green */
}



.why-card:hover .icon-style {
    transform: scale(1.2);
}
.iacoc-connection-section {
    padding: 90px 20px;
}

/* Wrapper */
.circle-wrapper {
    position: relative;
    width: 400px;
    height: 400px;
    margin: auto;
}

/* Circle items */
.circle-item {
    position: absolute;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.circle-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Positioning (floating layout) */
.circle-1 { top: 0; left: 50%; transform: translateX(-50%); }
.circle-2 { top: 100px; left: 0; }
.circle-3 { top: 140px; right: 0; }
.circle-4 { bottom: 0; left: 80px; }
.circle-5 { bottom: 0; right: 80px; }

/* Hover effect */
.circle-item {
    transition: 0.3s;
}
.circle-item:hover {
    transform: scale(1.1);
}

.sponsor-card {
    background: #fff;
   
    border-radius: 5px;
  
    
    height: 120px; /* FIXED HEIGHT = equal boxes */
    
    display: flex;
    align-items: center;
    justify-content: center;

    transition: all 0.3s ease;
}

.sponsor-card img {
    max-height: 150px;
    max-width: 100%;
    object-fit: contain;

    transition: 0.3s ease;
}

.sponsor-card:hover {
    border-color: #d1d5db;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}



.sponsor-grid {
    display: flex;
    flex-wrap: wrap;
}

.sponsor-grid > div {
    display: flex;
}

.footer-dark {
    background: #0b1f3a;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    color: #cbd5e1;
    text-decoration: none;
    transition: 0.3s;
}

.footer-links a:hover {
    color: #ffffff;
    padding-left: 5px;
}

.text-white-50 {
    color: rgba(255,255,255,0.7);
}

.social-icon-style-02 a {
    font-size: 14px;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    transition: 0.3s;
}

.social-icon-style-02 a:hover {
    background: #ffffff;
    color: #0b1f3a !important;
}
.sponsor-marquee-logo {
    height: 70px;           /* 🔥 increase size */
    max-width: 160px;       /* prevent overflow */
    object-fit: contain;
    transition: 0.3s ease;
}

.sponsor-marquee-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.iacoc-dark-section {
    background: linear-gradient(135deg, #0b1f3a, #04214c);
    position: relative;
    overflow: hidden;
}

/* subtle pattern (optional) */
.iacoc-dark-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('images/vertical-line-bg.svg');
    opacity: 0.08;
}

/* content above overlay */
.iacoc-dark-section .container {
    position: relative;
    z-index: 2;
}

.text-light {
    color: rgba(255,255,255,0.75);
}

/* stats */
.highlight-item span {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
}

/* CTA box */
.cta-box {
    background: rgba(255,255,255,0.05);
    padding: 25px;
    border-radius: 12px;
    backdrop-filter: blur(8px);
}

/* button */
.btn-light {
    background: #fff;
    color: #04214c;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
}

.btn-light:hover {
    background: #e5e7eb;
}


.team-banner {
    padding: 80px 0;   /* 🔥 reduced height */
    min-height: auto;  /* override full height */
}

@media (max-width: 768px) {
    .team-banner {
        padding: 60px 0;
    }
}
/* ================= TEAM SECTION ================= */

.team-style-01 figure {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    transition: 0.3s ease;
   
    
}

/* Image container */
.team-img {
    width: 100%;
    height: 300px; /* 🔥 adjust height here */
   
    position: relative;
}



/* Responsive */
@media (max-width: 768px) {
    .team-img {
        height: 250px;
    }
}



/* ===== INFO SECTION ===== */

.team-info {
    text-align: center;
    padding: 2px 4px;
    height:100px;
}

/* Name */
.team-name {
    display: block;
    font-size: 15px!important;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 6px;
    line-height: 1.3;
}

/* Designation */
.team-role {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #6c757d;
   
    line-height:20px;
   
    margin: 0 auto;
}



/* ===== RESPONSIVE ===== */

@media (max-width: 991px) {
    .team-style-01 figure img {
        height: 220px;
    }

    .team-name {
        font-size: 16px;
    }

    .team-role {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .team-style-01 figure img {
        height: 200px;
    }

    .team-info {
        padding: 10px;
    }
}

.president-img1 {
    display: inline-block;
    padding: 6px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 30px orgba(0,0,0,0.08);
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease;
}
/* Image container */
.president-img {
    display: inline-block;
    padding: 10px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease;
}

/* Image styling */
.president-img img {
    width: 100%;
    max-width: 320px;
    border-radius: 10px;
    display: block;
}

/* Hover effect */
.president-img:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}

/* Better spacing for content */
.section-content {
    font-size: 16.5px;
    line-height: 1.6;
    color: #555;
}

/* Heading improvement */
.section-heading {
    font-size: 32px;
    font-weight: 700;
    color: #04214c;
}

/* Card container */
.event-card {
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
    height: 100%;
}

.event-card.active {
    border: 2px solid #7173c9;
    box-shadow: 0 15px 40px rgba(255,107,0,0.15);
}

/* Top blue section */
.event-top {
    background: #0d4d8b;
    color: #fff;
    padding: 20px;
    min-height: 140px;
}

.event-top h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 0;
    line-height: 1.4;
}

/* Date */
.event-date_eve {
    font-size: 13px;
    opacity: 0.9;
}

/* Bottom section */
.event-bottom {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f5f6f8;
}

/* Location */
.event-location {
    font-size: 14px;
    color: #333;
}

/* Tag */
.event-tag {
    font-size: 12px;
    background: #e0e7ff;
    color: #0d4d8b;
    padding: 4px 10px;
    border-radius: 20px;
}

/* Hover effect */
.event-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}
.event-date i {
    margin-right: 6px;
    font-size: 13px;
    vertical-align: middle;
}
.header-banner {
    background:#0b2c5a;height:80px!important;padding:0px 20px;
}
.team-style-01 img {
    height: 260px;
    object-fit: cover;
}
.box-overlay
{
    border-bottom:1px solid #000;
}
/* CARD */
.contact-card {
    background: #ffffff;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    height: 100%;
    color:#000;
}

/* ITEM (ICON + TEXT ROW) */
.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

/* ICON */
.contact-item i {
    font-size: 12px;
    color: #0d2b5c;
    min-width: 30px;
    margin-top: 4px;
}

/* TEXT */
.contact-item h6 {
    margin: 0;
    font-weight: 600;
    font-size: 16px;
}

.contact-item p {
    margin: 5px 0 0;
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* LINKS */
.contact-item a {
    color: #0d2b5c;
    text-decoration: none;
}

.contact-item a:hover {
    color: #ff6b00;
}

/* REMOVE LAST SPACE */
.contact-item:last-child {
    margin-bottom: 0;
}

/* MOBILE */
@media (max-width: 768px) {
    .contact-card {
        padding: 20px;
    }
}
/* DEFAULT (DESKTOP) */
.logo-wrapper {
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
}

.logo-img {
    height: 60px;
    transition: 0.3s;
}

/* MOBILE FIX */
@media (max-width: 768px) {
    
    .logo-wrapper {
        background: #0b2c5a;
        padding: 6px 12px;
        border-radius: 6px;
    }

    .logo-img {
        height: 50px;
        filter: brightness(0) invert(1); /* makes logo white if dark */
    }
}
.past-events-section {
  background: #f8fafc;
}

.main-title {
  font-size: 40px;
  font-weight: 700;
  color: #1e293b;
}

/* Card */
.event-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.3s;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  height: 100%;
}

.event-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Image */
.event-img {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.event-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Date Badge */
.event-date {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #0f172a;
  color: #fff;
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 20px;
}

/* Content */
.event-content {
  padding: 20px;
}

.event-content h5 {
  font-size: 18px;
  font-weight: 600;
  color: #0f172a;
  margin-bottom: 10px;
}

.location {
  font-size: 14px;
  color: #64748b;
  margin-bottom: 10px;
}

.desc {
  font-size: 14px;
  color: #475569;
  line-height: 1.5;
}
/* SECTION */
.iac-blue-wrap {
  background: #f3f7fb;
  padding: 60px 0;
}

/* TITLE */
.iac-title {
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  color: #2b9fec;
  margin-bottom: 40px;
}

/* CARD */
.iac-blue-card {
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
  transition: 0.3s;
  cursor: pointer;
}

.iac-blue-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

/* TOP */
.iac-blue-top {
  background: linear-gradient(135deg, #0b3c5d, #1d6fa5);
  color: #fff;
  padding: 18px;
  min-height: 120px;
}

.iac-blue-date {
  font-size: 13px;
  opacity: 0.85;
  margin-bottom: 8px;
}

.iac-blue-title {
  font-size: 16px;
  line-height:20px;
  font-weight: 600;
}

/* BOTTOM */
.iac-blue-bottom {
  padding: 15px;
  display: flex;
  justify-content: space-between;
}

.iac-blue-loc {
  font-size: 14px;
  color: #334155;
}

.iac-blue-tag {
  background: #e0ecf7;
  color: #0b3c5d;
  padding: 5px 10px;
  border-radius: 50px;
  font-size: 12px;
}

/* MODAL */
.iac-blue-modal {
  border-radius: 14px;
}

.iac-blue-modal .modal-title {
  color: #0b3c5d;
  font-weight: 600;
}

.iac-blue-modal .modal-body {
  font-size: 15px;
  line-height: 1.7;
  color: #334155;
}

.mandatory{
    color:#ff0000;
    font-size:13px;
}

/* Privacy Policy */

.privacy-policy-section {
    padding: 80px 0;
    background: #f8fafc;
}

.privacy-container {
    max-width: 100%;
    margin: 0 auto;
}

.policy-block {
    background: #fff;
    padding: 35px;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,.06);
    border-left: 5px solid #1e4d8c;
    transition: .3s;
}

.policy-block:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.policy-title {
    font-size: 32px;
    font-weight: 700;
    color: #1e4d8c;
    margin-bottom: 20px;
    line-height: 1.3;
}

.policy-subtitle {
    font-size: 22px;
    font-weight: 600;
    color: #253858;
    margin: 25px 0 15px;
}

.policy-text {
    font-size: 16px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 15px;
}

.policy-list {
    padding-left: 0;
    list-style: none;
}

.policy-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    color: #555;
    line-height: 1.8;
}

.policy-list li:before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #1e4d8c;
}

.contact-box {
    background: linear-gradient(135deg,#1e4d8c,#315f9c);
    color: #fff;
    padding: 30px;
    border-radius: 12px;
    margin-top: 25px;
}

.contact-box h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}

.contact-box p {
    margin-bottom: 10px;
    color: rgba(255,255,255,.95);
}

.contact-box strong {
    color: #fff;
}

.policy-number {
    display: inline-flex;
    width: 50px;
    height: 50px;
    background: #1e4d8c;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: 22px;
    margin-right: 15px;
}

.section-heading {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

@media (max-width:767px){

    .policy-block{
        padding:25px;
    }

    .policy-title{
        font-size:24px;
    }

    .policy-subtitle{
        font-size:18px;
    }

    .policy-number{
        width:40px;
        height:40px;
        font-size:18px;
    }
}
/* Dark Header */
.custom-header{
    background:#091d50;   
    box-shadow:0 3px 15px rgba(0,0,0,.15);
    transition:all .3s ease;
    z-index:9999;
}

.custom-header .nav-link{
    color:#fff !important;
    font-size:16px;
    font-weight:500;
    padding:0 18px !important;
}

.custom-header .nav-link:hover,
.custom-header .nav-item.active .nav-link{
    color:#ffcc33 !important;
}

.custom-header .dropdown-toggle{
    color:#fff !important;
}

.custom-header .navbar-toggler-line{
    background:#fff;
}

.custom-header .logo-img{
    height:65px;
    width:auto;
}

/* Dropdown */
.custom-header .dropdown-menu{
    border:none;
    border-radius:8px;
    margin-top:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.custom-header .dropdown-menu a{
    color:#333;
    padding:10px 20px;
}

.custom-header .dropdown-menu a:hover{
    background:#091d50;
    color:#fff;
}

/* Space for fixed header */
body{
    padding-top:75px;
}
/* Business Mission image – right column of the Economic Collaboration section */
.bismiss-collab-img{
    display: inline-block;
    width: 100%;
    max-width: 380px;
}

.bismiss-collab-img img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0,0,0,.35);
}

/* Mobile */
@media (max-width:768px){
    .bismiss-collab-img{
        margin-top: 25px;
    }
}
.latest-events-panel{
    background:#071c3d;
    height:400px;              /* match the hero section; 100vh overflowed onto the next section */
    overflow:hidden;
    position:relative;
    color:#fff;
}

.latest-heading{
    display:flex;
    align-items:center;
    justify-content:center;       /* centre the title in the bar */
    gap:8px;
    min-height:30px;             /* full height matches .event-scroll top -> no gap for text to peek through */
    background:#eaf1fb;                 /* lighter band that highlights the title */
    color:#0b2c5a;
    padding:2px 3px;
    font-size:15px;
    font-weight:400;
    text-align:center;
    /* letter-spacing:.5px; */
    text-decoration:none;
    border-bottom:3px solid #1b4b91;
    position:absolute;            /* pinned bar; sits above the scroller */
    top:0;
    left:0;
    right:0;
    z-index:10;
    transition:background .25s ease;
}
.latest-heading:hover{ background:#dbe8fb; color:#0b2c5a; }
.latest-heading i{ color:#1b4b91; font-size:16px; }
.latest-heading .latest-heading-title{
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:16px;
    white-space:nowrap;
}

/* start the list clear of the pinned heading so the first card is fully visible */
.event-scroll--static{ position:absolute; top:79px; width:100%; animation:none; }

.event-scroll{
    position:absolute;
    top:79px;
    bottom:0;
    width:100%;
    animation:scrollUp 25s linear infinite;
}

.event-scroll:hover{
    animation-play-state:paused;
}

.event-cardh{
    display:flex;
    gap:15px;
    padding:15px;
    color:#fff;
    text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.1);
    transition:.35s;
}

.event-cardh:hover{
    background:#0d2d63;
    transform:translateX(-5px);
    color:#fff;
}

.event-cardh img{
    width:95px;
    height:80px;
    border-radius:8px;
    object-fit:cover;
}

.event-cardh h6{
    margin:0;
    font-size:16px;
    font-weight:600;
    line-height:22px;
    color:#fff;
}

.event-cardh small{
    color:#cfd8dc;
}

@keyframes scrollUp{

    0%{
        transform:translateY(0);
    }

    100%{
        transform:translateY(-50%);
    }

}

@media(max-width:991px){

.latest-events-panel{

height:420px;

}

}
/* ==========================================
   DESKTOP VIEW (> 992px)
   ========================================== */
.custom-hero-section {
    height: 550px; /* Adjusted fluid height for desktop */
}

.custom-slider-wrapper {
    height: 550px !important;
}

.custom-slide-content {
    padding-top: 40px;
}

.custom-main-heading {
    font-size: 40px;
    margin-bottom: 45px;
}

/* Right Events Panel Desktop */
.custom-events-panel {
    height: 550px;
    background-color: rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}

.custom-events-panel .latest-heading {
    padding: 20px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.custom-event-scroll {
    height: calc(550px - 65px);
    overflow-y: auto;
    padding: 15px;
}

/* ==========================================
   TABLET VIEW (768px to 991px)
   ========================================== -->
@media (min-width: 768px) and (max-width: 991px) {
    .custom-hero-section {
        height: auto; /* Stack naturally on tablet if needed */
    }

    .custom-slider-wrapper {
        height: 450px !important;
    }

    .custom-main-heading {
        font-size: 32px;
        margin-bottom: 30px;
    }

    .custom-events-panel {
        height: auto;
        max-height: 400px;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .custom-event-scroll {
        height: 335px;
    }
}

/* ==========================================
   MOBILE VIEW (< 767px)
   ========================================== */
@media (max-width: 767px) {
    .custom-hero-section {
        height: auto;
    }

    .custom-slider-wrapper {
        height: 380px !important; /* Compact view for mobile screens */
    }

    .custom-main-heading {
        font-size: 26px !important; /* Prevent text clipping on small mobiles */
        margin-bottom: 25px !important;
        line-height: 1.3;
    }

    .custom-btn-group {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .custom-btn-group .btn {
        width: 100%;
        margin-right: 0 !important;
    }

    .custom-events-panel {
        height: auto;
        max-height: 350px;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .custom-event-scroll {
        height: auto;
        max-height: 280px;
        overflow-y: auto;
    }
}
.hero-title{
    display:inline-block;
    font-size:36px;
    font-weight:700;
    font-family:'Poppins', sans-serif;
    letter-spacing:1px;
    line-height:1.2;
    text-transform:uppercase;

   

    text-shadow:0 3px 4px rgba(0,0,0,.8);
    
}

.hero-title::after{
    content:'';
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:120px;
    height:3px;
    background:linear-gradient(90deg,transparent,#d29c37,transparent);
    border-radius:5px;
}

@media(max-width:1199px){
    .hero-title{
        font-size:38px;
    }
}

@media(max-width:768px){
    .hero-title{
        font-size:28px;
    }

    .hero-title::after{
        width:80px;
    }
}

/* =====================================================================
   MENU BAR FIX  (navbar + mobile/tablet menu only)
   ===================================================================== */

/* Desktop navbar is left untouched (it was already fixed via the theme).
   Only the mobile / tablet menu is adjusted below. */

@media (max-width: 991px) {
    /* logo must not crowd out the hamburger */
    .custom-header .logo-img { height: 50px; }
    .custom-header .navbar-toggler { display: inline-flex; margin-left: auto; }

    /* header clearance: the theme uses BOTH body{padding-top} AND
       .ipad-top-space-margin, which stack into a white gap under the
       fixed navbar on tablet / mobile inner pages. */
    .ipad-top-space-margin { margin-top: 0 !important; }
    body { padding-top: 64px; }

    /* usable open menu panel */
    .custom-header .navbar-collapse {
        background: #091d50;
        margin-top: 12px;
        padding: 6px 6px 12px;
        border-radius: 8px;
        max-height: calc(100vh - 110px);
        overflow-y: auto;
    }
    .custom-header .navbar-nav { width: 100%; }
    .custom-header .navbar-nav .nav-item {
        display: flex; flex-wrap: wrap; align-items: center;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .custom-header .navbar-nav .nav-link { flex: 1 1 auto; padding: 12px 16px !important; }
    .custom-header .navbar-nav .dropdown-toggle { padding: 12px 16px; }
    .custom-header .navbar-nav .dropdown-menu {
        width: 100%;
        margin: 0 0 6px;
        box-shadow: none;
        background: rgba(255,255,255,.05) !important;
    }
    .custom-header .navbar-nav .dropdown-menu li a { color: #dbeafe !important; }
}

@media (max-width: 575px) {
    .custom-header .logo-img { height: 44px; }
    .custom-header .text-logo { padding: 4px; }
    body { padding-top: 58px; }
}

/* =====================================================================
   INDEX PAGE FIX
   ===================================================================== */

/* stop stray sideways scroll from wide sections */
html, body { overflow-x: hidden; }

@media (max-width: 767px) {
    /* this section's 40px side padding pushed text off small screens */
    .strategic-section { padding-left: 15px; padding-right: 15px; }
}

/* home hero slider: theme classes (full-screen / md-h-600px) made the
   .swiper 600px tall while its content is only 400px -> blank dark strip
   below the slide. Pin it to 400px to match the events side-rail. */
.bg-dark-gray .swiper.full-screen,
.bg-dark-gray .swiper.full-screen .swiper-wrapper,
.bg-dark-gray .swiper.full-screen .swiper-slide {
    height: 400px !important;
    min-height: 0 !important;
}
.bg-dark-gray .swiper.ipad-top-space-margin { margin-top: 0 !important; }

@media (max-width: 991px) {
    /* hero: the row of <br> tags pushed the 2nd CTA ("Become a Member")
       past the 400px slide and it got clipped. Drop the gaps, let the
       two buttons wrap. */
    .bg-dark-gray .swiper .swiper-slide br { display: none; }
    .bg-dark-gray .swiper .hero-title { display: block; margin: 4px auto 18px; }
    .bg-dark-gray .swiper .btn { margin: 5px 6px !important; }

    /* Upcoming Events box: show on mobile too, as a plain stacked list
       under the slider (no marquee animation). */
    .latest-events-panel { height: auto; }
    .latest-heading { position: static; }
    .event-scroll { position: static; animation: none; padding-bottom: 6px; }
    .evt-loop-dupe { display: none; }
}

/* =====================================================================
   EVENTS MODULE  -  Upcoming Events listing (events.php) +
   event detail / REGISTER (event.php)   [IFCCI-style layout]
   ===================================================================== */

.ev-list-section, .ev-detail-section { background:#fff; }

.ev-list-head { margin-bottom:26px; }
.ev-page-title{
    font-size:32px; font-weight:700; color:#04214c; margin:0 0 6px;
}
.ev-page-sub{ color:#5a6b82; font-size:15px; margin:0; }

/* ---- filters ---- */
.ev-filters{ display:flex; flex-wrap:nowrap; align-items:stretch; gap:12px; margin-bottom:26px; }
.ev-select{
    appearance:none; -webkit-appearance:none;
    flex:1 1 0; width:auto; min-width:0;          /* three selects share one row */
    background:#f4f7fb url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%230b2c5a' stroke-width='2' fill='none'/></svg>") no-repeat right 14px center;
    border:1px solid #d9e2ec; border-radius:8px;
    padding:11px 38px 11px 14px; font-size:14px; color:#25324a; cursor:pointer;
}
.ev-select:focus{ outline:none; border-color:#1b4b91; }
.ev-reset{
    flex:0 0 auto;
    border:1px solid #1b4b91; background:#fff; color:#1b4b91;
    font-weight:600; font-size:14px; border-radius:8px;
    padding:11px 22px; cursor:pointer; transition:background .2s ease, color .2s ease;
}
.ev-reset:hover{ background:#1b4b91; color:#fff; }
@media (max-width:767px){
    .ev-filters{ flex-wrap:wrap; }
    .ev-select, .ev-reset{ flex:1 1 100%; }
}

/* ---- listing ---- */
.ev-list{ display:flex; flex-direction:column; gap:18px; }

.ev-item{
    position:relative;
    display:flex; gap:22px;
    background:#fff; border:1px solid #e6ebf2; border-radius:14px;
    padding:22px 24px;
    transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.ev-item:hover{
    box-shadow:0 16px 38px rgba(11,44,90,.12);
    transform:translateY(-3px);
    border-color:#cfe0f5;
}
.ev-item--focus{
    border-color:#1b4b91;
    box-shadow:0 0 0 3px rgba(27,75,145,.18);
}
/* full-card click target */
.ev-item-link{ position:absolute; inset:0; z-index:1; }
.ev-item .ev-body a, .ev-item .ev-readmore{ position:relative; z-index:2; }

.ev-date{
    flex:0 0 88px; width:88px; height:96px;
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    background:linear-gradient(160deg,#0b3c5d,#1b4b91); color:#fff;
    border-radius:12px; line-height:1;
}
.ev-date-day{ font-size:30px; font-weight:700; }
.ev-date-mon{ font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-top:4px; }
.ev-date-yr { font-size:12px; opacity:.8; margin-top:3px; }

.ev-body{ flex:1 1 auto; min-width:0; }
.ev-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-bottom:8px; }
.ev-tag{
    background:#e0ecf7; color:#0b3c5d; font-size:11px; font-weight:600;
    text-transform:uppercase; letter-spacing:.6px; padding:4px 10px; border-radius:50px;
}
.ev-tag--solid{ background:#1b4b91; color:#fff; }
.ev-loc, .ev-when{ font-size:13px; color:#5a6b82; }
.ev-loc i, .ev-when i{ margin-right:5px; color:#1b4b91; }

.ev-title{ font-size:20px; font-weight:700; margin:0 0 8px; line-height:1.35; }
.ev-title a{ color:#04214c; text-decoration:none; }
.ev-item:hover .ev-title a{ color:#1b4b91; }
.ev-excerpt{ color:#4a5a72; font-size:14.5px; line-height:1.7; margin:0 0 12px; }
.ev-readmore{ font-size:13px; font-weight:600; color:#1b4b91; }
.ev-readmore i{ margin-left:6px; transition:transform .2s ease; }
.ev-item:hover .ev-readmore i{ transform:translateX(4px); }

.ev-noresult, .ev-empty{ color:#5a6b82; padding:30px 0; }
.ev-empty h2{ color:#04214c; }

.ev-sponsor-note{
    margin-top:40px; background:#f8f9fa; padding:14px 16px;
    border-left:4px solid #1b4b91; color:#000; font-size:14px; border-radius:4px;
}

/* ---- detail page ---- */
.ev-crumbs{ font-size:13px; color:#7a8aa0; margin-bottom:22px; }
.ev-crumbs a{ color:#1b4b91; text-decoration:none; }
.ev-crumbs span{ margin:0 7px; }
.ev-crumb-current{ color:#7a8aa0; }

.ev-detail-head{ border-bottom:1px solid #e6ebf2; padding-bottom:22px; margin-bottom:24px; }
.ev-detail-title{ font-size:30px; font-weight:700; color:#04214c; margin:12px 0 14px; line-height:1.3; }
.ev-detail-meta{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:10px 22px; }
.ev-detail-meta li{ font-size:14px; color:#4a5a72; }
.ev-detail-meta i{ margin-right:7px; color:#1b4b91; }
.ev-city-badge{
    background:#e0ecf7; color:#0b3c5d; font-size:12px; font-weight:600;
    padding:3px 12px; border-radius:50px;
}
.ev-cal-link{ display:inline-block; margin-top:14px; font-size:13px; font-weight:600; color:#1b4b91; text-decoration:none; }
.ev-cal-link i{ margin-right:6px; }

.ev-detail-banner{ margin-bottom:24px; }
.ev-detail-banner img{ width:100%; border-radius:12px; }

.ev-detail-body{ color:#3a4a63; font-size:15.5px; line-height:1.85; }
.ev-detail-body p{ margin:0 0 16px; }
.ev-detail-body .ev-subhead{
    font-size:17px; font-weight:700; color:#04214c; margin:24px 0 10px;
}

/* ---- sidebar ---- */
.ev-side{
    background:#f6f9fc; border:1px solid #e6ebf2; border-radius:14px;
    padding:24px; position:sticky; top:100px;
}
.ev-side-title{ font-size:18px; font-weight:700; color:#04214c; margin:0 0 14px; }
.ev-side-list{ margin:0 0 18px; }
.ev-side-list dt{ font-size:12px; text-transform:uppercase; letter-spacing:.6px; color:#8a99ad; margin-top:12px; }
.ev-side-list dt:first-child{ margin-top:0; }
.ev-side-list dd{ margin:3px 0 0; font-size:14.5px; color:#25324a; }
.ev-side-contact{ margin-top:16px; padding-top:16px; border-top:1px solid #e6ebf2; font-size:13.5px; color:#5a6b82; }
.ev-side-rsvp a{ color:#1b4b91; text-decoration:none; }

/* ---- buttons ---- */
.ev-btn{
    display:inline-block; background:#1b4b91; color:#fff; text-decoration:none;
    font-weight:600; font-size:14px; letter-spacing:.4px;
    padding:12px 26px; border-radius:8px; border:none; cursor:pointer;
    transition:background .2s ease, transform .2s ease;
}
.ev-btn:hover{ background:#143a73; color:#fff; transform:translateY(-2px); }
.ev-btn--lg{ padding:14px 34px; font-size:15px; text-transform:uppercase; }
.ev-btn--block{ display:block; text-align:center; width:100%; }
.ev-reg-closed{
    background:#fdecec; color:#b3261e; font-weight:600; text-align:center;
    padding:14px; border-radius:8px; border:1px solid #f6c9c6;
}
.ev-reg-closed--sm{ font-size:13px; padding:10px; }

/* ---- register form ---- */
.ev-register{
    margin-top:38px; background:#f6f9fc; border:1px solid #e6ebf2;
    border-radius:14px; padding:28px;
}
.ev-register-title{ font-size:22px; font-weight:700; color:#04214c; margin:0 0 6px; }
.ev-register-lead{ color:#5a6b82; font-size:14px; margin:0 0 18px; }
.ev-form-row{ display:flex; gap:16px; flex-wrap:wrap; }
.ev-form label{
    display:flex; flex-direction:column; flex:1 1 220px;
    font-size:13px; font-weight:600; color:#40506a; margin-bottom:14px;
}
.ev-form-full{ display:flex; flex-direction:column; font-size:13px; font-weight:600; color:#40506a; margin-bottom:16px; }
.ev-form label span{ color:#c0392b; }
.ev-form input, .ev-form textarea{
    margin-top:6px; padding:11px 13px; border:1px solid #d9e2ec; border-radius:8px;
    font-size:14px; font-weight:400; color:#25324a; background:#fff; font-family:inherit;
}
.ev-form input:focus, .ev-form textarea:focus{ outline:none; border-color:#1b4b91; }
.ev-hp{ position:absolute; left:-9999px; height:0; overflow:hidden; }

.ev-alert{ padding:13px 16px; border-radius:8px; font-size:14px; margin-bottom:18px; }
.ev-alert--ok{ background:#e7f6ec; color:#1c7d3f; border:1px solid #bfe6cc; }
.ev-alert--err{ background:#fdecec; color:#b3261e; border:1px solid #f6c9c6; }

.ev-back{ margin-top:34px; }
.ev-back a{ color:#1b4b91; text-decoration:none; font-weight:600; font-size:14px; }
.ev-back i{ margin-right:7px; }

@media (max-width:991px){
    .ev-side{ position:static; margin-top:24px; }
}
@media (max-width:575px){
    .ev-item{ flex-direction:column; gap:14px; padding:18px; }
    .ev-date{ flex-direction:row; width:auto; height:auto; gap:8px; padding:8px 14px; align-self:flex-start; }
    .ev-date-day{ font-size:20px; }
    .ev-date-mon, .ev-date-yr{ margin-top:0; font-size:12px; }
    .ev-page-title{ font-size:24px; }
    .ev-select{ min-width:100%; }
}

/* =====================================================================
   TRADE TALKS  (Tradetalks1.php)  -  one talk per row + folder gallery
   ===================================================================== */

.tt-section{ background:#fff; }
.tt-head{ margin-bottom:26px; }
.tt-title{ font-size:30px; font-weight:700; color:#04214c; margin:0 0 6px; }
.tt-sub{ color:#5a6b82; font-size:15px; margin:0; max-width:760px; }

/* ---- row list: one talk per full-width row ---- */
.tt-rows{
    border:1px solid #e6ebf2;
    border-radius:14px;
    overflow:hidden;
}
.tt-row{
    display:flex; align-items:center; gap:22px;
    padding:20px 24px;
    border-top:1px solid #eef1f6;
    background:#fff;
    transition:background .18s ease;
}
.tt-row:first-child{ border-top:0; }
.tt-row:hover{ background:#f7fafd; }

.tt-index{
    flex:0 0 auto;
    font-size:14px; font-weight:700; color:#b7c3d4;
    font-variant-numeric:tabular-nums;
}

.tt-thumb{
    flex:0 0 64px; width:64px; height:64px;
    border-radius:10px; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    background:#eef4fb; color:#1b4b91; font-size:24px;
}
.tt-thumb img{ width:100%; height:100%; object-fit:cover; }

.tt-body{ flex:1 1 auto; min-width:0; }
.tt-name{ font-size:17px; font-weight:700; color:#04214c; margin:0 0 3px; line-height:1.35; }
.tt-org{ font-size:13px; color:#5a6b82; margin-bottom:2px; }
.tt-artitle{ font-size:13.5px; font-style:italic; color:#40506a; margin-bottom:4px; }
.tt-blurb{ font-size:13.5px; color:#4a5a72; line-height:1.6; margin:4px 0 0; }

.tt-cta{ flex:0 0 auto; }
.tt-btn{
    display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
    background:#1b4b91; color:#fff; text-decoration:none;
    font-weight:600; font-size:13px; letter-spacing:.3px;
    padding:10px 20px; border-radius:8px;
    transition:background .2s ease, transform .2s ease;
}
.tt-btn:hover{ background:#143a73; color:#fff; transform:translateY(-1px); }
.tt-btn i{ font-size:13px; }
.tt-btn--muted{ background:#eef1f5; color:#8a99ad; pointer-events:none; }
.tt-btn--muted:hover{ background:#eef1f5; color:#8a99ad; transform:none; }

.tt-empty{ color:#5a6b82; padding:30px 0; }

/* ---- folder gallery ---- */
.tt-gallery-head{ margin-bottom:24px; }
.tt-back{ display:inline-block; margin-bottom:10px; color:#1b4b91; text-decoration:none; font-weight:600; font-size:14px; }
.tt-back i{ margin-right:7px; }

.tt-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:16px;
}
.tt-img{
    padding:0; border:0; background:none; cursor:pointer;
    border-radius:12px; overflow:hidden; line-height:0;
    box-shadow:0 6px 18px rgba(0,0,0,.06); transition:transform .25s ease, box-shadow .25s ease;
}
.tt-img img{ width:100%; height:210px; object-fit:cover; }
.tt-img:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(0,0,0,.14); }

/* ---- lightbox ---- */
.tt-modal{
    display:none; position:fixed; inset:0; z-index:100000;
    background:rgba(4,12,28,.94);
    align-items:center; justify-content:center;
}
.tt-modal.is-open{ display:flex; }
.tt-modal img{ max-width:90vw; max-height:85vh; border-radius:10px; }
.tt-modal-close{ position:absolute; top:18px; right:26px; color:#fff; font-size:38px; cursor:pointer; line-height:1; }
.tt-modal-nav{ position:absolute; top:50%; transform:translateY(-50%); color:#fff; font-size:40px; cursor:pointer; padding:14px; user-select:none; }
.tt-modal-prev{ left:14px; }
.tt-modal-next{ right:14px; }

@media (max-width:767px){
    .tt-row{ flex-wrap:wrap; gap:14px; padding:18px; }
    .tt-index{ order:-1; }
    .tt-body{ flex:1 1 100%; order:3; }
    .tt-cta{ flex:1 1 100%; order:4; }
    .tt-btn{ width:100%; justify-content:center; }
}
@media (max-width:575px){
    .tt-title{ font-size:24px; }
}

/* =====================================================================
   FOOTER  (footer.php)  -  tighter, structured
   ===================================================================== */
.site-footer{ padding:46px 0 0; }
.site-footer .ft-top{ }
.site-footer .ft-col{ margin-bottom:22px; }

.site-footer .ft-logo{ max-width:186px; width:70%; height:auto; margin-bottom:14px; }
.site-footer .ft-blurb{
    font-size:13.5px; line-height:1.75;
    color:rgba(255,255,255,.6); margin:0 0 16px; max-width:420px;
}

.site-footer .ft-h{
    font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1.2px;
    color:#fff; margin:0 0 14px;
}

.site-footer .ft-links{ list-style:none; margin:0; padding:0; }
.site-footer .ft-links li{ margin-bottom:8px; }
.site-footer .ft-links a{
    color:rgba(255,255,255,.68); text-decoration:none; font-size:13.5px;
    transition:color .2s ease;
}
.site-footer .ft-links a:hover{ color:#fff; }

.site-footer .ft-contact{
    font-style:normal; font-size:13.5px; line-height:1.9;
    color:rgba(255,255,255,.68);
}
.site-footer .ft-contact a{ color:rgba(255,255,255,.68); text-decoration:none; }
.site-footer .ft-contact a:hover{ color:#fff; }

.site-footer .ft-social a{
    display:inline-flex; width:34px; height:34px; margin:0 8px 0 0;
    align-items:center; justify-content:center;
    border:1px solid rgba(255,255,255,.25); border-radius:50%;
    color:#fff; font-size:14px; transition:background .2s ease, border-color .2s ease;
}
.site-footer .ft-social a:hover{ background:#1b4b91; border-color:#1b4b91; }

.site-footer .ft-divider{
    border-top:1px solid rgba(255,255,255,.14);
    margin:6px 0 0;
}
.site-footer .ft-bottom{
    padding:16px 0;
    font-size:12.5px; color:rgba(255,255,255,.55);
}
.site-footer .ft-bottom a{ color:rgba(255,255,255,.72); text-decoration:none; }
.site-footer .ft-bottom a:hover{ color:#fff; }
.site-footer .ft-sep{ margin:0 10px; opacity:.4; }

@media (max-width:767px){
    .site-footer{ padding-top:36px; text-align:left; }
    .site-footer .ft-bottom{ text-align:center; }
    .site-footer .ft-bottom .text-md-end{ text-align:center !important; margin-top:6px; }
}

/* =====================================================================
   COOKIE CONSENT BAR
   ===================================================================== */
.cookie-bar{
    position:fixed; left:0; right:0; bottom:0; z-index:100001;
    display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
    gap:12px 24px; padding:16px 24px;
    background:#04214c; color:#e8eef7;
    box-shadow:0 -6px 24px rgba(0,0,0,.28);
    transform:translateY(110%); transition:transform .32s ease;
}
.cookie-bar.is-visible{ transform:translateY(0); }
.cookie-bar__text{
    margin:0; font-size:13px; line-height:1.6; max-width:720px;
}
.cookie-bar__text a{ color:#9dc3ff; text-decoration:underline; }
.cookie-bar__actions{ display:flex; gap:10px; flex:0 0 auto; }
.cookie-bar__btn{
    border:0; cursor:pointer; font-weight:600; font-size:13px;
    padding:9px 24px; border-radius:6px;
    background:#1b4b91; color:#fff; transition:background .2s ease;
}
.cookie-bar__btn:hover{ background:#2a63b8; }
.cookie-bar__btn--ghost{
    background:transparent; border:1px solid rgba(255,255,255,.4); color:#e8eef7;
}
.cookie-bar__btn--ghost:hover{ background:rgba(255,255,255,.12); }

@media (max-width:575px){
    .cookie-bar{ flex-direction:column; text-align:center; padding:14px 16px; gap:12px; }
    .cookie-bar__actions{ width:100%; }
    .cookie-bar__btn{ flex:1 1 auto; }
}