/* =========================================================
   FLUID SCALING FIX — paste this AFTER all existing <style>
   blocks / CSS links in <head>, so it overrides the old
   fixed-breakpoint rules that cause the "100% vs 150% zoom"
   inconsistency across different laptops.
   ========================================================= */

/* 1. Fluid root font-size — smooths every rem/em value across
      screen widths instead of jumping at fixed breakpoints */
html {
    font-size: clamp(14px, 0.85vw + 9px, 16px);
}

/* 2. Header logo — was fixed 210px / 180px, now scales smoothly */
.fic-main-logo {
    flex: 0 0 clamp(150px, 12vw, 210px) !important;
    max-width: clamp(150px, 12vw, 210px) !important;
}
.fic-main-logo img {
    max-height: clamp(50px, 5vw, 66px) !important;
    max-width: clamp(130px, 12vw, 190px) !important;
}

/* 3. Main navigation links — was 3 separate stepped rules
      (14px, 13px, 12px) at 3 different breakpoints, now one
      smooth fluid rule with no sudden jumps */
.fic-navigation > ul > li > a,
.stellarnav > ul > li > a {
    font-size: clamp(12px, 0.7vw + 6px, 13px) !important;
    padding: clamp(16px, 2.2vw, 33px) clamp(6px, 0.7vw, 10px) !important;
}

.fic-navigation > ul > li > a::after,
.stellarnav > ul > li > a::after {
    bottom: clamp(4px, 1.5vw, 22px) !important;
}

/* 4. Top bar links — was fixed 13px, now fluid */
.fic-top-links a {
    font-size: clamp(11px, 0.6vw + 6px, 12px) !important;
    padding: clamp(6px, 1vw, 10px) clamp(8px, 1.2vw, 14px) !important;
}

/* 5. Container safety net — prevents overflow only on
      generic content wrappers, without touching images,
      icons, or elements that rely on fixed dimensions
      (this avoids breaking circular photos, decorative
      background shapes, and slider elements) */
.container,
.container-fluid,
p,
.section-text,
.about-inner,
.event-card-content,
.blog-card-content {
    max-width: 95%;
}














.fic-topbar-right .fic-top-links a{
    padding: 5px 10px !important;
}

.fic-partner-logos img {
    height: 30px !important;
    width: auto;
    object-fit: contain;
    display: block;
}







