/* =========================================================
   IRC BRAND COLORS
========================================================= */

:root {

    --irc-navy: #0B3558;
    --irc-navy-dark: #062743;
    --irc-blue: #14547A;

    --irc-teal: #52C3C7;
    --irc-teal-dark: #1B9EAA;
    --irc-teal-light: #EAF9FA;

    --irc-yellow: #FFD83D;
    --irc-yellow-dark: #F2C400;

    --irc-white: #ffffff;

    --irc-bg: #F5FAFC;

    --irc-text: #102A43;
    --irc-text-soft: #64748B;

    --irc-border:
        rgba(11, 53, 88, 0.12);

    --irc-shadow:
        0 12px 35px
        rgba(11, 53, 88, 0.10);

    --irc-container: 1380px;

    --irc-transition:
        all .3s
        cubic-bezier(.4,0,.2,1);

        --irc-page-bg:
        #F7FBFC;

    --irc-page-glow:
        rgba(82, 195, 199, 0.08);

    --irc-page-navy-glow:
        rgba(11, 53, 88, 0.045);
}


/* =========================================================
   RESET
========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {

    scroll-behavior: smooth;

    width: 100%;

    max-width: 100%;

    overflow-x: hidden;
}


body {

    width: 100%;

    max-width: 100%;

    margin: 0;

    overflow-x: hidden;

    font-family:
        "Inter",
        sans-serif;

     background:
        var(--irc-page-bg);

    color:
        var(--irc-text);
}

.irc-page {

    position:
        relative;

    min-height:
        100vh;

    overflow:
        hidden;

    background:

        radial-gradient(
            circle at 82% 12%,
            var(--irc-page-glow),
            transparent 27%
        ),

        radial-gradient(
            circle at 8% 48%,
            var(--irc-page-navy-glow),
            transparent 25%
        ),

        linear-gradient(
            180deg,
            #F8FCFD 0%,
            #FFFFFF 35%,
            #F8FCFD 68%,
            #FFFFFF 100%
        );
}


button,
input,
textarea,
select {

    font-family: inherit;
}


a {

    color: inherit;

    text-decoration: none;
}


/* =========================================================
   CONTAINER
========================================================= */

.irc-container {

    width:
        min(
            calc(100% - 40px),
            var(--irc-container)
        );

    margin-inline: auto;
}


/* =========================================================
   TOP BAR
========================================================= */

.irc-topbar {

    min-height: 48px;

    background:
        var(--irc-navy-dark);

    color:
        #fff;
}


.irc-topbar-inner {

    min-height: 48px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}


.irc-top-left,
.irc-top-right {

    display: flex;

    align-items: center;
}


.irc-top-left {

    gap: 25px;
}


.irc-top-right {

    gap: 18px;
}


.irc-contact-item {

    display: flex;

    align-items: center;

    gap: 9px;

    color: #fff;

    font-size: 13px;

    font-weight: 500;

    white-space: nowrap;

    transition:
        var(--irc-transition);
}


.irc-contact-item i {

    color:
        var(--irc-yellow);

    font-size: 12px;
}


.irc-contact-item:hover {

    color:
        var(--irc-teal);
}


.irc-top-divider {

    width: 1px;

    height: 20px;

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


.irc-version {

    display: flex;

    align-items: center;

    gap: 8px;

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

    font-size: 13px;

    white-space: nowrap;
}


.irc-version i {

    color:
        var(--irc-teal);
}


.irc-social {

    display: flex;

    align-items: center;

    gap: 7px;
}


.irc-social a {

    width: 28px;

    height: 28px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: #fff;

    font-size: 12px;

    transition:
        var(--irc-transition);
}


.irc-social a:hover {

    background:
        var(--irc-teal);

    color:
        var(--irc-navy-dark);

    transform:
        translateY(-2px);
}


/* =========================================================
   DESKTOP HEADER
========================================================= */

.irc-header {

    position: relative;

    z-index: 5000;

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

    border-bottom:
        1px solid
        rgba(11,53,88,.08);

    box-shadow:
        var(--irc-shadow);
}


.irc-header-inner {

    min-height: 108px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;
}


/* =========================================================
   LOGO
========================================================= */

.irc-logo {

    display: flex;

    align-items: center;

    flex-shrink: 0;
}


.irc-logo img {

    width: 230px;

    height: auto;

    display: block;

    object-fit: contain;
}


/* =========================================================
   NAVIGATION
========================================================= */

.irc-navigation {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 30px;

    height: 108px;
}


.irc-nav-link {

    position: relative;

    height: 108px;

    display: flex;

    align-items: center;

    gap: 7px;

    color:
        var(--irc-navy);

    font-size: 14px;

    font-weight: 700;

    white-space: nowrap;

    transition:
        var(--irc-transition);
}


.irc-nav-link i {

    font-size: 10px;

    transition:
        transform .3s ease;
}


.irc-nav-link:hover {

    color:
        var(--irc-teal-dark);
}


/* =========================================================
   NORMAL NAV ACTIVE
========================================================= */

.irc-nav-link.active {

    color:
        var(--irc-teal-dark);
}


.irc-nav-link.active::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 22px;

    height: 3px;

    background:
        var(--irc-teal);

    border-radius: 20px;
}


/* =========================================================
   CONFERENCES NAV
========================================================= */

.irc-conferences-nav {

    position: static;

    height: 108px;

    display: flex;

    align-items: center;
}


.irc-conferences-nav
> .irc-nav-link {

    position: relative;
}


/* Hover underline */

.irc-conferences-nav
> .irc-nav-link::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 22px;

    height: 3px;

    background:
        var(--irc-teal);

    border-radius: 20px;

    transform:
        scaleX(0);

    transform-origin:
        center;

    transition:
        transform .3s ease;
}


.irc-conferences-nav:hover
> .irc-nav-link {

    color:
        var(--irc-teal-dark);
}


.irc-conferences-nav:hover
> .irc-nav-link::after {

    transform:
        scaleX(1);
}


.irc-conferences-nav:hover
> .irc-nav-link i {

    transform:
        rotate(180deg);
}


/* =========================================================
   CONFERENCE MEGA MENU
========================================================= */

.irc-mega-menu {

    position: absolute;

    top: 100%;

    left: 50%;

    width:
        min(
            1280px,
            calc(100vw - 40px)
        );

    max-width:
        calc(100vw - 40px);

    max-height:
        calc(100vh - 175px);

    overflow-y: auto;

    overflow-x: hidden;

    background:
        #fff;

    border:
        1px solid
        rgba(11,53,88,.08);

    border-radius:
        20px;

    box-shadow:
        0 30px 80px
        rgba(6,39,67,.20);

    transform:
        translate(-50%, -15px)
        scale(.98);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    z-index: 9999;

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s ease;
}


/* =========================================================
   SHOW ON HOVER
========================================================= */

.irc-conferences-nav:hover
.irc-mega-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translate(-50%, 0)
        scale(1);
}


/* =========================================================
   MEGA CONTENT
========================================================= */

.irc-mega-content {

    padding:
        28px 30px 0;
}


.irc-mega-columns {

    display: grid;

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

    gap: 0;
}


.irc-mega-column {

    padding:
        0 25px;

    border-right:
        1px solid
        var(--irc-border);
}


.irc-mega-column:first-child {

    padding-left: 0;
}


.irc-mega-column:last-child {

    padding-right: 0;

    border-right: none;
}


/* =========================================================
   YEAR
========================================================= */

.irc-year-heading {

    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 12px;

    padding-bottom: 10px;

    color:
        var(--irc-teal-dark);

    font-size: 20px;

    font-weight: 800;

    border-bottom:
        2px solid
        var(--irc-teal-light);
}


.irc-year-heading i {

    font-size: 17px;
}


/* =========================================================
   CONFERENCE ITEM
========================================================= */

.irc-conference-item {

    position: relative;

    display: block;

    padding:
        10px 24px 10px 0;

    border-bottom:
        1px solid
        rgba(11,53,88,.09);

    transition:
        var(--irc-transition);
}


.irc-conference-item:last-of-type {

    border-bottom: none;
}


.irc-conference-item strong {

    display: block;

    margin-bottom: 4px;

    color:
        var(--irc-navy);

    font-size: 13px;

    font-weight: 700;

    transition:
        var(--irc-transition);
}


.irc-conference-item span {

    display: block;

    color:
        var(--irc-text-soft);

    font-size: 10.5px;

    line-height: 1.5;
}


.irc-conference-item::after {

    content:
        "\f054";

    position: absolute;

    right: 2px;

    top: 50%;

    font-family:
        "Font Awesome 6 Free";

    font-weight: 900;

    font-size: 9px;

    color:
        var(--irc-teal-dark);

    opacity: 0;

    transform:
        translateY(-50%)
        translateX(-5px);

    transition:
        var(--irc-transition);
}


.irc-conference-item:hover {

    padding-left: 7px;
}


.irc-conference-item:hover strong {

    color:
        var(--irc-teal-dark);
}


.irc-conference-item:hover::after {

    opacity: 1;

    transform:
        translateY(-50%)
        translateX(0);
}


/* =========================================================
   PAST EVENTS
========================================================= */

.irc-past-events {

    display: flex;

    align-items: center;

    gap: 8px;

    padding-top: 13px;

    color:
        var(--irc-teal-dark);

    font-size: 12px;

    font-weight: 800;

    transition:
        var(--irc-transition);
}


.irc-past-events:hover {

    color:
        var(--irc-navy);

    gap: 12px;
}


/* =========================================================
   MEGA BOTTOM
========================================================= */

.irc-mega-bottom {

    margin-top: 22px;

    min-height: 105px;

    display: grid;

    grid-template-columns:
        1fr 2fr;

    border-top:
        1px solid
        rgba(11,53,88,.08);
}


/* =========================================================
   MESSAGE
========================================================= */

.irc-mega-message {

    display: flex;

    align-items: center;

    gap: 15px;

    padding:
        20px 25px;

    background:
        linear-gradient(
            135deg,
            #F0FBFC,
            #E4F7F8
        );
}


.irc-mega-message-icon {

    width: 48px;

    height: 48px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background:
        rgba(82,195,199,.18);

    color:
        var(--irc-teal-dark);

    font-size: 22px;
}


.irc-mega-message p {

    max-width: 280px;

    color:
        var(--irc-navy);

    font-size: 12px;

    font-weight: 700;

    line-height: 1.6;
}


/* =========================================================
   STATS
========================================================= */

.irc-mega-stats {

    display: grid;

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

    align-items: center;

    padding:
        15px 20px;

    background:
        linear-gradient(
            135deg,
            var(--irc-navy-dark),
            var(--irc-navy)
        );
}


.irc-stat {

    min-height: 55px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    border-right:
        1px solid
        rgba(255,255,255,.14);
}


.irc-stat:last-child {

    border-right: none;
}


.irc-stat-icon {

    color:
        var(--irc-teal);

    font-size: 21px;
}


.irc-stat strong {

    display: block;

    color:
        #fff;

    font-size: 18px;

    font-weight: 800;
}


.irc-stat span {

    display: block;

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

    font-size: 10px;
}


/* =========================================================
   EVENT SELECTOR
========================================================= */

.irc-event-selector {

    position: relative;

    flex-shrink: 0;
}


.irc-event-button {

    min-width: 198px;

    height: 52px;

    padding:
        0 16px;

    border:
        1px solid
        var(--irc-teal-dark);

    border-radius:
        30px;

    background:
        linear-gradient(
            135deg,
            var(--irc-teal-dark),
            var(--irc-teal)
        );

    color:
        #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 8px 22px
        rgba(27,158,170,.20);

    transition:
        var(--irc-transition);
}


.irc-event-button:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 12px 28px
        rgba(27,158,170,.28);
}


.irc-event-count {

    width: 22px;

    height: 22px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        var(--irc-yellow);

    color:
        var(--irc-navy-dark);

    font-size: 11px;

    font-weight: 800;
}


.event-arrow {

    font-size: 9px;

    transition:
        transform .3s ease;
}


.irc-event-selector.open
.event-arrow {

    transform:
        rotate(180deg);
}


/* =========================================================
   EVENT DROPDOWN
========================================================= */

.irc-event-dropdown {

    position: absolute;

    top:
        calc(100% + 12px);

    right: 0;

    width: 340px;

    padding: 10px;

    background:
        #fff;

    border:
        1px solid
        rgba(11,53,88,.08);

    border-radius: 18px;

    box-shadow:
        0 25px 60px
        rgba(6,39,67,.18);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform:
        translateY(-10px);

    transition:
        var(--irc-transition);

    z-index: 10000;
}


.irc-event-selector.open
.irc-event-dropdown {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateY(0);
}


/* =========================================================
   EVENT DROPDOWN HEADER
========================================================= */

.irc-event-dropdown-header {

    padding:
        12px 12px 10px;

    border-bottom:
        1px solid
        var(--irc-border);
}


.irc-event-dropdown-header span {

    display: block;

    color:
        var(--irc-navy);

    font-size: 12px;

    font-weight: 800;
}


.irc-event-dropdown-header small {

    display: block;

    margin-top: 3px;

    color:
        var(--irc-text-soft);

    font-size: 10px;
}


/* =========================================================
   EVENT DROPDOWN ITEM
========================================================= */

.irc-event-dropdown-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 11px;

    border-bottom:
        1px solid
        rgba(11,53,88,.08);

    border-radius: 10px;

    transition:
        var(--irc-transition);
}


.irc-event-dropdown-item:hover {

    background:
        var(--irc-teal-light);

    transform:
        translateX(3px);
}


.irc-event-icon {

    width: 52px;

    height: 52px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background:
        var(--irc-navy);

    color:
        var(--irc-teal);

    font-size: 20px;
}


.irc-event-dropdown-item strong {

    display: block;

    margin-bottom: 3px;

    color:
        var(--irc-navy);

    font-size: 12px;
}


.irc-event-dropdown-item span {

    display: block;

    color:
        var(--irc-text-soft);

    font-size: 10px;
}


.irc-event-dropdown-item small {

    display: block;

    margin-top: 2px;

    color:
        var(--irc-teal-dark);

    font-size: 9px;

    font-weight: 700;
}


/* =========================================================
   VIEW ALL EVENTS
========================================================= */

.irc-view-all-events {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding:
        13px 12px;

    color:
        var(--irc-teal-dark);

    font-size: 11px;

    font-weight: 800;
}


.irc-view-all-events:hover {

    color:
        var(--irc-navy);
}


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

.irc-mobile-header {

    display: none;

    min-height: 76px;

    padding:
        10px 18px;

    background:
        #fff;

    box-shadow:
        0 8px 25px
        rgba(11,53,88,.10);

    position: relative;

    z-index: 5000;
}


.irc-mobile-left {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;
}


.irc-mobile-logo {

    display: flex;

    align-items: center;
}


.irc-mobile-logo img {

    width: 155px;

    height: auto;

    display: block;
}


.irc-menu-toggle {

    width: 44px;

    height: 44px;

    border: none;

    border-radius: 12px;

    background:
        var(--irc-teal-light);

    color:
        var(--irc-navy);

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    font-size: 19px;
}


.irc-menu-toggle:hover {

    background:
        var(--irc-teal);
}


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

.irc-mobile-event {

    height: 42px;

    padding:
        0 11px;

    border: none;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            var(--irc-teal-dark),
            var(--irc-teal)
        );

    color: #fff;

    display: flex;

    align-items: center;

    gap: 6px;

    font-size: 10px;

    font-weight: 700;
}


.irc-mobile-event
.irc-event-count {

    width: 18px;

    height: 18px;

    font-size: 9px;
}


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

.irc-mobile-drawer {

    position: fixed;

    inset: 0;

    z-index: 99999;

    visibility: hidden;
}


.irc-mobile-drawer.active {

    visibility: visible;
}


.irc-mobile-overlay {

    position: absolute;

    inset: 0;

    background:
        rgba(6,39,67,.58);

    opacity: 0;

    transition:
        opacity .3s ease;
}


.irc-mobile-drawer.active
.irc-mobile-overlay {

    opacity: 1;
}


.irc-mobile-panel {

    position: absolute;

    top: 0;

    right: 0;

    width:
        min(
            400px,
            92vw
        );

    height: 100%;

    overflow-y: auto;

    background:
        #fff;

    transform:
        translateX(100%);

    transition:
        transform .35s
        cubic-bezier(.4,0,.2,1);

    box-shadow:
        -20px 0 60px
        rgba(0,0,0,.20);
}


.irc-mobile-drawer.active
.irc-mobile-panel {

    transform:
        translateX(0);
}


/* =========================================================
   MOBILE PANEL HEADER
========================================================= */

.irc-mobile-panel-header {

    min-height: 88px;

    padding:
        16px 18px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom:
        1px solid
        var(--irc-border);
}


.irc-mobile-panel-logo img {

    width: 145px;

    height: auto;
}


.irc-mobile-close {

    width: 42px;

    height: 42px;

    border: none;

    border-radius: 12px;

    background:
        var(--irc-teal-light);

    color:
        var(--irc-navy);

    cursor: pointer;

    font-size: 18px;
}


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

.irc-mobile-links {

    padding:
        18px;
}


.irc-mobile-link {

    width: 100%;

    min-height: 60px;

    padding:
        0 15px;

    margin-bottom: 8px;

    display: flex;

    align-items: center;

    gap: 14px;

    border: none;

    border-radius: 13px;

    background:
        transparent;

    color:
        var(--irc-navy);

    font-size: 14px;

    font-weight: 700;

    text-align: left;

    cursor: pointer;

    transition:
        var(--irc-transition);
}


.irc-mobile-link > i:first-child {

    width: 24px;

    text-align: center;

    color:
        var(--irc-teal-dark);
}


.mobile-link-arrow {

    margin-left: auto;

    font-size: 10px;

    transition:
        transform .3s ease;
}


.irc-mobile-link:hover {

    background:
        var(--irc-navy);

    color:
        #fff;
}


.irc-mobile-link:hover
> i:first-child {

    color:
        var(--irc-yellow);
}


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

.irc-mobile-conferences {

    display: none;

    margin:
        0 0 12px;

    padding:
        8px;

    border-radius:
        14px;

    background:
        var(--irc-teal-light);
}


.irc-mobile-conferences.show {

    display: block;
}


.irc-mobile-conf {

    display: block;

    padding:
        12px;

    border-bottom:
        1px solid
        rgba(11,53,88,.10);
}


.irc-mobile-conf:last-of-type {

    border-bottom: none;
}


.irc-mobile-conf strong {

    display: block;

    margin-bottom: 4px;

    color:
        var(--irc-navy);

    font-size: 12px;
}


.irc-mobile-conf span {

    display: block;

    color:
        var(--irc-text-soft);

    font-size: 10px;

    line-height: 1.5;
}


/* =========================================================
   DEMO CONTENT
========================================================= */

.irc-demo-content {

    min-height: 800px;

    padding:
        110px 20px;

    text-align: center;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(82,195,199,.12),
            transparent 30%
        ),
        var(--irc-bg);
}


.irc-demo-content h1 {

    margin-bottom: 20px;

    color:
        var(--irc-navy);

    font-size:
        clamp(
            38px,
            5vw,
            72px
        );

    font-weight: 800;

    line-height: 1.1;
}


.irc-demo-content h1 span {

    color:
        var(--irc-teal-dark);
}


.irc-demo-content p {

    max-width: 700px;

    margin-inline: auto;

    color:
        var(--irc-text-soft);

    line-height: 1.8;
}


/* =========================================================
   MOBILE MENU BODY LOCK
========================================================= */

body.mobile-menu-open {

    overflow: hidden;
}


/* =========================================================
   1200 PX
========================================================= */

@media (max-width: 1200px) {

    .irc-navigation {

        gap: 18px;
    }


    .irc-nav-link {

        font-size: 12px;
    }


    .irc-logo img {

        width: 195px;
    }


    .irc-event-button {

        min-width: 175px;

        font-size: 12px;
    }


    .irc-mega-menu {

        width:
            calc(100vw - 30px);

        max-width:
            calc(100vw - 30px);
    }


    .irc-mega-content {

        padding-inline: 22px;
    }


    .irc-mega-column {

        padding-inline: 16px;
    }


    .irc-conference-item strong {

        font-size: 11px;
    }


    .irc-conference-item span {

        font-size: 9px;
    }
}


/* =========================================================
   992 PX
========================================================= */

@media (max-width: 992px) {

    .irc-topbar {

        min-height: 42px;
    }


    .irc-topbar-inner {

        min-height: 42px;

        padding:
            7px 0;
    }


    .irc-top-left {

        gap: 14px;
    }


    .irc-contact-item {

        font-size: 11px;
    }


    .irc-version,
    .irc-top-divider,
    .irc-social {

        display: none;
    }


    .irc-header {

        display: none;
    }


    .irc-mobile-header {

        display: flex;
    }
}


/* =========================================================
   768 PX
========================================================= */

@media (max-width: 768px) {

    .irc-container {

        width:
            calc(100% - 28px);
    }


    .irc-top-left {

        width: 100%;

        justify-content: center;
    }


    .irc-top-left
    .irc-contact-item:last-child {

        display: none;
    }


    .irc-mobile-logo img {

        width: 140px;
    }


    .irc-mobile-event {

        display: none;
    }


    .irc-demo-content {

        padding-top:
            70px;
    }


    .irc-demo-content h1 {

        font-size:
            clamp(
                34px,
                9vw,
                52px
            );
    }
}


/* =========================================================
   480 PX
========================================================= */

@media (max-width: 480px) {

    .irc-topbar {

        display: none;
    }


    .irc-mobile-header {

        padding:
            10px 13px;
    }


    .irc-mobile-logo img {

        width: 125px;
    }


    .irc-menu-toggle {

        width: 40px;

        height: 40px;
    }


    .irc-mobile-panel {

        width: 100%;
    }


    .irc-demo-content {

        padding:
            70px 15px;
    }
}

/* =========================================================
   FOOTER
========================================================= */

.irc-footer {

    position: relative;

    background:
        var(--irc-navy-dark);

    color:
        #fff;

    overflow: hidden;
}


.irc-footer-inner {

    width:
        min(
            calc(100% - 40px),
            var(--irc-container)
        );

    margin-inline: auto;

    padding:
        70px 0 55px;

    display: grid;

    grid-template-columns:
        1.6fr
        1fr
        1.2fr
        1.4fr;

    gap: 55px;
}


/* =========================================================
   FOOTER BRAND
========================================================= */

.irc-footer-logo {

    display: inline-flex;

    background:
        #fff;

    padding:
        10px 15px;

    border-radius:
        12px;

    margin-bottom:
        20px;
}


.irc-footer-logo img {

    width:
        200px;

    height:
        auto;

    display:
        block;
}


.irc-footer-brand p {

    max-width:
        350px;

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

    font-size:
        13px;

    line-height:
        1.8;
}


/* =========================================================
   FOOTER SOCIAL
========================================================= */

.irc-footer-social {

    display:
        flex;

    gap:
        9px;

    margin-top:
        22px;
}


.irc-footer-social a {

    width:
        36px;

    height:
        36px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

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

    border-radius:
        50%;

    color:
        #fff;

    font-size:
        13px;

    transition:
        var(--irc-transition);
}


.irc-footer-social a:hover {

    background:
        var(--irc-teal);

    border-color:
        var(--irc-teal);

    color:
        var(--irc-navy-dark);

    transform:
        translateY(-3px);
}


/* =========================================================
   FOOTER COLUMNS
========================================================= */

.irc-footer-column h4 {

    margin-bottom:
        22px;

    color:
        var(--irc-teal);

    font-size:
        13px;

    font-weight:
        800;

    letter-spacing:
        .8px;
}


.irc-footer-column a {

    display:
        block;

    width:
        fit-content;

    margin-bottom:
        13px;

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

    font-size:
        12px;

    transition:
        var(--irc-transition);
}


.irc-footer-column a:hover {

    color:
        var(--irc-teal);

    transform:
        translateX(4px);
}


/* =========================================================
   FOOTER CONTACT
========================================================= */

.irc-footer-contact a,
.irc-footer-contact > div {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        10px;

    width:
        auto;

    line-height:
        1.6;
}


.irc-footer-contact i {

    width:
        18px;

    flex-shrink:
        0;

    margin-top:
        2px;

    color:
        var(--irc-yellow);
}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.irc-footer-bottom {

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


.irc-footer-bottom-inner {

    width:
        min(
            calc(100% - 40px),
            var(--irc-container)
        );

    min-height:
        65px;

    margin-inline:
        auto;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;
}


.irc-footer-bottom p {

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

    font-size:
        11px;
}


.irc-footer-bottom-inner > div {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;
}


.irc-footer-bottom a {

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

    font-size:
        11px;

    transition:
        var(--irc-transition);
}


.irc-footer-bottom a:hover {

    color:
        var(--irc-teal);
}


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

@media (max-width: 992px) {

    .irc-footer-inner {

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

        gap:
            40px;
    }

}


@media (max-width: 600px) {

    .irc-footer-inner {

        grid-template-columns:
            1fr;

        padding:
            50px 0 40px;

        gap:
            35px;
    }


    .irc-footer-bottom-inner {

        min-height:
            auto;

        padding:
            20px 0;

        flex-direction:
            column;

        text-align:
            center;
    }

}

/* =========================================================
   IRC INTRODUCTION SECTION
========================================================= */

.irc-intro-section {

    position: relative;

    min-height: 720px;

    padding:
        20px 0 0;

    overflow: hidden;

    /* background:
        linear-gradient(
            135deg,
            #F8FCFD 0%,
            #FFFFFF 48%,
            #F1FAFB 100%
        ); */
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

.irc-intro-grid {

    position: absolute;

    inset: 0;

    opacity: .35;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(11,53,88,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(11,53,88,.045) 1px,
            transparent 1px
        );

    background-size:
        55px 55px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 80%
        );
}


/* =========================================================
   BACKGROUND GLOW
========================================================= */

.irc-intro-glow {

    position: absolute;

    width: 500px;

    height: 500px;

    border-radius: 50%;

    filter:
        blur(80px);

    pointer-events: none;

    opacity: .25;
}


.irc-intro-glow-one {

    top: 30px;

    right: -180px;

    background:
        var(--irc-teal);
}


.irc-intro-glow-two {

    bottom: 160px;

    left: -220px;

    background:
        rgba(11,53,88,.35);
}


/* =========================================================
   INTRO CONTAINER
========================================================= */

.irc-intro-section
.irc-container {

    position: relative;

    z-index: 2;
}


/* =========================================================
   INTRO CONTENT
========================================================= */

.irc-intro-content {

    max-width:
        850px;

    margin:
        0 auto;

    text-align:
        center;
}


/* =========================================================
   EYEBROW
========================================================= */

.irc-section-eyebrow {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        14px;

    margin-bottom:
        24px;

    color:
        var(--irc-teal-dark);

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        2.8px;
}


.irc-eyebrow-line {

    width:
        45px;

    height:
        1px;

    background:
        var(--irc-teal);
}


/* =========================================================
   MAIN HEADING
========================================================= */
/* =========================================================
   IRC MAIN INTRO HEADING
========================================================= */

.irc-intro-content h2 {

    margin: 0 0 25px;

    color: var(--irc-navy);

    font-family: "Inter", sans-serif;

    font-size: clamp(
        42px,
        5.3vw,
        76px
    );

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.8px;

    /* VERY FINE GOLD EDGE */
    text-shadow:
        0.35px 0 #F2C400,
       -0.35px 0 #F2C400,
        0 0.35px #F2C400,
        0 -0.35px #F2C400;
}

.irc-intro-content h2 {

    color: var(--irc-navy);

    text-shadow:
        0.4px 0 #F2C400,
       -0.4px 0 #F2C400,
        0 0.4px #F2C400,
        0 -0.4px #F2C400,
        0 1px 3px rgba(11, 53, 88, 0.06);
}


.irc-intro-content h2 span {

    color: var(--irc-teal-dark);

    text-shadow:
        0.4px 0 #F2C400,
       -0.4px 0 #F2C400,
        0 0.4px #F2C400,
        0 -0.4px #F2C400,
        0 1px 3px rgba(11, 53, 88, 0.06);
}

/* =========================================================
   DESCRIPTION
========================================================= */

.irc-intro-description {

    max-width:
        850px;

    margin:
        0 auto;

    color:
        #52677D;

    font-size:
        16px;

    line-height:
        1.85;
}


.irc-intro-description-small {

    max-width:
        720px;

    margin-top:
        12px;

    color:
        #718398;

    font-size:
        14px;
}


/* =========================================================
   INTRO ACTIONS
========================================================= */

.irc-intro-actions {

    margin-top:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        18px;
}


.irc-intro-button {

    min-height:
        48px;

    padding:
        0 22px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        11px;

    border-radius:
        30px;

    background:
        var(--irc-navy);

    color:
        #fff;

    font-size:
        12px;

    font-weight:
        700;

    box-shadow:
        0 10px 25px
        rgba(11,53,88,.16);

    transition:
        var(--irc-transition);
}


.irc-intro-button:hover {

    background:
        var(--irc-teal-dark);

    transform:
        translateY(-3px);

    box-shadow:
        0 15px 30px
        rgba(27,158,170,.22);
}


.irc-intro-secondary {

    min-height:
        48px;

    padding:
        0 10px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    color:
        var(--irc-navy);

    font-size:
        12px;

    font-weight:
        700;

    transition:
        var(--irc-transition);
}


.irc-intro-secondary i {

    color:
        var(--irc-teal-dark);

    font-size:
        10px;
}


.irc-intro-secondary:hover {

    color:
        var(--irc-teal-dark);

    transform:
        translateX(4px);
}


/* =========================================================
   SCIENCE VISUAL
========================================================= */

.irc-intro-visual {

    position:
        relative;

    width:
        440px;

    height:
        250px;

    margin:
        55px auto -35px;
}


.irc-science-orbit {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    border:
        1px solid
        rgba(82,195,199,.35);

    border-radius:
        50%;

    transform:
        translate(-50%, -50%);

    animation:
        ircOrbitRotate
        16s
        linear
        infinite;
}


.orbit-one {

    width:
        190px;

    height:
        80px;
}


.orbit-two {

    width:
        260px;

    height:
        105px;

    transform:
        translate(-50%, -50%)
        rotate(60deg);

    animation-duration:
        20s;
}


.orbit-three {

    width:
        330px;

    height:
        130px;

    transform:
        translate(-50%, -50%)
        rotate(-55deg);

    animation-duration:
        25s;
}


/* =========================================================
   SCIENCE CORE
========================================================= */

.irc-science-core {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    width:
        95px;

    height:
        95px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    transform:
        translate(-50%, -50%);

    border:
        1px solid
        rgba(82,195,199,.45);

    border-radius:
        50%;

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

    box-shadow:
        0 15px 50px
        rgba(11,53,88,.12);

    backdrop-filter:
        blur(10px);
}


.irc-core-ring {

    width:
        66px;

    height:
        66px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        linear-gradient(
            135deg,
            var(--irc-navy),
            var(--irc-teal-dark)
        );

    color:
        #fff;

    font-size:
        28px;

    box-shadow:
        0 10px 25px
        rgba(27,158,170,.25);
}


/* =========================================================
   FLOATING SCIENCE NODES
========================================================= */

.irc-science-node {

    position:
        absolute;

    width:
        46px;

    height:
        46px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(82,195,199,.35);

    border-radius:
        14px;

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

    color:
        var(--irc-navy);

    box-shadow:
        0 10px 30px
        rgba(11,53,88,.10);

    backdrop-filter:
        blur(8px);

    font-size:
        17px;

    animation:
        ircFloat
        4s
        ease-in-out
        infinite;
}


.node-one {

    top:
        12px;

    left:
        70px;

    color:
        var(--irc-teal-dark);
}


.node-two {

    top:
        20px;

    right:
        60px;

    color:
        var(--irc-navy);

    animation-delay:
        .8s;
}


.node-three {

    bottom:
        5px;

    left:
        105px;

    color:
        var(--irc-teal-dark);

    animation-delay:
        1.4s;
}


.node-four {

    bottom:
        18px;

    right:
        95px;

    color:
        var(--irc-navy);

    animation-delay:
        2s;
}


/* =========================================================
   SCIENCE DOTS
========================================================= */

.irc-science-dot {

    position:
        absolute;

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        var(--irc-teal);

    box-shadow:
        0 0 15px
        rgba(82,195,199,.8);

    animation:
        ircPulse
        2.5s
        ease-in-out
        infinite;
}


.dot-one {

    top:
        35px;

    left:
        190px;
}


.dot-two {

    top:
        110px;

    right:
        20px;

    animation-delay:
        .6s;
}


.dot-three {

    bottom:
        40px;

    left:
        215px;

    animation-delay:
        1.2s;
}


.dot-four {

    bottom:
        75px;

    right:
        185px;

    animation-delay:
        1.8s;
}


/* =========================================================
   IMPACT AREA
========================================================= */

.irc-impact-wrapper {

    position:
        relative;

    z-index:
        5;

    margin-top:
        78px;

    padding:
        0 0 45px;
}


.irc-impact-panel {

    position:
        relative;

    min-height:
        155px;

    display:
        grid;

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

    overflow:
        hidden;

    border:
        1px solid
        rgba(82,195,199,.18);

    border-radius:
        22px;

    background:
        linear-gradient(
            120deg,
            #062743,
            #0B3558 55%,
            #14547A
        );

    box-shadow:
        0 25px 60px
        rgba(6,39,67,.20);
}


/* =========================================================
   IMPACT BACKGROUND GLOW
========================================================= */

.irc-impact-panel::before {

    content: "";

    position:
        absolute;

    width:
        350px;

    height:
        350px;

    top:
        -220px;

    right:
        5%;

    border-radius:
        50%;

    background:
        rgba(82,195,199,.14);

    filter:
        blur(40px);

    pointer-events:
        none;
}


/* =========================================================
   IMPACT ITEM
========================================================= */

.irc-impact-item {

    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    padding:
        25px 15px;

    border-right:
        1px solid
        rgba(255,255,255,.12);

    text-align:
        center;

    transition:
        var(--irc-transition);
}


.irc-impact-item:last-child {

    border-right:
        none;
}


.irc-impact-item:hover {

    background:
        rgba(82,195,199,.07);

    transform:
        translateY(-3px);
}


/* =========================================================
   IMPACT ICON
========================================================= */

.irc-impact-icon {

    width:
        34px;

    height:
        34px;

    margin-bottom:
        4px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        10px;

    color:
        var(--irc-teal);

    font-size:
        14px;
}


/* =========================================================
   IMPACT NUMBER
========================================================= */

.irc-impact-number {

    color:
        var(--irc-yellow);

    font-size:
        clamp(
            38px,
            4vw,
            56px
        );

    font-weight:
        800;

    line-height:
        1;
}


.irc-impact-number span {

    font-size:
        .65em;
}


/* =========================================================
   IMPACT LABEL
========================================================= */

.irc-impact-label {

    margin-top:
        9px;

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

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        1.4px;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes ircOrbitRotate {

    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }
}


@keyframes ircFloat {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-8px);
    }
}


@keyframes ircPulse {

    0%,
    100% {
        opacity:
            .35;

        transform:
            scale(.8);
    }

    50% {
        opacity:
            1;

        transform:
            scale(1.3);
    }
}

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

@media (max-width: 992px) {

    .irc-intro-section {

        min-height:
            auto;

        padding-top:
            75px;
    }


    .irc-intro-content {

        max-width:
            700px;
    }


    .irc-intro-content h2 {

        font-size:
            clamp(
                40px,
                7vw,
                60px
            );
    }


    .irc-intro-visual {

        margin-top:
            45px;
    }


    .irc-impact-panel {

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

        border-radius:
            18px;
    }


    .irc-impact-item:nth-child(2) {

        border-right:
            none;
    }


    .irc-impact-item:nth-child(1),
    .irc-impact-item:nth-child(2) {

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


@media (max-width: 600px) {

    .irc-intro-section {

        padding-top:
            60px;
    }


    .irc-section-eyebrow {

        font-size:
            9px;

        letter-spacing:
            1.8px;

        gap:
            8px;
    }


    .irc-eyebrow-line {

        width:
            25px;
    }


    .irc-intro-content h2 {

        margin-bottom:
            20px;

        font-size:
            clamp(
                34px,
                10vw,
                48px
            );

        letter-spacing:
            -1.5px;
    }


    .irc-intro-description {

        font-size:
            14px;

        line-height:
            1.75;
    }


    .irc-intro-description-small {

        font-size:
            13px;
    }


    .irc-intro-actions {

        flex-direction:
            column;

        gap:
            8px;
    }


    .irc-intro-visual {

        width:
            320px;

        height:
            210px;

        margin-top:
            35px;
    }


    .orbit-one {

        width:
            150px;

        height:
            65px;
    }


    .orbit-two {

        width:
            205px;

        height:
            82px;
    }


    .orbit-three {

        width:
            260px;

        height:
            100px;
    }


    .irc-science-core {

        width:
            75px;

        height:
            75px;
    }


    .irc-core-ring {

        width:
            52px;

        height:
            52px;

        font-size:
            22px;
    }


    .irc-science-node {

        width:
            38px;

        height:
            38px;

        border-radius:
            11px;

        font-size:
            14px;
    }


    .node-one {

        left:
            35px;
    }


    .node-two {

        right:
            30px;
    }


    .node-three {

        left:
            55px;
    }


    .node-four {

        right:
            50px;
    }


    .irc-impact-wrapper {

        margin-top:
            50px;

        padding-bottom:
            25px;
    }


    .irc-impact-panel {

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

        border-radius:
            16px;
    }


    .irc-impact-number {

        font-size:
            36px;
    }


    .irc-impact-label {

        font-size:
            8px;

        letter-spacing:
            .8px;
    }
}


@media (max-width: 380px) {

    .irc-intro-visual {

        transform:
            scale(.9);

        margin-top:
            15px;

        margin-bottom:
            -10px;
    }


    .irc-impact-number {

        font-size:
            32px;
    }
}


/* =========================================================
   WHAT WE DO / SERVICES SECTION
========================================================= */

.irc-services-section {

    position: relative;

    padding:
        20px 0 0px;

    overflow: hidden;

    /* background:
        #ffffff; */
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.irc-services-bg-shape {

    position: absolute;

    pointer-events: none;

    border-radius: 50%;

    filter:
        blur(1px);
}


.services-shape-one {

    width:
        420px;

    height:
        420px;

    top:
        -180px;

    right:
        -160px;

    border:
        1px solid
        rgba(82,195,199,.15);

    box-shadow:
        0 0 0 40px
        rgba(82,195,199,.025),
        0 0 0 80px
        rgba(82,195,199,.02);
}


.services-shape-two {

    width:
        300px;

    height:
        300px;

    bottom:
        -150px;

    left:
        -120px;

    border:
        1px solid
        rgba(11,53,88,.08);

    box-shadow:
        0 0 0 35px
        rgba(11,53,88,.025),
        0 0 0 70px
        rgba(11,53,88,.018);
}


/* =========================================================
   CONTAINER
========================================================= */

.irc-services-section
.irc-container {

    position:
        relative;

    z-index:
        2;
}


/* =========================================================
   SECTION HEADER
========================================================= */

.irc-services-header {

    max-width:
        780px;

    margin:
        0 auto 60px;

    text-align:
        center;
}


/* =========================================================
   EYEBROW
========================================================= */

.irc-services-eyebrow {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    margin-bottom:
        18px;

    color:
        var(--irc-teal-dark);

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        2.4px;
}


.irc-services-eyebrow span {

    width:
        38px;

    height:
        1px;

    background:
        var(--irc-teal);
}


.irc-services-eyebrow i {

    font-size:
        10px;

    color:
        var(--irc-yellow-dark);
}


/* =========================================================
   HEADING
========================================================= */

.irc-services-header h2 {

    margin:
        0 0 20px;

    color:
        var(--irc-navy);

    font-size:
        clamp(
            40px,
            5vw,
            66px
        );

    font-weight:
        800;

    line-height:
        1.08;

    letter-spacing:
        -2px;
}


.irc-services-header h2 span {

    color:
        var(--irc-teal-dark);
}


/* =========================================================
   DESCRIPTION
========================================================= */

.irc-services-header p {

    max-width:
        680px;

    margin:
        0 auto;

    color:
        var(--irc-text-soft);

    font-size:
        15px;

    line-height:
        1.8;
}


/* =========================================================
   SERVICES GRID
========================================================= */

.irc-services-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        25px;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.irc-service-card {

    position:
        relative;

    min-width:
        0;

    overflow:
        hidden;

    border:
        1px solid
        rgba(11,53,88,.09);

    border-radius:
        24px;

    background:
        #ffffff;

    box-shadow:
        0 15px 45px
        rgba(11,53,88,.08);

    transition:
        transform .4s
        cubic-bezier(.4,0,.2,1),
        box-shadow .4s ease,
        border-color .4s ease;
}


.irc-service-card:hover {

    transform:
        translateY(-10px);

    border-color:
        rgba(82,195,199,.35);

    box-shadow:
        0 28px 65px
        rgba(11,53,88,.15);
}


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

.irc-service-image {

    position:
        relative;

    height:
        275px;

    overflow:
        hidden;

    background:
        var(--irc-navy);
}


.irc-service-image img {

    width:
        100%;

    height:
        100%;

    display:
        block;

    object-fit:
        cover;

    transition:
        transform .7s
        cubic-bezier(.4,0,.2,1);
}


.irc-service-card:hover
.irc-service-image img {

    transform:
        scale(1.07);
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.irc-service-image-overlay {

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            to bottom,
            rgba(6,39,67,.05) 20%,
            rgba(6,39,67,.18) 55%,
            rgba(6,39,67,.72) 100%
        );

    transition:
        background .4s ease;
}


.irc-service-card:hover
.irc-service-image-overlay {

    background:
        linear-gradient(
            to bottom,
            rgba(6,39,67,.08) 10%,
            rgba(27,158,170,.22) 55%,
            rgba(6,39,67,.82) 100%
        );
}


/* =========================================================
   CARD NUMBER
========================================================= */

.irc-service-number {

    position:
        absolute;

    top:
        18px;

    left:
        18px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    min-width:
        48px;

    height:
        30px;

    padding:
        0 10px;

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

    border-radius:
        20px;

    background:
        rgba(6,39,67,.45);

    color:
        #fff;

    backdrop-filter:
        blur(8px);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        1px;
}


/* =========================================================
   CARD ICON
========================================================= */

.irc-service-icon {

    position:
        absolute;

    right:
        20px;

    bottom:
        20px;

    width:
        58px;

    height:
        58px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

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

    border-radius:
        17px;

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

    color:
        var(--irc-teal-dark);

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.18);

    backdrop-filter:
        blur(10px);

    font-size:
        21px;

    transition:
        var(--irc-transition);
}


.irc-service-card:hover
.irc-service-icon {

    background:
        var(--irc-teal);

    color:
        var(--irc-navy);

    transform:
        rotate(-5deg)
        scale(1.08);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.irc-service-content {

    position:
        relative;

    padding:
        30px 28px 27px;
}


/* =========================================================
   CATEGORY
========================================================= */

.irc-service-category {

    margin-bottom:
        9px;

    color:
        var(--irc-teal-dark);

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        1.8px;
}


/* =========================================================
   CARD TITLE
========================================================= */

.irc-service-content h3 {

    min-height:
        62px;

    margin:
        0 0 13px;

    color:
        var(--irc-navy);

    font-size:
        23px;

    font-weight:
        800;

    line-height:
        1.25;

    letter-spacing:
        -.5px;
}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.irc-service-content p {

    min-height:
        98px;

    margin:
        0;

    color:
        var(--irc-text-soft);

    font-size:
        13px;

    line-height:
        1.75;
}


/* =========================================================
   SERVICE LINK
========================================================= */

.irc-service-link {

    position:
        relative;

    margin-top:
        23px;

    padding-top:
        17px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    border-top:
        1px solid
        rgba(11,53,88,.10);

    color:
        var(--irc-navy);

    font-size:
        11px;

    font-weight:
        800;

    transition:
        var(--irc-transition);
}


.irc-service-link:hover {

    color:
        var(--irc-teal-dark);
}


/* =========================================================
   SERVICE ARROW
========================================================= */

.irc-service-arrow {

    width:
        32px;

    height:
        32px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        var(--irc-teal-light);

    color:
        var(--irc-teal-dark);

    transition:
        var(--irc-transition);
}


.irc-service-link:hover
.irc-service-arrow {

    background:
        var(--irc-teal);

    color:
        var(--irc-navy);

    transform:
        translateX(5px);
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.irc-services-bottom {

    margin-top:
        10px;

    padding:
        22px 0 0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        30px;

    border-top:
        1px solid
        rgba(11,53,88,.08);
}


.irc-services-bottom-line {

    display:
        none;
}


.irc-services-bottom p {

    margin:
        0;

    color:
        var(--irc-text-soft);

    font-size:
        12px;

    line-height:
        1.6;

    text-align:
        center;
}


.irc-services-bottom p strong {

    color:
        var(--irc-navy);
}


.irc-services-bottom > a {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    flex-shrink:
        0;

    color:
        var(--irc-teal-dark);

    font-size:
        12px;

    font-weight:
        800;

    transition:
        var(--irc-transition);
}


.irc-services-bottom > a:hover {

    gap:
        13px;

    color:
        var(--irc-navy);
}

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

@media (max-width: 1100px) {

    .irc-services-grid {

        gap:
            18px;
    }


    .irc-service-image {

        height:
            245px;
    }


    .irc-service-content {

        padding:
            25px 22px 23px;
    }


    .irc-service-content h3 {

        font-size:
            20px;
    }


    .irc-service-content p {

        font-size:
            12px;
    }

}


@media (max-width: 900px) {

    .irc-services-section {

        padding:
            20px 0;
    }


    .irc-services-grid {

        grid-template-columns:
            1fr;

        max-width:
            620px;

        margin-inline:
            auto;
    }


    .irc-service-image {

        height:
            300px;
    }


    .irc-service-content h3 {

        min-height:
            auto;
    }


    .irc-service-content p {

        min-height:
            auto;
    }


    .irc-services-bottom {

        flex-direction:
            column;

        gap:
            15px;
    }

}


@media (max-width: 600px) {

    .irc-services-section {

        padding:
            20px 0;
    }


    .irc-services-header {

        margin-bottom:
            40px;
    }


    .irc-services-eyebrow {

        font-size:
            9px;

        letter-spacing:
            1.5px;
    }


    .irc-services-eyebrow span {

        width:
            24px;
    }


    .irc-services-header h2 {

        font-size:
            clamp(
                34px,
                9vw,
                48px
            );

        letter-spacing:
            -1.2px;
    }


    .irc-services-header p {

        font-size:
            13px;

        line-height:
            1.7;
    }


    .irc-service-card {

        border-radius:
            20px;
    }


    .irc-service-image {

        height:
            235px;
    }


    .irc-service-icon {

        width:
            52px;

        height:
            52px;

        right:
            15px;

        bottom:
            15px;
    }


    .irc-service-content {

        padding:
            24px 20px 22px;
    }


    .irc-service-content h3 {

        font-size:
            21px;
    }


    .irc-service-content p {

        font-size:
            12px;
    }


    .irc-services-bottom {

        margin-top:
            45px;
    }


    .irc-services-bottom p {

        font-size:
            11px;
    }

}

/* =========================================================
   IRC PURPOSE / GOAL / MISSION / VALUES
========================================================= */

.irc-purpose-section {

    position: relative;

    padding:
        20px 0 0px;

    overflow: hidden;

    /* background:
        linear-gradient(
            135deg,
            #F7FBFC 0%,
            #FFFFFF 48%,
            #F2FAFB 100%
        ); */
}


/* =========================================================
   BACKGROUND GRID
========================================================= */

.irc-purpose-grid {

    position: absolute;

    inset: 0;

    opacity: .30;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(11,53,88,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(11,53,88,.045) 1px,
            transparent 1px
        );

    background-size:
        60px 60px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 75%,
            transparent
        );
}


/* =========================================================
   GLOW
========================================================= */

.irc-purpose-glow {

    position: absolute;

    width: 450px;

    height: 450px;

    border-radius: 50%;

    filter:
        blur(90px);

    pointer-events: none;

    opacity: .18;
}


.purpose-glow-one {

    top:
        -200px;

    right:
        -120px;

    background:
        var(--irc-teal);
}


.purpose-glow-two {

    bottom:
        -220px;

    left:
        -150px;

    background:
        var(--irc-navy);
}


/* =========================================================
   HEADING
========================================================= */

.irc-purpose-heading {

    max-width:
        820px;

    margin:
        0 auto 60px;

    text-align:
        center;
}


.irc-purpose-eyebrow {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    margin-bottom:
        18px;

    color:
        var(--irc-teal-dark);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        2.4px;
}


.irc-purpose-eyebrow span {

    width:
        38px;

    height:
        1px;

    background:
        var(--irc-teal);
}


.irc-purpose-eyebrow i {

    color:
        var(--irc-yellow-dark);

    font-size:
        10px;
}


.irc-purpose-heading h2 {

    margin:
        0 0 18px;

    color:
        var(--irc-navy);

    font-size:
        clamp(
            40px,
            5vw,
            64px
        );

    font-weight:
        800;

    line-height:
        1.08;

    letter-spacing:
        -2px;
}


.irc-purpose-heading h2 span {

    color:
        var(--irc-teal-dark);
}


.irc-purpose-heading p {

    max-width:
        680px;

    margin:
        0 auto;

    color:
        var(--irc-text-soft);

    font-size:
        14px;

    line-height:
        1.8;
}


/* =========================================================
   CARDS GRID
========================================================= */

.irc-purpose-grid-cards {

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        22px;
}


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

.irc-purpose-card {

    position:
        relative;

    min-width:
        0;

    padding:
        30px;

    overflow:
        hidden;

    border:
        1px solid
        rgba(11,53,88,.10);

    border-radius:
        24px;

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

    box-shadow:
        0 18px 50px
        rgba(11,53,88,.07);

    backdrop-filter:
        blur(10px);

    transition:
        transform .4s
        cubic-bezier(.4,0,.2,1),
        box-shadow .4s ease,
        border-color .4s ease;
}


.irc-purpose-card::before {

    content: "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        3px;

    background:
        linear-gradient(
            90deg,
            var(--irc-teal),
            var(--irc-yellow)
        );

    transform:
        scaleX(.25);

    transform-origin:
        left;

    transition:
        transform .4s ease;
}


.irc-purpose-card:hover {

    transform:
        translateY(-9px);

    border-color:
        rgba(82,195,199,.35);

    box-shadow:
        0 28px 70px
        rgba(11,53,88,.13);
}


.irc-purpose-card:hover::before {

    transform:
        scaleX(1);
}


/* =========================================================
   FEATURED CARD
========================================================= */

.irc-purpose-featured {

    background:
        linear-gradient(
            145deg,
            var(--irc-navy-dark),
            var(--irc-navy)
        );

    border-color:
        rgba(82,195,199,.25);

    color:
        #fff;

    transform:
        translateY(-12px);
}


.irc-purpose-featured:hover {

    transform:
        translateY(-20px);
}


.irc-purpose-featured::after {

    content: "";

    position:
        absolute;

    width:
        250px;

    height:
        250px;

    right:
        -120px;

    bottom:
        -130px;

    border-radius:
        50%;

    background:
        rgba(82,195,199,.12);

    filter:
        blur(15px);

    pointer-events:
        none;
}


/* =========================================================
   CARD TOP
========================================================= */

.irc-purpose-card-top {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        28px;
}


.irc-purpose-number {

    color:
        rgba(11,53,88,.25);

    font-size:
        38px;

    font-weight:
        800;

    line-height:
        1;
}


.irc-purpose-featured
.irc-purpose-number {

    color:
        rgba(255,255,255,.22);
}


/* =========================================================
   ICON
========================================================= */

.irc-purpose-icon {

    width:
        58px;

    height:
        58px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(82,195,199,.25);

    border-radius:
        17px;

    background:
        var(--irc-teal-light);

    color:
        var(--irc-teal-dark);

    font-size:
        21px;

    transition:
        var(--irc-transition);
}


.irc-purpose-card:hover
.irc-purpose-icon {

    background:
        var(--irc-teal);

    color:
        var(--irc-navy);

    transform:
        rotate(-5deg);
}


.irc-purpose-featured
.irc-purpose-icon {

    background:
        rgba(82,195,199,.13);

    border-color:
        rgba(82,195,199,.30);

    color:
        var(--irc-teal);
}


/* =========================================================
   CARD CONTENT
========================================================= */

.irc-purpose-card-content {

    position:
        relative;

    z-index:
        2;
}


.irc-purpose-label {

    display:
        block;

    margin-bottom:
        10px;

    color:
        var(--irc-teal-dark);

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        2px;
}


.irc-purpose-featured
.irc-purpose-label {

    color:
        var(--irc-yellow);
}


/* =========================================================
   CARD HEADING
========================================================= */

.irc-purpose-card h3 {

    margin:
        0 0 17px;

    color:
        var(--irc-navy);

    font-size:
        25px;

    font-weight:
        800;

    line-height:
        1.25;

    letter-spacing:
        -.6px;
}


.irc-purpose-card h3 span {

    color:
        var(--irc-teal-dark);
}


.irc-purpose-featured h3 {

    color:
        #fff;
}


.irc-purpose-featured h3 span {

    color:
        var(--irc-teal);
}


/* =========================================================
   CARD TEXT
========================================================= */

.irc-purpose-card p {

    min-height:
        115px;

    margin:
        0;

    color:
        var(--irc-text-soft);

    font-size:
        13px;

    line-height:
        1.8;
}


.irc-purpose-featured p {

    color:
        rgba(255,255,255,.70);
}


/* =========================================================
   CARD FOOTER
========================================================= */

.irc-purpose-card-footer {

    position:
        relative;

    z-index:
        2;

    margin-top:
        27px;

    padding-top:
        17px;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    border-top:
        1px solid
        rgba(11,53,88,.10);

    color:
        var(--irc-navy);

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        1.5px;
}


.irc-purpose-card-footer div {

    flex:
        1;

    height:
        1px;

    background:
        rgba(11,53,88,.10);
}


.irc-purpose-card-footer i {

    width:
        30px;

    height:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        var(--irc-teal-light);

    color:
        var(--irc-teal-dark);

    font-size:
        10px;

    transition:
        var(--irc-transition);
}


.irc-purpose-card:hover
.irc-purpose-card-footer i {

    background:
        var(--irc-teal);

    color:
        var(--irc-navy);

    transform:
        translateX(4px);
}


.irc-purpose-featured
.irc-purpose-card-footer {

    border-color:
        rgba(255,255,255,.12);

    color:
        rgba(255,255,255,.75);
}


.irc-purpose-featured
.irc-purpose-card-footer div {

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


.irc-purpose-featured
.irc-purpose-card-footer i {

    background:
        rgba(82,195,199,.15);

    color:
        var(--irc-teal);
}


/* =========================================================
   BOTTOM STATEMENT
========================================================= */

.irc-purpose-bottom {

    min-height:
        82px;

    margin-top:
        45px;

    padding:
        18px 24px;

    display:
        flex;

    align-items:
        center;

    gap:
        16px;

    border:
        1px solid
        rgba(82,195,199,.18);

    border-radius:
        16px;

    background:
        rgba(234,249,250,.65);
}


.irc-purpose-bottom-icon {

    width:
        42px;

    height:
        42px;

    flex-shrink:
        0;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        12px;

    background:
        var(--irc-navy);

    color:
        var(--irc-yellow);

    font-size:
        14px;
}


.irc-purpose-bottom strong {

    display:
        block;

    margin-bottom:
        2px;

    color:
        var(--irc-navy);

    font-size:
        12px;
}


.irc-purpose-bottom span {

    color:
        var(--irc-text-soft);

    font-size:
        11px;
}


.irc-purpose-bottom-line {

    flex:
        1;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(82,195,199,.35),
            transparent
        );
}


.irc-purpose-bottom-symbol {

    color:
        var(--irc-teal-dark);

    font-size:
        24px;
}


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

@media (max-width: 1000px) {

    .irc-purpose-section {

        padding:
            90px 0;
    }


    .irc-purpose-grid-cards {

        grid-template-columns:
            1fr;

        max-width:
            650px;

        margin-inline:
            auto;
    }


    .irc-purpose-featured {

        transform:
            none;
    }


    .irc-purpose-featured:hover {

        transform:
            translateY(-9px);
    }


    .irc-purpose-card p {

        min-height:
            auto;
    }

}


@media (max-width: 600px) {

    .irc-purpose-section {

        padding:
            70px 0;
    }


    .irc-purpose-heading {

        margin-bottom:
            40px;
    }


    .irc-purpose-eyebrow {

        font-size:
            8px;

        letter-spacing:
            1.5px;
    }


    .irc-purpose-eyebrow span {

        width:
            24px;
    }


    .irc-purpose-heading h2 {

        font-size:
            clamp(
                34px,
                9vw,
                48px
            );

        letter-spacing:
            -1.2px;
    }


    .irc-purpose-heading p {

        font-size:
            13px;
    }


    .irc-purpose-card {

        padding:
            24px;

        border-radius:
            20px;
    }


    .irc-purpose-number {

        font-size:
            32px;
    }


    .irc-purpose-icon {

        width:
            52px;

        height:
            52px;
    }


    .irc-purpose-card h3 {

        font-size:
            22px;
    }


    .irc-purpose-card p {

        font-size:
            12px;
    }


    .irc-purpose-bottom {

        align-items:
            flex-start;

        padding:
            16px;

        gap:
            12px;
    }


    .irc-purpose-bottom-line,
    .irc-purpose-bottom-symbol {

        display:
            none;
    }

}

/* =========================================================
   IRC SCIENTIFIC LEADERSHIP
========================================================= */

.irc-leadership-section {

    position: relative;

    padding: 20px 0 0px;

    overflow: hidden;

    /* background:
        #ffffff; */
}


/* =========================================================
   BACKGROUND
========================================================= */

.irc-leadership-bg {

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(82,195,199,.12),
            transparent 30%
        ),

        radial-gradient(
            circle at 10% 80%,
            rgba(11,53,88,.07),
            transparent 28%
        );
}


/* =========================================================
   INTRO
========================================================= */

.irc-leadership-intro {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        .8fr 1.4fr;

    gap: 80px;

    align-items: end;

    margin-bottom: 70px;
}


/* =========================================================
   KICKER
========================================================= */

.irc-leadership-kicker {

    display: flex;

    align-items: center;

    gap: 14px;

    color:
        var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.8px;

    white-space: nowrap;
}


.irc-kicker-line {

    width: 45px;

    height: 2px;

    background:
        var(--irc-yellow);
}


/* =========================================================
   HEADING
========================================================= */

.irc-leadership-heading {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 50px;

    align-items: end;
}


.irc-leadership-heading h2 {

    position: relative;

    margin: 0;

    padding-left: 25px;

    color:
        var(--irc-navy);

    font-size:
        clamp(42px, 5vw, 68px);

    font-weight: 800;

    line-height: 1.03;

    letter-spacing: -2.5px;
}


/* Gold vertical accent */

.irc-leadership-heading h2::before {

    content: "";

    position: absolute;

    top: 5px;

    bottom: 5px;

    left: 0;

    width: 4px;

    border-radius: 5px;

    background:
        linear-gradient(
            to bottom,
            var(--irc-yellow),
            var(--irc-teal)
        );
}


.irc-leadership-heading h2 span {

    color:
        var(--irc-teal-dark);
}


.irc-leadership-heading p {

    max-width: 460px;

    margin: 0;

    color:
        var(--irc-text-soft);

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================================
   LEADERSHIP SHOWCASE
========================================================= */

.irc-leadership-showcase {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0,1fr));

    gap: 26px;

    align-items: end;
}


/* =========================================================
   LEADER
========================================================= */

.irc-leader {

    position: relative;

    min-width: 0;

    padding-bottom: 30px;
}


/* =========================================================
   PHOTO
========================================================= */

.irc-leader-photo {

    position: relative;

    height: 410px;

    overflow: hidden;

    background:
        #dfe9ec;
}


.irc-leader-photo img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center top;

    filter:
        saturate(.92);

    transition:
        transform .8s
        cubic-bezier(.4,0,.2,1),
        filter .5s ease;
}


.irc-leader:hover
.irc-leader-photo img {

    transform:
        scale(1.055);

    filter:
        saturate(1.05);
}


/* =========================================================
   PHOTO SHADE
========================================================= */

.irc-leader-photo-shade {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to bottom,
            transparent 50%,
            rgba(6,39,67,.60)
        );

    pointer-events: none;

    transition:
        opacity .4s ease;
}


.irc-leader:hover
.irc-leader-photo-shade {

    opacity: .75;
}


/* =========================================================
   NUMBER
========================================================= */

.irc-leader-number {

    position: absolute;

    top: 18px;

    left: 18px;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;

    height: 48px;

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

    border-radius: 50%;

    background:
        rgba(6,39,67,.45);

    color:
        #ffffff;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1px;

    backdrop-filter:
        blur(8px);
}


/* =========================================================
   INFORMATION PANEL
========================================================= */

.irc-leader-info {

    position: relative;

    z-index: 5;

    width:
        calc(100% - 35px);

    margin:
        -55px auto 0;

    padding:
        25px 25px 22px;

    border-top:
        3px solid
        var(--irc-teal);

    background:
        var(--irc-navy);

    box-shadow:
        0 18px 40px
        rgba(6,39,67,.18);

    transition:
        transform .4s ease,
        background .4s ease;
}


.irc-leader:hover
.irc-leader-info {

    transform:
        translateY(-8px);

    background:
        #092F4D;
}


/* =========================================================
   ROLE
========================================================= */

.irc-leader-role {

    margin-bottom: 9px;

    color:
        var(--irc-yellow);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;
}


/* =========================================================
   NAME
========================================================= */

.irc-leader-info h3 {

    margin: 0;

    color:
        #ffffff;

    font-size: 23px;

    font-weight: 700;

    line-height: 1.25;
}


.irc-leader-info p {

    margin:
        6px 0 17px;

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

    font-size: 12px;
}


/* =========================================================
   META
========================================================= */

.irc-leader-meta {

    display: flex;

    flex-direction: column;

    gap: 7px;

    padding-top: 14px;

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


.irc-leader-meta span {

    display: flex;

    align-items: center;

    gap: 8px;

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

    font-size: 10px;
}


.irc-leader-meta i {

    width: 18px;

    color:
        var(--irc-teal);

    text-align: center;
}


/* =========================================================
   FEATURED CENTER MEMBER
========================================================= */

.irc-leader-main {

    transform:
        translateY(-28px);
}


.irc-leader-main
.irc-leader-photo {

    height: 450px;
}


.irc-leader-main
.irc-leader-info {

    border-top-color:
        var(--irc-yellow);
}


.irc-leader-main:hover {

    transform:
        translateY(-36px);
}


/* =========================================================
   BOTTOM LINE
========================================================= */

.irc-leadership-bottom {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 10px;

    color:
        var(--irc-navy);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;
}


.irc-leadership-bottom-line {

    flex: 1;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(11,53,88,.15)
        );
}


.irc-leadership-bottom-line:last-child {

    background:
        linear-gradient(
            90deg,
            rgba(11,53,88,.15),
            transparent
        );
}


.irc-leadership-bottom i {

    color:
        var(--irc-yellow);

    font-size: 8px;
}


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

@media (max-width: 1000px) {

    .irc-leadership-section {

        padding:
            90px 0;
    }


    .irc-leadership-intro {

        grid-template-columns:
            1fr;

        gap:
            25px;

        margin-bottom:
            50px;
    }


    .irc-leadership-heading {

        grid-template-columns:
            1fr 1fr;

        gap:
            35px;
    }


    .irc-leadership-showcase {

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        max-width:
            760px;

        margin:
            auto;
    }


    .irc-leader-main {

        transform:
            none;
    }


    .irc-leader-main:hover {

        transform:
            translateY(-8px);
    }


    .irc-leader-main
    .irc-leader-photo {

        height:
            410px;
    }

}


@media (max-width: 700px) {

    .irc-leadership-section {

        padding:
            70px 0;
    }


    .irc-leadership-intro {

        gap:
            20px;
    }


    .irc-leadership-heading {

        grid-template-columns:
            1fr;

        gap:
            20px;
    }


    .irc-leadership-heading h2 {

        padding-left:
            18px;

        font-size:
            clamp(
                38px,
                10vw,
                52px
            );

        letter-spacing:
            -1.5px;
    }


    .irc-leadership-heading p {

        font-size:
            13px;
    }


    .irc-leadership-showcase {

        grid-template-columns:
            1fr;

        max-width:
            520px;
    }


    .irc-leader {

        padding-bottom:
            15px;
    }


    .irc-leader-photo,
    .irc-leader-main .irc-leader-photo {

        height:
            390px;
    }


    .irc-leader-main {

        transform:
            none;
    }


    .irc-leader-info {

        width:
            calc(100% - 25px);

        margin-top:
            -45px;

        padding:
            22px 20px;
    }


    .irc-leader-info h3 {

        font-size:
            21px;
    }


    .irc-leadership-bottom {

        gap:
            10px;

        margin-top:
            40px;

        font-size:
            7px;

        letter-spacing:
            1px;
    }

}


@media (max-width: 420px) {

    .irc-leader-photo,
    .irc-leader-main .irc-leader-photo {

        height:
            340px;
    }


    .irc-leader-number {

        width:
            42px;

        height:
            42px;
    }


    .irc-leadership-bottom {

        display:
            none;
    }

}

/* ============================================================
   IRC — CONTINUOUS PREMIUM PAGE BACKGROUND
   ------------------------------------------------------------
   One background for the complete homepage.
   Individual sections should feel connected, not separated.
============================================================ */

:root {

    --irc-global-bg: #F7FBFC;

    --irc-global-grid:
        rgba(11, 53, 88, 0.025);

    --irc-global-teal-glow:
        rgba(82, 195, 199, 0.055);

    --irc-global-navy-glow:
        rgba(11, 53, 88, 0.035);
}


/* ============================================================
   GLOBAL PAGE CANVAS
============================================================ */

html,
body {

    background:
        var(--irc-global-bg);

}


/* Main continuous canvas */

.irc-page {

    position:
        relative;

    isolation:
        isolate;

    min-height:
        100vh;

    overflow:
        hidden;

    background:

        /* subtle teal atmosphere */
        radial-gradient(
            ellipse 700px 500px at 88% 8%,
            var(--irc-global-teal-glow),
            transparent 70%
        ),

        /* subtle navy atmosphere */
        radial-gradient(
            ellipse 650px 550px at 5% 38%,
            var(--irc-global-navy-glow),
            transparent 70%
        ),

        /* very soft overall canvas */
        linear-gradient(
            180deg,
            #F8FCFD 0%,
            #F8FCFD 100%
        );

}


/* ============================================================
   ONE CONTINUOUS SCIENTIFIC GRID
============================================================ */

.irc-page::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    z-index:
        -1;

    pointer-events:
        none;

    opacity:
        .55;

    background-image:

        linear-gradient(
            var(--irc-global-grid) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            var(--irc-global-grid) 1px,
            transparent 1px
        );

    background-size:
        70px 70px;

}


/* ============================================================
   LARGE ATMOSPHERIC LIGHT
============================================================ */

.irc-page::after {

    content:
        "";

    position:
        absolute;

    top:
        5%;

    right:
        -250px;

    width:
        700px;

    height:
        900px;

    z-index:
        -1;

    pointer-events:
        none;

    border-radius:
        50%;

    background:
        radial-gradient(
            ellipse,
            rgba(82,195,199,.055),
            transparent 68%
        );

    filter:
        blur(50px);

}


/* ============================================================
   ALL MAIN SECTIONS
   ------------------------------------------------------------
   No separate rectangular backgrounds.
============================================================ */

.irc-intro-section,
.irc-purpose-section,
.irc-leadership-section,
.irc-services-section {

    background:
        transparent !important;

}


/* ============================================================
   INTRO — REMOVE LOCAL BACKGROUND
============================================================ */

.irc-intro-grid {

    display:
        none !important;

}


.irc-intro-glow {

    display:
        none !important;

}


/* ============================================================
   PURPOSE — REMOVE LOCAL BACKGROUND
============================================================ */

.irc-purpose-grid {

    display:
        none !important;

}


.irc-purpose-glow {

    display:
        none !important;

}


/* ============================================================
   LEADERSHIP — REMOVE LOCAL BACKGROUND
============================================================ */

.irc-leadership-bg {

    display:
        none !important;

}


/* ============================================================
   SERVICES — REMOVE LOCAL CIRCLES
============================================================ */

.irc-services-bg-shape {

    display:
        none !important;

}


/* ============================================================
   REMOVE SECTION DIVIDERS
============================================================ */

.irc-intro-section,
.irc-purpose-section,
.irc-leadership-section,
.irc-services-section {

    border-top:
        none !important;

    border-bottom:
        none !important;

}


/* ============================================================
   REMOVE ANY ACCIDENTAL SECTION SEPARATOR
============================================================ */

.irc-intro-section::before,
.irc-intro-section::after,
.irc-purpose-section::before,
.irc-purpose-section::after,
.irc-leadership-section::before,
.irc-leadership-section::after,
.irc-services-section::before,
.irc-services-section::after {

    border:
        none !important;

}


/* ============================================================
   KEEP SPACING — REMOVE VISUAL BLOCK EFFECT
============================================================ */

.irc-intro-section,
.irc-purpose-section,
.irc-leadership-section,
.irc-services-section {

    box-shadow:
        none !important;

}


/* ============================================================
   STATS SECTION
   ------------------------------------------------------------
   Keep the dark statistics panel itself.
   Only remove any background from its wrapper.
============================================================ */

.irc-impact-wrapper {

    background:
        transparent !important;

    border:
        none !important;

}


/* Keep stats panel premium */

.irc-impact-panel {

    position:
        relative;

    z-index:
        2;

}


/* ============================================================
   SERVICE CARDS
   ------------------------------------------------------------
   Cards remain white so they stand out from the canvas.
============================================================ */

/* .irc-service-card,
.irc-purpose-card,
.irc-leader-info {

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

} */


/* ============================================================
   VERY SOFT CARD GLASS EFFECT
============================================================ */

.irc-service-card,
.irc-purpose-card {

    backdrop-filter:
        blur(6px);

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

}


/* ============================================================
   SECTION CONTENT ALWAYS ABOVE BACKGROUND
============================================================ */

.irc-intro-section .irc-container,
.irc-purpose-section .irc-container,
.irc-leadership-section .irc-container,
.irc-services-section .irc-container {

    position:
        relative;

    z-index:
        2;

}


/* ============================================================
   FUTURE CONFERENCES
============================================================ */

.irc-conferences-section {

    position: relative;

    padding: 20px 0 0px;

    overflow: hidden;

    background: transparent;

}


/* ============================================================
   BACKGROUND
============================================================ */

.irc-conferences-bg {

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:

        radial-gradient(
            circle at 90% 15%,
            rgba(82,195,199,.07),
            transparent 28%
        ),

        radial-gradient(
            circle at 5% 85%,
            rgba(11,53,88,.045),
            transparent 28%
        );

}


/* ============================================================
   HEADER
============================================================ */

.irc-conferences-header {

    position: relative;

    max-width: 850px;

    margin: 0 auto 65px;

    text-align: center;

}


.irc-conferences-kicker {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 18px;

    color: var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;

}


.irc-conferences-kicker::before,
.irc-conferences-kicker::after {

    content: "";

    width: 35px;

    height: 1px;

    background: var(--irc-teal);

}


.irc-conferences-header h2 {

    margin: 0;

    color: var(--irc-navy);

    font-size: clamp(42px, 5vw, 68px);

    font-weight: 800;

    line-height: 1.02;

    letter-spacing: -2.5px;

}


.irc-conferences-header h2 span {

    display: block;

    color: var(--irc-teal-dark);

}


.irc-conferences-header p {

    max-width: 680px;

    margin: 22px auto 0;

    color: #64727a;

    font-size: 16px;

    line-height: 1.8;

}


/* ============================================================
   FEATURED EVENT
============================================================ */

.irc-conference-featured {

    position: relative;

    display: grid;

    grid-template-columns: 1.1fr .9fr;

    min-height: 430px;

    margin-bottom: 28px;

    overflow: hidden;

    border-radius: 28px;

    background: #062743;

    box-shadow:
        0 30px 70px rgba(6,39,67,.14);

}


/* IMAGE */

.irc-conference-featured-image {

    position: relative;

    min-height: 430px;

    overflow: hidden;

}


.irc-conference-featured-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform .7s ease;

}


.irc-conference-featured:hover
.irc-conference-featured-image img {

    transform:
        scale(1.045);

}


.irc-conference-featured-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            transparent 50%,
            rgba(6,39,67,.45)
        );

}


/* BADGE */

.irc-conference-featured-badge {

    position: absolute;

    top: 25px;

    left: 25px;

    padding: 8px 13px;

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

    border-radius: 30px;

    background: rgba(6,39,67,.65);

    backdrop-filter: blur(8px);

    color: #fff;

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;

}


/* CONTENT */

.irc-conference-featured-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 55px;

}


.irc-conference-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    margin-bottom: 22px;

}


.irc-conference-meta span {

    display: flex;

    align-items: center;

    gap: 8px;

    color: var(--irc-teal);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.2px;

}


.irc-conference-meta i {

    font-size: 12px;

}


.irc-conference-featured-content h3 {

    margin: 0;

    color: #fff;

    font-size: clamp(28px, 3vw, 42px);

    line-height: 1.12;

    letter-spacing: -1.2px;

}


.irc-conference-featured-content h3 span {

    color: #82dfe1;

}


.irc-conference-featured-content p {

    max-width: 520px;

    margin: 22px 0 30px;

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

    font-size: 14px;

    line-height: 1.8;

}


.irc-conference-featured-link {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    width: fit-content;

    color: #fff;

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

}


.irc-conference-featured-link span {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;

    height: 38px;

    border-radius: 50%;

    background: var(--irc-teal);

    color: #062743;

    transition:
        transform .3s ease;

}


.irc-conference-featured-link:hover span {

    transform:
        translateX(5px);

}


/* ============================================================
   CONFERENCE GRID
============================================================ */

.irc-conferences-grid {

    display: grid;

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

    gap: 20px;

}


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

.irc-conference-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 350px;

    padding: 25px;

    overflow: hidden;

    border: 1px solid rgba(11,53,88,.08);

    border-radius: 20px;

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

    box-shadow:
        0 15px 45px rgba(11,53,88,.055);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.irc-conference-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(82,195,199,.28);

    box-shadow:
        0 25px 55px rgba(11,53,88,.11);

}


/* ============================================================
   CARD TOP
============================================================ */

.irc-conference-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.irc-conference-number {

    color: rgba(11,53,88,.18);

    font-size: 25px;

    font-weight: 800;

}


.irc-conference-type {

    padding: 6px 9px;

    border-radius: 20px;

    background: rgba(82,195,199,.08);

    color: var(--irc-teal-dark);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


/* ============================================================
   LOGO
============================================================ */

.irc-conference-logo {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 105px;

    margin: 15px 0 20px;

}


.irc-conference-logo img {

    max-width: 180px;

    max-height: 85px;

    width: auto;

    height: auto;

    object-fit: contain;

}


/* ============================================================
   DATE
============================================================ */

.irc-conference-date {

    margin-bottom: 8px;

    color: var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .7px;

}


/* ============================================================
   LOCATION
============================================================ */

.irc-conference-location {

    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 18px;

    color: #7a858b;

    font-size: 10px;

}


.irc-conference-location i {

    color: var(--irc-teal);

}


/* ============================================================
   TITLE
============================================================ */

.irc-conference-card h3 {

    margin: 0;

    color: var(--irc-navy);

    font-size: 19px;

    line-height: 1.3;

    letter-spacing: -.3px;

}


/* ============================================================
   LINK
============================================================ */

.irc-conference-card > a {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-top: auto;

    padding-top: 22px;

    color: var(--irc-navy);

    font-size: 10px;

    font-weight: 800;

    text-decoration: none;

    letter-spacing: .5px;

}


.irc-conference-card > a i {

    color: var(--irc-teal);

    transition:
        transform .3s ease;

}


.irc-conference-card:hover > a i {

    transform:
        translateX(5px);

}


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

@media (max-width: 1100px) {

    .irc-conferences-grid {

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

    }

}


@media (max-width: 850px) {

    .irc-conference-featured {

        grid-template-columns:
            1fr;

    }

    .irc-conference-featured-image {

        min-height: 300px;

    }

}


@media (max-width: 600px) {

    .irc-conferences-section {

        padding:
            10px 0;

    }

    .irc-conferences-header {

        margin-bottom:
            40px;

    }

    .irc-conferences-header h2 {

        font-size:
            40px;

    }

    .irc-conferences-grid {

        grid-template-columns:
            1fr;

    }

    .irc-conference-featured-content {

        padding:
            35px 28px;

    }

    .irc-conference-featured-content h3 {

        font-size:
            30px;

    }

}

/* ============================================================
   IRC TRUSTED PARTNERS
============================================================ */

.irc-partners-section {

    position: relative;

    padding: 20px 0 0px;

    overflow: hidden;

    background: transparent;

}


/* ============================================================
   HEADER
============================================================ */

.irc-partners-header {

    position: relative;

    z-index: 2;

    max-width: 850px;

    margin: 0 auto 55px;

    text-align: center;

}


.irc-partners-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin-bottom: 17px;

    color:
        var(--irc-teal-dark);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2.7px;

}


.irc-partners-kicker span {

    width: 36px;

    height: 1px;

    background:
        var(--irc-teal);

}


.irc-partners-kicker i {

    color:
        var(--irc-yellow);

    font-size: 10px;

}


.irc-partners-header h2 {

    margin: 0;

    color:
        var(--irc-navy);

    font-size:
        clamp(40px, 5vw, 64px);

    font-weight: 800;

    line-height: 1.04;

    letter-spacing: -2px;

}


.irc-partners-header h2 span {

    color:
        var(--irc-teal-dark);

}


.irc-partners-header p {

    max-width: 670px;

    margin: 20px auto 0;

    color:
        var(--irc-text-soft);

    font-size: 14px;

    line-height: 1.8;

}


/* ============================================================
   MARQUEE CONTAINER
============================================================ */

.irc-partners-marquee {

    position: relative;

    width: 100vw;

    left: 50%;

    transform: translateX(-50%);

    overflow: hidden;

}


/* ============================================================
   EDGE FADE
============================================================ */

.irc-partners-marquee::before,
.irc-partners-marquee::after {

    content: "";

    position: absolute;

    top: 0;

    bottom: 0;

    z-index: 10;

    width: 180px;

    pointer-events: none;

}


.irc-partners-marquee::before {

    left: 0;

    background:
        linear-gradient(
            90deg,
            #F7FBFC 0%,
            rgba(247,251,252,.9) 30%,
            transparent 100%
        );

}


.irc-partners-marquee::after {

    right: 0;

    background:
        linear-gradient(
            270deg,
            #F7FBFC 0%,
            rgba(247,251,252,.9) 30%,
            transparent 100%
        );

}


/* ============================================================
   TRACK WRAPPER
============================================================ */

.irc-logo-track-wrap {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 12px 0;

}


/* Space between rows */

.irc-track-two {

    margin-top: 18px;

}


/* ============================================================
   TRACK
============================================================ */

.irc-logo-track {

    display: flex;

    width: max-content;

    align-items: center;

    gap: 28px;

    will-change: transform;

}


/* ============================================================
   ROW 1
   LEFT → RIGHT
============================================================ */

.irc-track-one .irc-logo-track {

    animation:
        ircLogoRight
        20s
        linear
        infinite;

}


/* ============================================================
   ROW 2
   RIGHT → LEFT
============================================================ */

.irc-track-two .irc-logo-track {

    animation:
        ircLogoLeft
        20s
        linear
        infinite;

}


/* ============================================================
   PAUSE ON HOVER
============================================================ */

.irc-logo-track-wrap:hover
.irc-logo-track {

    animation-play-state:
        paused;

}


/* ============================================================
   LOGO ITEM
============================================================ */

.irc-logo-item {

    position: relative;

    width: 210px;

    height: 105px;

    flex:
        0 0 210px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 18px 25px;

    border:
        1px solid
        rgba(11,53,88,.07);

    border-radius: 18px;

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

    box-shadow:
        0 12px 35px
        rgba(11,53,88,.045);

    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}


.irc-logo-item:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(82,195,199,.35);

    box-shadow:
        0 18px 42px
        rgba(11,53,88,.09);

}


/* ============================================================
   LOGO IMAGE
============================================================ */

.irc-logo-item img {

    display: block;

    max-width: 100%;

    max-height: 68px;

    width: auto;

    height: auto;

    object-fit: contain;

    filter:
        grayscale(10%);

    opacity:
        .88;

    transition:
        filter .35s ease,
        opacity .35s ease,
        transform .35s ease;

}


.irc-logo-item:hover img {

    filter:
        grayscale(0%);

    opacity:
        1;

    transform:
        scale(1.04);

}


/* ============================================================
   SUBTLE TOP ACCENT
============================================================ */

.irc-track-one .irc-logo-item:nth-child(5n + 1)::before,
.irc-track-two .irc-logo-item:nth-child(5n + 1)::before {

    content: "";

    position: absolute;

    top: 0;

    left: 25px;

    right: 25px;

    height: 2px;

    border-radius: 10px;

    background:
        var(--irc-teal);

    opacity: .65;

}


.irc-track-one .irc-logo-item:nth-child(5n + 3)::before,
.irc-track-two .irc-logo-item:nth-child(5n + 3)::before {

    content: "";

    position: absolute;

    top: 0;

    left: 25px;

    right: 25px;

    height: 2px;

    border-radius: 10px;

    background:
        var(--irc-yellow);

    opacity: .65;

}


/* ============================================================
   ANIMATIONS
============================================================ */

/*
   Each row contains exactly two identical sets.

   Moving -50% makes the second set occupy the exact
   position of the first set, producing a seamless loop.
*/


@keyframes ircLogoLeft {

    from {

        transform:
            translateX(0);

    }

    to {

        transform:
            translateX(-50%);

    }

}


@keyframes ircLogoRight {

    from {

        transform:
            translateX(-50%);

    }

    to {

        transform:
            translateX(0);

    }

}


/* ============================================================
   FOOTER STATEMENT
============================================================ */

.irc-partners-footer {

    display: flex;

    align-items: center;

    gap: 13px;

    max-width: 1100px;

    margin: 10px auto 0;

    color:
        rgba(11,53,88,.48);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 2px;

    white-space: nowrap;

}


.irc-partners-footer-line {

    flex: 1;

    height: 1px;

    background:
        rgba(11,53,88,.10);

}


.irc-partners-footer i {

    color:
        var(--irc-yellow);

    font-size: 4px;

}


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

@media (max-width: 900px) {

    .irc-partners-section {

        padding:
            10px 0;

    }


    .irc-logo-item {

        width:
            185px;

        height:
            95px;

        flex-basis:
            185px;

    }


    .irc-logo-track {

        gap:
            20px;

    }


    .irc-partners-marquee::before,
    .irc-partners-marquee::after {

        width:
            100px;

    }

}


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

@media (max-width: 600px) {

    .irc-partners-section {

        padding:
            10px 0;

    }


    .irc-partners-header {

        padding:
            0 20px;

        margin-bottom:
            38px;

    }


    .irc-partners-header h2 {

        font-size:
            39px;

        letter-spacing:
            -1.3px;

    }


    .irc-partners-header p {

        font-size:
            13px;

    }


    .irc-logo-item {

        width:
            155px;

        height:
            82px;

        flex-basis:
            155px;

        padding:
            14px 18px;

        border-radius:
            14px;

    }


    .irc-logo-item img {

        max-height:
            52px;

    }


    .irc-logo-track {

        gap:
            14px;

    }


    .irc-track-two {

        margin-top:
            12px;

    }


    .irc-partners-marquee::before,
    .irc-partners-marquee::after {

        width:
            65px;

    }


    .irc-partners-footer {

        display:
            none;

    }

}
/* ============================================================
   IRC — PREMIUM BENTO GALLERY
============================================================ */

.irc-gallery-section {

    position: relative;

    padding: 20px 0 0px;

    overflow: hidden;

    background: transparent;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-gallery-container {

    width: min(
        1240px,
        calc(100% - 40px)
    );

    margin: 0 auto;

}


/* ============================================================
   HEADER
============================================================ */

.irc-gallery-header {

    max-width: 760px;

    margin: 0 auto 40px;

    text-align: center;

}


.irc-gallery-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin-bottom: 18px;

    color:
        var(--irc-teal-dark);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2.8px;

}


.irc-gallery-kicker span {

    width: 35px;

    height: 1px;

    background:
        var(--irc-teal);

}


.irc-gallery-kicker i {

    color:
        var(--irc-yellow);

}


.irc-gallery-header h2 {

    margin: 0;

    color:
        var(--irc-navy);

    font-size:
        clamp(44px, 5vw, 68px);

    font-weight: 800;

    line-height: 1;

    letter-spacing: -2.5px;

}


.irc-gallery-header h2 span {

    color:
        var(--irc-teal-dark);

}


.irc-gallery-header p {

    max-width: 650px;

    margin: 20px auto 0;

    color:
        var(--irc-text-soft);

    font-size: 14px;

    line-height: 1.8;

}


/* ============================================================
   FILTERS
============================================================ */

.irc-gallery-filters {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 9px;

    margin-bottom: 38px;

}


.irc-gallery-filter {

    border:
        1px solid
        rgba(11,53,88,.12);

    border-radius: 30px;

    padding: 10px 20px;

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

    color:
        var(--irc-navy);

    font-family: inherit;

    font-size: 10px;

    font-weight: 700;

    cursor: pointer;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;

}


.irc-gallery-filter:hover {

    border-color:
        var(--irc-teal);

    color:
        var(--irc-teal-dark);

    transform:
        translateY(-2px);

}


.irc-gallery-filter.active {

    border-color:
        var(--irc-navy);

    background:
        var(--irc-navy);

    color:
        #fff;

}


/* ============================================================
   BENTO GRID
============================================================ */

.irc-gallery-grid {

    display: grid;

    grid-template-columns:
        1.35fr
        1fr
        1fr;

    grid-template-rows:
        290px
        290px;

    gap: 14px;

}


/* ============================================================
   GALLERY ITEM
============================================================ */

.irc-gallery-item {

    position: relative;

    overflow: hidden;

    border-radius: 20px;

    background:
        #dce7ea;

    box-shadow:
        0 12px 35px
        rgba(11,53,88,.07);

    cursor: pointer;

}


.irc-gallery-item img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .65s cubic-bezier(.2,.7,.2,1);

}


.irc-gallery-item:hover img {

    transform:
        scale(1.07);

}


/* ============================================================
   FEATURED ITEM
============================================================ */

.irc-gallery-featured {

    grid-row:
        1 / 3;

}


/* ============================================================
   OVERLAY
============================================================ */

.irc-gallery-overlay {

    position: absolute;

    inset: 0;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding: 22px;

    opacity: 0;

    background:
        linear-gradient(
            180deg,
            rgba(4,31,53,.10) 0%,
            rgba(4,31,53,.18) 35%,
            rgba(4,31,53,.92) 100%
        );

    transition:
        opacity .35s ease;

}


.irc-gallery-item:hover
.irc-gallery-overlay {

    opacity: 1;

}


/* ============================================================
   OVERLAY TOP
============================================================ */

.irc-gallery-overlay-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.irc-gallery-overlay-top span {

    padding: 7px 10px;

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

    border-radius: 20px;

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

    backdrop-filter:
        blur(8px);

    color:
        #fff;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.irc-gallery-overlay-top i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background:
        var(--irc-yellow);

    color:
        var(--irc-navy);

    font-size: 10px;

}


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

.irc-gallery-info small {

    display: block;

    margin-bottom: 7px;

    color:
        var(--irc-teal);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.8px;

}


.irc-gallery-info h3 {

    max-width: 400px;

    margin: 0;

    color:
        #fff;

    font-size: 20px;

    line-height: 1.2;

    letter-spacing: -.4px;

}


/* FEATURED TYPOGRAPHY */

.irc-gallery-featured
.irc-gallery-info h3 {

    max-width: 520px;

    font-size:
        clamp(25px, 3vw, 38px);

}


/* ============================================================
   VIEW ALL
============================================================ */

.irc-gallery-bottom {

    display: flex;

    justify-content: center;

    margin-top: 35px;

}


.irc-gallery-view {

    display: inline-flex;

    align-items: center;

    gap: 14px;

    padding: 13px 18px 13px 22px;

    border:
        1px solid
        rgba(11,53,88,.12);

    border-radius: 30px;

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

    color:
        var(--irc-navy);

    font-size: 10px;

    font-weight: 800;

    text-decoration: none;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;

}


.irc-gallery-view i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background:
        var(--irc-teal);

    color:
        #fff;

    transition:
        transform .3s ease;

}


.irc-gallery-view:hover {

    background:
        var(--irc-navy);

    color:
        #fff;

    transform:
        translateY(-3px);

}


.irc-gallery-view:hover i {

    transform:
        translateX(4px);

}


/* ============================================================
   FILTER ANIMATION
============================================================ */

.irc-gallery-item.gallery-hidden {

    display: none;

}


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

@media (max-width: 900px) {

    .irc-gallery-section {

        padding:
            20px 0;

    }


    .irc-gallery-grid {

        grid-template-columns:
            1fr 1fr;

        grid-template-rows:
            280px
            280px
            280px;

    }


    .irc-gallery-featured {

        grid-row:
            1 / 3;

    }

}


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

@media (max-width: 600px) {

    .irc-gallery-section {

        padding:
            20px 0;

    }


    .irc-gallery-container {

        width:
            calc(100% - 28px);

    }


    .irc-gallery-header {

        margin-bottom:
            32px;

    }


    .irc-gallery-header h2 {

        font-size:
            42px;

        letter-spacing:
            -1.5px;

    }


    .irc-gallery-header p {

        font-size:
            13px;

    }


    .irc-gallery-filters {

        gap:
            7px;

        margin-bottom:
            25px;

    }


    .irc-gallery-filter {

        padding:
            8px 14px;

        font-size:
            9px;

    }


    .irc-gallery-grid {

        display:
            grid;

        grid-template-columns:
            1fr;

        grid-template-rows:
            repeat(6, 260px);

        gap:
            12px;

    }


    .irc-gallery-featured {

        grid-row:
            auto;

    }


    .irc-gallery-overlay {

        opacity:
            1;

        padding:
            17px;

        background:
            linear-gradient(
                180deg,
                transparent 35%,
                rgba(4,31,53,.88) 100%
            );

    }


    .irc-gallery-info h3,
    .irc-gallery-featured
    .irc-gallery-info h3 {

        font-size:
            21px;

    }

}

/* ============================================================
   IRC — TESTIMONIAL VIEWER
============================================================ */

.irc-testimonials-section {

    position: relative;

    padding: 20px 0 10px;

    overflow: hidden;

    background: transparent;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-testimonials-container {

    width: min(
        1736px,
        calc(100% - 40px)
    );

    margin: 0 auto;

}


/* ============================================================
   HEADER
============================================================ */

.irc-testimonials-header {

    max-width: 760px;

    margin: 0 auto 55px;

    text-align: center;

}


.irc-testimonials-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    margin-bottom: 18px;

    color:
        var(--irc-teal-dark);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2.8px;

}


.irc-testimonials-kicker span {

    width: 36px;

    height: 1px;

    background:
        var(--irc-teal);

}


.irc-testimonials-kicker i {

    color:
        var(--irc-yellow);

}


.irc-testimonials-header h2 {

    margin: 0;

    color:
        var(--irc-navy);

    font-size:
        clamp(42px, 5vw, 64px);

    font-weight: 800;

    line-height: 1.04;

    letter-spacing: -2px;

}


.irc-testimonials-header h2 span {

    display: block;

    color:
        var(--irc-teal-dark);

}


.irc-testimonials-header p {

    max-width: 650px;

    margin: 20px auto 0;

    color:
        var(--irc-text-soft);

    font-size: 14px;

    line-height: 1.8;

}


/* ============================================================
   TESTIMONIAL CAROUSEL
============================================================ */

.irc-testimonial-carousel {

    position: relative;

    display: grid;

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

    align-items: center;

    gap: 18px;

    width: 100%;

}


/* ============================================================
   TRACK WRAPPER
============================================================ */

.irc-testimonial-track-wrapper {

    width: 100%;

    overflow: hidden;

    padding:
        25px 5px 40px;

}


/* ============================================================
   TRACK
============================================================ */

.irc-testimonial-track {

    display: flex;

    gap: 22px;

    will-change: transform;

    transition:
        transform .6s
        cubic-bezier(.22,.61,.36,1);

}


/* ============================================================
   TESTIMONIAL CARD
============================================================ */

.irc-testimonial-card {

    position: relative;

    flex:
        0 0
        calc(
            (100% - 66px) / 4
        );

    min-height: 340px;

    padding: 32px 27px;

    overflow: hidden;

    border:
        1px solid
        rgba(11,53,88,.08);

    border-radius: 24px;

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

    box-shadow:
        0 18px 45px
        rgba(7,50,82,.09);

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

}


/* ============================================================
   CARD HOVER
============================================================ */

.irc-testimonial-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(82,195,199,.35);

    box-shadow:
        0 25px 55px
        rgba(7,50,82,.14);

}


/* ============================================================
   CARD DECORATION
============================================================ */

.irc-testimonial-card::before {

    content: "";

    position: absolute;

    width: 150px;

    height: 150px;

    right: -75px;

    top: -75px;

    border:
        1px solid
        rgba(82,195,199,.20);

    border-radius: 50%;

}


.irc-testimonial-card::after {

    content: "";

    position: absolute;

    width: 90px;

    height: 90px;

    left: -45px;

    bottom: -45px;

    border:
        1px solid
        rgba(242,196,0,.20);

    border-radius: 50%;

}


/* ============================================================
   QUOTE ICON
============================================================ */

.irc-testimonial-card-quote {

    position: absolute;

    top: 18px;

    right: 23px;

    color:
        rgba(11,53,88,.07);

    font-family:
        Georgia,
        serif;

    font-size: 70px;

    line-height: 1;

}


/* ============================================================
   EVENT
============================================================ */

.irc-testimonial-card-event {

    position: relative;

    z-index: 2;

    display: inline-flex;

    align-items: center;

    padding:
        7px 11px;

    border:
        1px solid
        rgba(82,195,199,.35);

    border-radius: 30px;

    color:
        var(--irc-teal-dark);

    background:
        rgba(82,195,199,.06);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.4px;

}


/* ============================================================
   MESSAGE
============================================================ */

.irc-testimonial-card-message {

    position: relative;

    z-index: 2;

    margin:
        30px 0 0;

    color:
        var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;

    line-height: 1.55;

}


/* ============================================================
   AUTHOR
============================================================ */

.irc-testimonial-card-author {

    position: absolute;

    left: 27px;

    right: 27px;

    bottom: 27px;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 11px;

    padding-top: 18px;

    border-top:
        1px solid
        rgba(11,53,88,.09);

}


/* ============================================================
   AVATAR
============================================================ */

.irc-testimonial-card-avatar {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    flex:
        0 0 42px;

    border:
        2px solid
        var(--irc-yellow);

    border-radius: 50%;

    background:
        rgba(242,196,0,.08);

    color:
        var(--irc-navy);

    font-size: 10px;

    font-weight: 800;

}


/* ============================================================
   AUTHOR INFO
============================================================ */

.irc-testimonial-card-author-info {

    min-width: 0;

}


.irc-testimonial-card-author-info strong {

    display: block;

    overflow: hidden;

    color:
        var(--irc-navy);

    font-size: 11px;

    font-weight: 800;

    text-overflow: ellipsis;

    white-space: nowrap;

}


.irc-testimonial-card-author-info span {

    display: block;

    margin-top: 3px;

    overflow: hidden;

    color:
        var(--irc-text-soft);

    font-size: 9px;

    line-height: 1.4;

    text-overflow: ellipsis;

    white-space: nowrap;

}


/* ============================================================
   ARROWS
============================================================ */

.irc-testimonial-carousel-arrow {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 52px;

    height: 52px;

    border:
        1px solid
        rgba(11,53,88,.12);

    border-radius: 50%;

    background:
        #fff;

    color:
        var(--irc-navy);

    cursor: pointer;

    box-shadow:
        0 10px 25px
        rgba(7,50,82,.08);

    transition:
        all .3s ease;

}


.irc-testimonial-carousel-arrow:hover {

    border-color:
        var(--irc-teal);

    background:
        var(--irc-teal);

    color:
        #fff;

    transform:
        scale(1.08);

}


/* ============================================================
   DOTS
============================================================ */

.irc-testimonial-carousel-dots {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 7px;

    margin-top: 5px;

}


.irc-testimonial-carousel-dot {

    width: 7px;

    height: 7px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background:
        rgba(11,53,88,.16);

    cursor: pointer;

    transition:
        all .3s ease;

}


.irc-testimonial-carousel-dot.active {

    width: 25px;

    border-radius: 20px;

    background:
        var(--irc-teal);

}


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

@media (max-width: 1100px) {

    .irc-testimonial-card {

        flex:
            0 0
            calc(
                (100% - 44px) / 3
            );

    }

}


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

@media (max-width: 850px) {

    .irc-testimonial-carousel {

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

        gap: 10px;

    }


    .irc-testimonial-card {

        flex:
            0 0
            calc(
                (100% - 22px) / 2
            );

    }

}


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

@media (max-width: 600px) {

    .irc-testimonial-carousel {

        grid-template-columns:
            1fr;

    }


    .irc-testimonial-carousel-arrow {

        position: absolute;

        top: 50%;

        z-index: 10;

        width: 42px;

        height: 42px;

        transform:
            translateY(-50%);

    }


    .irc-testimonial-carousel-arrow:hover {

        transform:
            translateY(-50%)
            scale(1.06);

    }


    .irc-testimonial-carousel-prev {

        left: 8px;

    }


    .irc-testimonial-carousel-next {

        right: 8px;

    }


    .irc-testimonial-track-wrapper {

        padding-left: 0;

        padding-right: 0;

    }


    .irc-testimonial-card {

        flex:
            0 0 100%;

        min-height: 330px;

    }

}




/* ============================================================
   BOTTOM
============================================================ */

.irc-testimonials-bottom {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 35px;

    color:
        rgba(11,53,88,.35);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 2px;

}


.irc-testimonials-bottom span {

    flex: 1;

    height: 1px;

    background:
        rgba(11,53,88,.09);

}


.irc-testimonials-bottom i {

    color:
        var(--irc-yellow);

    font-size: 5px;

}


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

@media (max-width: 900px) {

    .irc-testimonial-viewer {

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

        gap: 10px;

    }


    .irc-testimonial-main {

        padding:
            55px;

    }


    .irc-testimonial-arrow {

        width: 48px;

        height: 48px;

    }

}


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

@media (max-width: 600px) {

    .irc-testimonials-section {

        padding:
            80px 0;

    }


    .irc-testimonials-container {

        width:
            calc(100% - 28px);

    }


    .irc-testimonials-header h2 {

        font-size:
            40px;

        letter-spacing:
            -1.3px;

    }


    .irc-testimonial-viewer {

        display:
            block;

        position:
            relative;

    }


    .irc-testimonial-main {

        min-height:
            430px;

        padding:
            40px 28px;

        border-radius:
            24px;

    }


    .irc-testimonial-main blockquote {

        font-size:
            24px;

    }


    .irc-testimonial-big-quote {

        left:
            20px;

        font-size:
            150px;

    }


    .irc-testimonial-author {

        margin-top:
            30px;

    }


    .irc-testimonial-arrow {

        position:
            absolute;

        top:
            50%;

        z-index:
            5;

        width:
            42px;

        height:
            42px;

        color:
            var(--irc-navy);

    }


    .irc-testimonial-prev {

        left:
            -8px;

    }


    .irc-testimonial-next {

        right:
            -8px;

    }


    .irc-testimonial-counter {

        right:
            22px;

        bottom:
            20px;

    }


    .irc-testimonials-bottom {

        display:
            none;

    }

}

/* ============================================================
   IRC ABOUT US
   INTRODUCTION / OUR STORY
============================================================ */


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

.irc-about-intro {

    position: relative;

    overflow: hidden;

    padding: 70px 0 20px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdfe 55%,
            #f7fbfc 100%
        );

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-about-intro-container {

    position: relative;

    width:
        min(1320px, calc(100% - 50px));

    margin: 0 auto;

}


/* ============================================================
   HERO
============================================================ */

.irc-about-intro-hero {

    position: relative;

    z-index: 3;

    max-width: 900px;

    padding: 10px 0 50px;

}


/* ============================================================
   LABEL
============================================================ */

.irc-about-intro-label {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 22px;

    color: #078c9c;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 3px;

}


.irc-about-intro-label span {

    display: block;

    width: 42px;

    height: 3px;

    background: #F2C400;

    border-radius: 10px;

}


/* ============================================================
   MAIN HEADING
============================================================ */

.irc-about-intro-hero h1 {

    position: relative;

    max-width: 950px;

    margin: 0;

    color: #12344b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px, 6vw, 82px);

    font-weight: 500;

    line-height: 1.06;

    letter-spacing: -2.5px;

}


.irc-about-intro-hero h1 span {

    display: block;

    color: #159eae;

}


/* ============================================================
   LEAD TEXT
============================================================ */

.irc-about-intro-lead {

    max-width: 650px;

    margin: 25px 0 0;

    color: #526979;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

    line-height: 1.8;

}


/* ============================================================
   DECORATIVE BACKGROUND
============================================================ */

.irc-about-intro-decoration {

    position: absolute;

    top: -120px;

    right: -100px;

    width: 650px;

    height: 500px;

    pointer-events: none;

}


/* ============================================================
   ORBITS
============================================================ */

.irc-orbit {

    position: absolute;

    border: 1px solid
        rgba(21, 158, 174, .22);

    border-radius: 50%;

}


.irc-orbit-one {

    width: 390px;

    height: 190px;

    top: 80px;

    right: 80px;

    transform:
        rotate(-18deg);

}


.irc-orbit-two {

    width: 470px;

    height: 230px;

    top: 40px;

    right: 30px;

    transform:
        rotate(25deg);

    border-color:
        rgba(7, 140, 156, .12);

}


.irc-orbit-three {

    width: 330px;

    height: 330px;

    top: 0;

    right: 170px;

    border-color:
        rgba(242, 196, 0, .20);

}


/* ============================================================
   ORBIT DOTS
============================================================ */

.irc-orbit-dot {

    position: absolute;

    width: 15px;

    height: 15px;

    border-radius: 50%;

}


.irc-dot-one {

    top: 105px;

    right: 400px;

    background: #F2C400;

    box-shadow:
        0 0 0 8px
        rgba(242,196,0,.10);

}


.irc-dot-two {

    top: 240px;

    right: 100px;

    width: 8px;

    height: 8px;

    background: #159eae;

}


.irc-dot-three {

    top: 65px;

    right: 180px;

    width: 7px;

    height: 7px;

    background: #159eae;

}


/* ============================================================
   DOT PATTERN
============================================================ */

.irc-dot-pattern {

    position: absolute;

    right: 0;

    bottom: 20px;

    display: grid;

    grid-template-columns:
        repeat(4, 6px);

    gap: 10px;

}


.irc-dot-pattern span {

    width: 5px;

    height: 5px;

    border-radius: 50%;

    background:
        rgba(21,158,174,.25);

}


/* ============================================================
   PANORAMIC IMAGE
============================================================ */

.irc-about-intro-image {

    position: relative;

    z-index: 4;

    width: 100%;

    height: 235px;

    overflow: hidden;

    border-radius:
        36px 36px 36px 6px;

    box-shadow:
        0 22px 50px
        rgba(11, 55, 77, .12);

}


/* image */

.irc-about-intro-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .7s ease;

}


.irc-about-intro-image:hover img {

    transform:
        scale(1.025);

}


/* subtle overlay */

.irc-about-intro-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(7,50,82,.08),
            transparent 40%,
            rgba(242,196,0,.08)
        );

    pointer-events: none;

}


/* ============================================================
   STORY
============================================================ */

.irc-about-story {

    position: relative;

    z-index: 3;

    display: grid;

    grid-template-columns:
        150px 1fr;

    gap: 45px;

    margin-top: 75px;

}


/* ============================================================
   STORY LEFT
============================================================ */

.irc-about-story-side {

    display: flex;

    flex-direction: column;

    align-items: center;

}


/* ============================================================
   STORY ICON
============================================================ */

.irc-about-story-icon {

    position: relative;

    width: 82px;

    height: 82px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(21,158,174,.30);

    border-radius: 50%;

    background:
        #ffffff;

    color: #F2C400;

    font-size: 26px;

    box-shadow:
        0 12px 35px
        rgba(7,50,82,.08);

}


.irc-about-story-icon::before {

    content: "";

    position: absolute;

    inset: 7px;

    border:
        1px dashed
        rgba(21,158,174,.30);

    border-radius: 50%;

}


/* ============================================================
   STORY VERTICAL LINE
============================================================ */

.irc-about-story-line {

    position: relative;

    width: 2px;

    height: 260px;

    margin-top: 20px;

    background:
        linear-gradient(
            180deg,
            #159eae 0%,
            #159eae 65%,
            #F2C400 65%,
            #F2C400 100%
        );

}


.irc-about-story-line::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 8px;

    height: 8px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background: #F2C400;

}


/* ============================================================
   STORY CONTENT
============================================================ */

.irc-about-story-content {

    max-width: 1050px;

}


/* ============================================================
   STORY HEADING
============================================================ */

.irc-about-story-heading {

    margin-bottom: 25px;

}


.irc-about-story-heading span {

    display: block;

    color: #12344b;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 1px;

}


.irc-about-story-heading div {

    width: 46px;

    height: 3px;

    margin-top: 10px;

    background: #F2C400;

    border-radius: 5px;

}


/* ============================================================
   STORY TEXT
============================================================ */

.irc-about-story-text p {

    margin: 0 0 18px;

    color: #587080;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    line-height: 1.85;

}


.irc-about-story-text p:last-child {

    margin-bottom: 0;

}


.irc-about-story-text strong {

    color: #12344b;

    font-weight: 800;

}


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

@media (max-width: 1000px) {

    .irc-about-intro {

        padding-top: 55px;

    }


    .irc-about-intro-decoration {

        opacity: .55;

        right: -220px;

    }


    .irc-about-story {

        grid-template-columns:
            90px 1fr;

        gap: 30px;

    }


    .irc-about-story-icon {

        width: 68px;

        height: 68px;

        font-size: 21px;

    }

}


@media (max-width: 700px) {

    .irc-about-intro-container {

        width:
            calc(100% - 30px);

    }


    .irc-about-intro {

        padding:
            45px 0 70px;

    }


    .irc-about-intro-hero {

        padding-bottom: 35px;

    }


    .irc-about-intro-label {

        font-size: 9px;

        letter-spacing: 2px;

    }


    .irc-about-intro-hero h1 {

        font-size:
            clamp(42px, 12vw, 58px);

        letter-spacing:
            -1.5px;

    }


    .irc-about-intro-lead {

        font-size: 14px;

        line-height: 1.7;

    }


    .irc-about-intro-decoration {

        top: 30px;

        right: -350px;

        opacity: .35;

        transform: scale(.75);

    }


    .irc-about-intro-image {

        height: 180px;

        border-radius:
            24px 24px 24px 4px;

    }


    .irc-about-story {

        grid-template-columns:
            1fr;

        gap: 25px;

        margin-top: 55px;

    }


    .irc-about-story-side {

        flex-direction:
            row;

        align-items:
            center;

        gap: 20px;

    }


    .irc-about-story-line {

        width: 100px;

        height: 2px;

        margin-top: 0;

        background:
            linear-gradient(
                90deg,
                #159eae 0%,
                #159eae 65%,
                #F2C400 65%,
                #F2C400 100%
            );

    }


    .irc-about-story-line::after {

        right: 0;

        bottom: auto;

        left: auto;

        top: 50%;

        transform:
            translateY(-50%);

    }


    .irc-about-story-text p {

        font-size: 13px;

        line-height: 1.8;

    }

}


@media (max-width: 450px) {

    .irc-about-intro-image {

        height: 145px;

    }


    .irc-about-intro-hero h1 {

        font-size: 40px;

    }


    .irc-about-story-icon {

        width: 58px;

        height: 58px;

        font-size: 18px;

    }

}

/* ============================================================
   IRC ABOUT US — PROCESS SECTION
============================================================ */

.irc-process-section {

    position: relative;

    isolation: isolate;

    overflow: hidden;

    padding: 20px 0 20px;

    background: #071c2b;

    color: #ffffff;

}


/* ============================================================
   BACKGROUND IMAGE
============================================================ */

.irc-process-bg {

    position: absolute;

    inset: 0;

    z-index: -3;

    background-image:
        url("../images/process-background.jpg");

    background-size: cover;

    background-position: center;

    opacity: .38;

}


/* ============================================================
   DARK / BRAND OVERLAY
============================================================ */

.irc-process-overlay {

    position: absolute;

    inset: 0;

    z-index: -2;

    background:
        radial-gradient(
            circle at 50% 55%,
            rgba(13, 108, 127, .38),
            transparent 38%
        ),

        linear-gradient(
            90deg,
            rgba(4, 20, 32, .97) 0%,
            rgba(5, 29, 44, .91) 45%,
            rgba(4, 20, 32, .96) 100%
        );

}


/* ============================================================
   DECORATIVE GRID
============================================================ */

.irc-process-section::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    pointer-events: none;

    opacity: .12;

    background-image:

        linear-gradient(
            rgba(74, 191, 202, .35) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(74, 191, 202, .35) 1px,
            transparent 1px
        );

    background-size:
        70px 70px;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-process-container {

    width:
        min(1180px, calc(100% - 40px));

    margin: 0 auto;

}


/* ============================================================
   HEADER
============================================================ */

.irc-process-header {

    position: relative;

    max-width: 760px;

    margin:
        0 auto 20px;

    text-align: center;

}


.irc-process-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 20px;

    color: #F2C400;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;

}


.irc-process-eyebrow::before,
.irc-process-eyebrow::after {

    content: "";

    width: 32px;

    height: 1px;

    background:
        rgba(242,196,0,.7);

}


.irc-process-header h2 {

    margin: 0;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(40px, 5vw, 62px);

    font-weight: 500;

    line-height: 1.08;

    letter-spacing: -1.5px;

}


.irc-process-header h2 span {

    display: block;

    color: #38c0c9;

}


.irc-process-header p {

    max-width: 650px;

    margin: 22px auto 0;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    line-height: 1.8;

}


/* ============================================================
   PROCESS GRID
============================================================ */

.irc-process-grid {

    position: relative;

    display: grid;

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

    column-gap: 90px;

    row-gap: 0;

}


/* ============================================================
   CONNECTING LINE
============================================================ */

.irc-process-grid::before {

    content: "";

    position: absolute;

    top: 48px;

    bottom: 48px;

    left: 50%;

    width: 1px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(56,192,201,.35) 15%,
            rgba(56,192,201,.35) 85%,
            transparent
        );

}


/* ============================================================
   PROCESS CARD
============================================================ */

.irc-process-card {

    position: relative;

    display: grid;

    grid-template-columns:
        78px 1fr;

    gap: 22px;

    min-height: 190px;

    padding:
        25px 0;

}


/* ============================================================
   CARD NUMBER
============================================================ */

.irc-process-number {

    position: absolute;

    top: 18px;

    right: 20px;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 65px;

    font-weight: 800;

    line-height: 1;

}


/* ============================================================
   ICON
============================================================ */

.irc-process-icon {

    position: relative;

    z-index: 2;

    width: 62px;

    height: 62px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 5px;

    border:
        1px solid
        rgba(56,192,201,.35);

    border-radius: 18px;

    background:
        rgba(7,46,67,.85);

    color:
        #F2C400;

    font-size: 21px;

    box-shadow:
        0 0 0 7px
        rgba(56,192,201,.045),

        0 15px 30px
        rgba(0,0,0,.22);

}


.irc-process-icon::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 100%;

    width: 35px;

    height: 1px;

    background:
        rgba(56,192,201,.35);

}


/* ============================================================
   CONTENT
============================================================ */

.irc-process-content {

    position: relative;

    z-index: 2;

    padding-right: 35px;

}


.irc-process-content h3 {

    margin:
        0 0 13px;

    color:
        #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    font-weight: 500;

    line-height: 1.25;

}


.irc-process-content p {

    margin: 0;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    line-height: 1.75;

}


/* ============================================================
   HOVER EFFECT
============================================================ */

.irc-process-card {

    transition:
        transform .3s ease;

}


.irc-process-card:hover {

    transform:
        translateY(-5px);

}


.irc-process-card:hover
.irc-process-icon {

    border-color:
        #F2C400;

    background:
        rgba(242,196,0,.10);

    color:
        #F2C400;

    box-shadow:
        0 0 0 7px
        rgba(242,196,0,.06),

        0 15px 35px
        rgba(0,0,0,.25);

}


/* ============================================================
   BOTTOM PURPOSE BAR
============================================================ */

.irc-process-bottom {

    display: grid;

    grid-template-columns:
        auto 1fr auto;

    align-items: center;

    gap: 25px;

    margin-top: 0px;

    padding:
        18px 24px;

    border:
        1px solid
        rgba(56,192,201,.20);

    border-radius: 16px;

    background:
        rgba(19, 94, 111, .12);

    backdrop-filter:
        blur(8px);

}


.irc-process-bottom-line {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background:
        #103c5a;

}


.irc-process-bottom p {

    margin: 0;

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

    font-size: 12px;

    line-height: 1.6;

}


.irc-process-bottom p strong {

    display: block;

    color: #ffffff;

    font-size: 13px;

}


.irc-process-bottom-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    color:
        #38c0c9;

    font-size: 22px;

}


/* ============================================================
   RESPONSIVE — TABLET
============================================================ */

@media (max-width: 900px) {

    .irc-process-section {

        padding:
            85px 0 70px;

    }


    .irc-process-grid {

        column-gap: 45px;

    }


    .irc-process-grid::before {

        display: none;

    }


    .irc-process-card {

        grid-template-columns:
            65px 1fr;

    }


    .irc-process-icon::after {

        display: none;

    }


    .irc-process-content {

        padding-right: 10px;

    }

}


/* ============================================================
   RESPONSIVE — MOBILE
============================================================ */

@media (max-width: 650px) {

    .irc-process-container {

        width:
            calc(100% - 30px);

    }


    .irc-process-section {

        padding:
            70px 0 55px;

    }


    .irc-process-header {

        margin-bottom:
            40px;

    }


    .irc-process-header h2 {

        font-size:
            40px;

        letter-spacing:
            -1px;

    }


    .irc-process-header p {

        font-size:
            13px;

    }


    .irc-process-grid {

        display:
            block;

    }


    .irc-process-card {

        min-height:
            auto;

        padding:
            24px 0;

        border-bottom:
            1px solid
            rgba(56,192,201,.12);

    }


    .irc-process-card:last-child {

        border-bottom:
            0;

    }


    .irc-process-number {

        right: 0;

        font-size:
            52px;

    }


    .irc-process-content h3 {

        font-size:
            20px;

    }


    .irc-process-content p {

        font-size:
            13px;

    }


    .irc-process-bottom {

        grid-template-columns:
            auto 1fr auto;

        gap:
            12px;

        padding:
            15px;

    }


    .irc-process-bottom-line,
    .irc-process-bottom-icon {

        width:
            36px;

        height:
            36px;

    }

}


/* ============================================================
   VERY SMALL SCREENS
============================================================ */

@media (max-width: 420px) {

    .irc-process-header h2 {

        font-size:
            34px;

    }


    .irc-process-card {

        grid-template-columns:
            55px 1fr;

        gap:
            15px;

    }


    .irc-process-icon {

        width:
            52px;

        height:
            52px;

        border-radius:
            15px;

        font-size:
            18px;

    }


    .irc-process-content h3 {

        font-size:
            18px;

    }


    .irc-process-bottom p {

        font-size:
            11px;

    }

}
/* ============================================================
   IRC — IMPACT & KNOWLEDGE SHARING
============================================================ */

.irc-impact-section {

    position: relative;

    overflow: hidden;

    padding: 20px 0 20px;

    background:
        #f7fafb;

    color:
        #0b3553;

}


/* ============================================================
   SUBTLE SCIENTIFIC BACKGROUND
============================================================ */

.irc-impact-section::before {

    content: "";

    position: absolute;

    width: 520px;

    height: 520px;

    top: -230px;

    right: -160px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(47,181,195,.13),
            rgba(47,181,195,0) 70%
        );

    pointer-events: none;

}


.irc-impact-section::after {

    content: "";

    position: absolute;

    width: 450px;

    height: 450px;

    bottom: -250px;

    left: -170px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(242,196,0,.10),
            rgba(242,196,0,0) 70%
        );

    pointer-events: none;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-impact-container {

    width:
        min(1180px, calc(100% - 40px));

    margin:
        0 auto;

    position:
        relative;

    z-index:
        2;

}


/* ============================================================
   HEADER
============================================================ */

.irc-impact-header {

    max-width:
        850px;

    margin:
        0 auto 65px;

    text-align:
        center;

}


.irc-impact-label {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    margin-bottom:
        17px;

    color:
        #159baa;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        3px;

}


.irc-impact-label::before {

    content:
        "";

    width:
        28px;

    height:
        2px;

    background:
        #F2C400;

}


.irc-impact-header h2 {

    margin:
        0;

    color:
        #0b3553;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(42px, 5vw, 65px);

    font-weight:
        500;

    line-height:
        1.08;

    letter-spacing:
        -1.5px;

}


.irc-impact-header h2 span {

    color:
        #159baa;

}


.irc-impact-heading-line {

    width:
        65px;

    height:
        3px;

    margin:
        25px auto 23px;

    border-radius:
        5px;

    background:
        #F2C400;

}


.irc-impact-header p {

    max-width:
        790px;

    margin:
        0 auto;

    color:
        #607b8d;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        14px;

    line-height:
        1.85;

}


/* ============================================================
   THREE FEATURE ITEMS
============================================================ */

.irc-impact-grid {

    display:
        grid;

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

    gap:
        25px;

}


/* ============================================================
   IMPACT CARD
============================================================ */

.irc-impact-card {

    position:
        relative;

    min-height:
        315px;

    padding:
        34px 32px 30px;

    border:
        1px solid
        rgba(11,53,83,.10);

    border-radius:
        22px;

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

    box-shadow:
        0 18px 45px
        rgba(11,53,83,.07);

    overflow:
        hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


/* ============================================================
   CARD TOP ACCENT
============================================================ */

.irc-impact-card::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        4px;

    background:
        linear-gradient(
            90deg,
            #0b3553,
            #2fb5c3,
            #F2C400
        );

    transform:
        scaleX(0);

    transform-origin:
        left;

    transition:
        transform .4s ease;

}


.irc-impact-card:hover::before {

    transform:
        scaleX(1);

}


/* ============================================================
   CARD HOVER
============================================================ */

.irc-impact-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(47,181,195,.30);

    box-shadow:
        0 25px 55px
        rgba(11,53,83,.13);

}


/* ============================================================
   ICON AREA
============================================================ */

.irc-impact-icon-wrap {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        28px;

}


.irc-impact-icon {

    width:
        62px;

    height:
        62px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        18px;

    background:
        #0b3553;

    color:
        #F2C400;

    font-size:
        22px;

    box-shadow:
        0 10px 25px
        rgba(11,53,83,.18);

    transition:
        background .3s ease,
        transform .3s ease;

}


.irc-impact-card:hover
.irc-impact-icon {

    background:
        #159baa;

    transform:
        rotate(-4deg);

}


/* ============================================================
   NUMBER
============================================================ */

.irc-impact-index {

    color:
        rgba(11,53,83,.10);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        58px;

    font-weight:
        900;

    line-height:
        1;

}


/* ============================================================
   CARD CONTENT
============================================================ */

.irc-impact-card-content h3 {

    margin:
        0 0 15px;

    color:
        #0b3553;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        24px;

    font-weight:
        500;

    line-height:
        1.25;

}


.irc-impact-card-content p {

    margin:
        0;

    color:
        #668092;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        13px;

    line-height:
        1.8;

}


/* ============================================================
   CARD ARROW
============================================================ */

.irc-impact-arrow {

    position:
        absolute;

    right:
        28px;

    bottom:
        26px;

    width:
        36px;

    height:
        36px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid
        rgba(47,181,195,.25);

    border-radius:
        50%;

    color:
        #159baa;

    font-size:
        12px;

    transition:
        all .3s ease;

}


.irc-impact-card:hover
.irc-impact-arrow {

    color:
        #0b3553;

    background:
        #F2C400;

    border-color:
        #F2C400;

    transform:
        translateX(4px);

}


/* ============================================================
   COMMITMENT / BOTTOM STATEMENT
============================================================ */

.irc-impact-statement {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        62px 1fr 55px;

    align-items:
        center;

    gap:
        24px;

    margin-top:
        45px;

    padding:
        25px 30px;

    border:
        1px solid
        rgba(47,181,195,.20);

    border-radius:
        18px;

    background:
        linear-gradient(
            105deg,
            rgba(11,53,83,.97),
            rgba(15,81,103,.96)
        );

    box-shadow:
        0 18px 40px
        rgba(11,53,83,.12);

    overflow:
        hidden;

}


/* ============================================================
   STATEMENT DECORATION
============================================================ */

.irc-impact-statement::before {

    content:
        "";

    position:
        absolute;

    width:
        240px;

    height:
        240px;

    right:
        -100px;

    top:
        -130px;

    border:
        1px solid
        rgba(47,181,195,.20);

    border-radius:
        50%;

}


.irc-impact-statement-icon {

    width:
        55px;

    height:
        55px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        15px;

    background:
        rgba(242,196,0,.12);

    color:
        #F2C400;

    font-size:
        20px;

}


.irc-impact-statement-text span {

    display:
        block;

    margin-bottom:
        6px;

    color:
        #F2C400;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        9px;

    font-weight:
        800;

    letter-spacing:
        2px;

}


.irc-impact-statement-text p {

    margin:
        0;

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

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        13px;

    line-height:
        1.7;

}


.irc-impact-dna {

    width:
        48px;

    height:
        48px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #2fb5c3;

    font-size:
        25px;

}


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

@media (max-width: 950px) {

    .irc-impact-section {

        padding:
            90px 0 80px;

    }


    .irc-impact-grid {

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

    }


    .irc-impact-card:last-child {

        grid-column:
            1 / -1;

        max-width:
            50%;

        width:
            100%;

        margin:
            0 auto;

    }

}


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

@media (max-width: 700px) {

    .irc-impact-container {

        width:
            calc(100% - 30px);

    }


    .irc-impact-section {

        padding:
            75px 0 65px;

    }


    .irc-impact-header {

        margin-bottom:
            42px;

    }


    .irc-impact-header h2 {

        font-size:
            39px;

        letter-spacing:
            -.8px;

    }


    .irc-impact-header p {

        font-size:
            13px;

        line-height:
            1.75;

    }


    .irc-impact-grid {

        display:
            grid;

        grid-template-columns:
            1fr;

        gap:
            18px;

    }


    .irc-impact-card {

        min-height:
            auto;

        padding:
            28px 25px 70px;

    }


    .irc-impact-card:last-child {

        grid-column:
            auto;

        max-width:
            none;

        margin:
            0;

    }


    .irc-impact-index {

        font-size:
            48px;

    }


    .irc-impact-card-content h3 {

        font-size:
            22px;

    }


    .irc-impact-statement {

        grid-template-columns:
            48px 1fr;

        gap:
            15px;

        padding:
            20px;

    }


    .irc-impact-statement-icon {

        width:
            48px;

        height:
            48px;

    }


    .irc-impact-dna {

        display:
            none;

    }

}


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

@media (max-width: 420px) {

    .irc-impact-header h2 {

        font-size:
            33px;

    }


    .irc-impact-label {

        font-size:
            9px;

        letter-spacing:
            2px;

    }


    .irc-impact-card {

        padding:
            24px 21px 68px;

        border-radius:
            18px;

    }


    .irc-impact-icon {

        width:
            55px;

        height:
            55px;

        border-radius:
            15px;

        font-size:
            19px;

    }


    .irc-impact-index {

        font-size:
            42px;

    }


    .irc-impact-card-content h3 {

        font-size:
            20px;

    }


    .irc-impact-card-content p {

        font-size:
            12px;

    }


    .irc-impact-statement-text p {

        font-size:
            12px;

    }

}

/* ============================================================
   IRC — WHY CHOOSE IRC
============================================================ */

.irc-why-section {

    position: relative;

    width: 100%;

    padding: 20px 0;

    overflow: hidden;

    background: #f7fafb;

}


/* ============================================================
   DECORATIVE BACKGROUND
============================================================ */

.irc-why-section::before {

    content: "";

    position: absolute;

    width: 550px;

    height: 550px;

    right: -260px;

    top: -250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(47, 181, 195, .12),
            transparent 70%
        );

    pointer-events: none;

}


.irc-why-section::after {

    content: "";

    position: absolute;

    width: 260px;

    height: 260px;

    left: -140px;

    bottom: -150px;

    border:

        1px solid
        rgba(11, 53, 83, .08);

    border-radius: 50%;

    pointer-events: none;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-why-container {

    position: relative;

    z-index: 2;

    width:
        min(1280px, calc(100% - 50px));

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(0, 1.05fr);

    align-items: center;

    gap: 85px;

}


/* ============================================================
   LEFT VISUAL
============================================================ */

.irc-why-visual {

    position: relative;

}


.irc-why-image-wrap {

    position: relative;

    width: 100%;

    min-height: 670px;

}


.irc-why-image {

    display: block;

    width: calc(100% - 35px);

    height: 670px;

    object-fit: cover;

    border-radius:
        6px 80px 6px 6px;

    box-shadow:
        0 30px 65px
        rgba(11, 53, 83, .13);

}


/* ============================================================
   IMAGE ACCENT
============================================================ */

.irc-why-image-accent {

    position: absolute;

    right: 0;

    bottom: -28px;

    width: 47%;

    height: 47%;

    z-index: -1;

    border-radius:
        0 0 40px 0;

    background:
        #2fb5c3;

    opacity: .15;

}


/* ============================================================
   FLOATING IMAGE CARD
============================================================ */

.irc-why-floating-card {

    position: absolute;

    right: -15px;

    bottom: 55px;

    width:
        min(340px, 75%);

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 18px 20px;

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

    border-radius: 16px;

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

    box-shadow:
        0 20px 45px
        rgba(11, 53, 83, .18);

    backdrop-filter: blur(12px);

}


.irc-why-floating-icon {

    flex: 0 0 48px;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 13px;

    background: #0b3553;

    color: #F2C400;

    font-size: 17px;

}


.irc-why-floating-card strong {

    display: block;

    margin-bottom: 4px;

    color: #0b3553;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    font-weight: 800;

}


.irc-why-floating-card span {

    display: block;

    color: #718795;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    line-height: 1.5;

}


/* ============================================================
   RIGHT CONTENT
============================================================ */

.irc-why-content {

    position: relative;

}


/* ============================================================
   LABEL
============================================================ */

.irc-why-label {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 20px;

    color: #159baa;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2.4px;

}


.irc-why-label-dot {

    width: 8px;

    height: 8px;

    border-radius: 2px;

    background: #F2C400;

}


/* ============================================================
   TITLE
============================================================ */

.irc-why-title {

    max-width: 680px;

    margin: 0;

    color: #0b3553;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(43px, 4.5vw, 64px);

    font-weight: 500;

    line-height: 1.08;

    letter-spacing: -1.6px;

}


.irc-why-title span {

    display: block;

    color: #159baa;

}


/* ============================================================
   INTRO
============================================================ */

.irc-why-intro {

    max-width: 650px;

    margin:
        24px 0 42px;

    color: #637d8e;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    line-height: 1.85;

}


/* ============================================================
   FEATURES GRID
============================================================ */

.irc-why-features {

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        0 45px;

}


/* ============================================================
   FEATURE
============================================================ */

.irc-why-feature {

    position: relative;

    padding:
        25px 0 28px;

    border-top:
        1px solid
        rgba(11, 53, 83, .12);

}


.irc-why-feature-wide {

    grid-column:
        1 / -1;

}


/* ============================================================
   FEATURE TOP
============================================================ */

.irc-why-feature-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 17px;

}


/* ============================================================
   ICON
============================================================ */

.irc-why-feature-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(47, 181, 195, .25);

    border-radius: 14px;

    background:
        rgba(47, 181, 195, .07);

    color: #159baa;

    font-size: 18px;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;

}


/* ============================================================
   NUMBER
============================================================ */

.irc-why-feature-top > span {

    color:
        rgba(11, 53, 83, .11);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 32px;

    font-weight: 900;

}


/* ============================================================
   FEATURE TEXT
============================================================ */

.irc-why-feature h3 {

    margin:
        0 0 10px;

    color: #0b3553;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    font-weight: 500;

    line-height: 1.3;

}


.irc-why-feature p {

    margin: 0;

    color: #6b8291;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12.5px;

    line-height: 1.75;

}


/* ============================================================
   FEATURE HOVER
============================================================ */

.irc-why-feature:hover
.irc-why-feature-icon {

    color: #0b3553;

    border-color: #F2C400;

    background: #F2C400;

    transform:
        translateY(-3px);

}


/* ============================================================
   BOTTOM MESSAGE
============================================================ */

.irc-why-bottom {

    display: flex;

    align-items: center;

    gap: 17px;

    margin-top: 12px;

    padding-top: 24px;

    border-top:
        1px solid
        rgba(11, 53, 83, .12);

}


.irc-why-bottom > span {

    flex: 0 0 45px;

    width: 45px;

    height: 3px;

    border-radius: 5px;

    background: #F2C400;

}


.irc-why-bottom p {

    margin: 0;

    color: #0b3553;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;

    font-style: italic;

    line-height: 1.5;

}


/* ============================================================
   LAPTOP
============================================================ */

@media (max-width: 1200px) {

    .irc-why-container {

        gap: 55px;

    }


    .irc-why-image-wrap {

        min-height: 600px;

    }


    .irc-why-image {

        height: 600px;

    }

}


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

@media (max-width: 992px) {

    .irc-why-section {

        padding:
            85px 0;

    }


    .irc-why-container {

        grid-template-columns:
            1fr;

        gap: 75px;

        width:
            min(760px, calc(100% - 40px));

    }


    .irc-why-image-wrap {

        min-height: 550px;

    }


    .irc-why-image {

        width:
            calc(100% - 30px);

        height: 550px;

    }


    .irc-why-content {

        width: 100%;

    }


    .irc-why-title {

        max-width: 700px;

    }

}


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

@media (max-width: 700px) {

    .irc-why-section {

        padding:
            70px 0;

    }


    .irc-why-container {

        width:
            calc(100% - 30px);

        gap: 60px;

    }


    /* IMAGE */

    .irc-why-image-wrap {

        min-height: auto;

    }


    .irc-why-image {

        width: 100%;

        height: 480px;

        border-radius:
            5px 45px 5px 5px;

    }


    .irc-why-image-accent {

        display: none;

    }


    .irc-why-floating-card {

        left: 18px;

        right: 18px;

        bottom: -28px;

        width: auto;

    }


    /* CONTENT */

    .irc-why-title {

        font-size: 40px;

        letter-spacing: -1px;

    }


    .irc-why-intro {

        margin-bottom: 32px;

        font-size: 13px;

    }


    /* FEATURES */

    .irc-why-features {

        grid-template-columns:
            1fr;

        gap: 0;

    }


    .irc-why-feature-wide {

        grid-column: auto;

    }


    .irc-why-feature {

        padding:
            24px 0;

    }

}


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

@media (max-width: 480px) {

    .irc-why-section {

        padding:
            60px 0;

    }


    .irc-why-image {

        height: 400px;

    }


    .irc-why-floating-card {

        left: 12px;

        right: 12px;

        padding:
            14px;

    }


    .irc-why-floating-icon {

        flex-basis: 42px;

        width: 42px;

        height: 42px;

    }


    .irc-why-title {

        font-size: 34px;

    }


    .irc-why-label {

        font-size: 9px;

        letter-spacing: 1.8px;

    }


    .irc-why-feature h3 {

        font-size: 20px;

    }


    .irc-why-feature p {

        font-size: 12px;

    }


    .irc-why-bottom {

        align-items: flex-start;

    }


    .irc-why-bottom > span {

        flex-basis: 30px;

        width: 30px;

        margin-top: 10px;

    }


    .irc-why-bottom p {

        font-size: 14px;

    }

}

/* ============================================================
   IRC BOARD PAGE
============================================================ */

.irc-board-section {

    --board-navy: #073252;
    --board-navy-dark: #041f35;

    --board-teal: #11a9b7;
    --board-teal-dark: #087e8c;

    --board-yellow: #f2c400;

    --board-text: #183847;
    --board-text-soft: #617888;

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #f8fbfc 0%,
            #ffffff 22%,
            #ffffff 100%
        );

}


/* ============================================================
   HERO
============================================================ */

.irc-board-hero {

    position: relative;

    min-height: 390px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #031d31 0%,
            #073252 52%,
            #07536a 100%
        );

}


/* WORLD MAP DECORATION */

.irc-board-world-pattern {

    position: absolute;

    inset: 0;

    opacity: .14;

    pointer-events: none;

    background-image:
        radial-gradient(
            circle,
            rgba(17,169,183,.65) 1px,
            transparent 1.5px
        );

    background-size: 9px 9px;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 18%,
            #000 82%,
            transparent 100%
        );

}


/* DECORATIVE CIRCLE */

.irc-board-hero::after {

    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -120px;
    top: -300px;

    border:
        1px solid
        rgba(242,196,0,.16);

    border-radius: 50%;

    box-shadow:
        0 0 0 35px rgba(242,196,0,.035),
        0 0 0 70px rgba(242,196,0,.025),
        0 0 0 105px rgba(242,196,0,.018);

}


/* ============================================================
   HERO CONTENT
============================================================ */

.irc-board-hero-content {

    position: relative;

    z-index: 2;

    width:
        min(
            850px,
            calc(100% - 40px)
        );

    text-align: center;

    color: #fff;

}


.irc-board-kicker {

    margin-bottom: 15px;

    color:
        #42c6cf;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 3px;

}


.irc-board-hero h1 {

    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            58px,
            8vw,
            92px
        );

    font-weight: 400;

    line-height: .95;

    letter-spacing: -2px;

}


.irc-board-title-line {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin: 22px 0 20px;

}


.irc-board-title-line span {

    width: 48px;

    height: 2px;

    background:
        var(--board-yellow);

}


.irc-board-title-line i {

    width: 7px;
    height: 7px;

    display: block;

    border-radius: 50%;

    background:
        var(--board-yellow);

}


.irc-board-hero p {

    max-width: 680px;

    margin: 0 auto;

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

    font-size: 16px;

    line-height: 1.7;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-board-container {

    width:
        min(
            1220px,
            calc(100% - 40px)
        );

    margin:
        -35px auto 80px;

    position: relative;

    z-index: 5;

}


/* ============================================================
   GRID
============================================================ */

.irc-board-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    align-items: start;

    gap: 22px;

}

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

.irc-board-card {

    position: relative;

    overflow: hidden;

    border:
        1px solid
        rgba(7,50,82,.08);

    border-radius: 18px;

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

    box-shadow:
        0 18px 50px
        rgba(7,50,82,.09);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}


.irc-board-card:hover {

    transform:
        translateY(-7px);

    box-shadow:
        0 25px 65px
        rgba(7,50,82,.14);

}


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

.irc-board-card-top {

    position: relative;

    padding-top: 30px;

}



.irc-board-image-wrap {

    width: 180px;
    height: 180px;

    margin: 0 auto;

    padding: 5px;

    border: 2px solid var(--board-teal);

    border-radius: 50%;

    background: #ffffff;

    box-shadow:
        0 8px 25px rgba(7, 50, 82, .10);

}


.irc-board-image-wrap img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center center;

    border-radius: 50%;

}

.irc-board-card:nth-child(1)
.irc-board-image-wrap img {

    object-position: center 25%;

}

.irc-board-card:nth-child(2)
.irc-board-image-wrap img {

    object-position: center 30%;

}

.irc-board-card:nth-child(3)
.irc-board-image-wrap img {

    object-position: center 30%;

}


/* ============================================================
   PERSON ICON
============================================================ */

.irc-board-person-icon {

    position: absolute;

    top: 35px;

    right: 24px;

    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 50%;

    background:
        #eaf8fa;

    color:
        var(--board-teal-dark);

    font-size: 16px;

}


/* ============================================================
   CARD CONTENT
============================================================ */

.irc-board-card-content {

    padding:
        16px 24px 24px;

    text-align: center;

}


.irc-board-card h2 {

    margin:
        0 0 5px;

    color:
        var(--board-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;

    font-weight: 600;

    line-height: 1.2;

}


.irc-board-role {

    color:
        var(--board-teal-dark);

    font-size: 14px;

    font-weight: 800;

}


.irc-board-short-bio {
    min-height: 72px;
    margin: 16px auto 0;
    color: var(--board-text-soft);
    font-size: 21px;
    line-height: 1.65;
}


.irc-board-gold-line {

    width: 34px;

    height: 2px;

    margin:
        15px auto 14px;

    background:
        var(--board-yellow);

}


/* ============================================================
   PROFILE BUTTON
============================================================ */

.irc-board-profile-btn {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    padding:
        10px 18px;

    border:
        1px solid
        var(--board-teal);

    border-radius: 6px;

    background: #fff;

    color:
        var(--board-teal-dark);

    font-size: 13px;

    font-weight: 800;

    cursor: pointer;

    transition:
        background .3s ease,
        color .3s ease;

}


.irc-board-profile-btn i {

    transition:
        transform .3s ease;

}


.irc-board-profile-btn:hover {

    background:
        var(--board-teal);

    color: #fff;

}


.irc-board-profile-btn:hover i {

    transform:
        translateX(4px);

}


/* ============================================================
   PROFILE DETAILS
============================================================ */

/* ============================================================
   BOARD PROFILE DETAILS
   CLOSED BY DEFAULT
============================================================ */

.irc-board-details {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;

    margin-top: 0;

    transition:
        max-height 0.45s ease,
        opacity 0.25s ease,
        margin-top 0.35s ease,
        visibility 0s linear 0.45s;
}


/* ============================================================
   ONLY CLICKED CARD OPENS
============================================================ */

.irc-board-card.is-open .irc-board-details {

    max-height: 5000px;

    opacity: 1;

    visibility: visible;

    margin-top: 18px;

    transition:
        max-height 0.55s ease,
        opacity 0.3s ease,
        margin-top 0.3s ease,
        visibility 0s linear 0s;

}

.irc-board-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    align-items: start;

    gap: 22px;

}


.irc-board-card {

    align-self: start;

    height: auto !important;

    min-height: 0 !important;

    overflow: hidden;

}

.irc-board-card-content {

    height: auto !important;

    min-height: 0 !important;

}
/* ============================================================
   PROFILE INTRO
============================================================ */

.irc-board-profile-intro {

    margin-bottom: 16px;

}


.irc-board-profile-intro p {

    margin: 0;

    color:
        var(--board-text-soft);

    font-size: 17px;

    line-height: 1.65;

}


/* ============================================================
   PROFILE SECTION
============================================================ */

.irc-board-section-block {

    margin-top: 18px;

}


.irc-board-section-block h3 {

    margin:
        0 0 9px;

    padding-left: 10px;

    border-left:
        2px solid
        var(--board-teal);

    color:
        var(--board-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;

    font-weight: 500;

}


.irc-board-section-block > p {

    margin:
        0 0 10px;

    color:
        var(--board-text-soft);

    font-size: 17px;

    line-height: 1.65;

}


/* ============================================================
   HIGHLIGHT BOX
============================================================ */

.irc-board-highlight {

    margin-top: 8px;

    padding:
        10px 11px;

    border-left:
        2px solid
        rgba(17,169,183,.65);

    border-radius: 0 6px 6px 0;

    background:
        #f4f7f9;

    color:
        var(--board-text-soft);

    font-size: 17px;

    line-height: 1.55;

}


.irc-board-highlight strong {

    color:
        var(--board-navy);

}


/* ============================================================
   FINAL NOTE
============================================================ */

.irc-board-final-note {

    margin-top: 15px !important;

}


/* ============================================================
   FULL PROFILE
============================================================ */

.irc-board-full-profile {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 18px;

    padding-top: 14px;

    border-top:
        1px solid
        rgba(7,50,82,.08);

    color:
        var(--board-teal-dark);

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

}



/* ============================================================
   BOTTOM MESSAGE
============================================================ */

.irc-board-bottom {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-top: 22px;

    padding:
        18px 25px;

    border:
        1px solid
        rgba(7,50,82,.08);

    border-radius: 15px;

    background: #fff;

    box-shadow:
        0 12px 35px
        rgba(7,50,82,.06);

}


.irc-board-bottom-icon {

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;

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

    border-radius: 50%;

    color:
        var(--board-yellow);

    background:
        #fffaf0;

    font-size: 20px;

}


.irc-board-bottom-text {

    flex: 1;

}


.irc-board-bottom-text strong {

    color:
        var(--board-navy);

    font-size: 13px;

    font-weight: 600;

    line-height: 1.6;

}


.irc-board-bottom-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    min-width: 245px;

    padding:
        11px 18px;

    border:
        1px solid
        var(--board-teal);

    border-radius: 6px;

    color:
        var(--board-teal-dark);

    background: #fff;

    font-size: 12px;

    font-weight: 800;

    text-decoration: none;

    transition:
        background .3s ease,
        color .3s ease;

}


.irc-board-bottom-btn:hover {

    background:
        var(--board-teal);

    color: #fff;

}


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

@media (max-width: 1050px) {

    .irc-board-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }

}


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

@media (max-width: 700px) {

    .irc-board-hero {

        min-height: 350px;

    }


    .irc-board-hero h1 {

        font-size: 58px;

    }


    .irc-board-hero p {

        font-size: 14px;

    }


    .irc-board-container {

        width:
            calc(100% - 24px);

        margin-top: -25px;

    }


    .irc-board-grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }


    .irc-board-image-wrap {

        width: 155px;
        height: 155px;

    }


    .irc-board-short-bio {

        min-height: auto;

    }


    .irc-board-bottom {

        flex-direction: column;

        text-align: center;

    }


    .irc-board-bottom-btn {

        width: 100%;

        min-width: 0;

    }

}


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

@media (max-width: 420px) {

    .irc-board-hero {

        min-height: 330px;

    }


    .irc-board-hero h1 {

        font-size: 48px;

    }


    .irc-board-kicker {

        font-size: 9px;

        letter-spacing: 2px;

    }


    .irc-board-card-content {

        padding:
            15px 18px 20px;

    }


    .irc-board-card h2 {

        font-size: 22px;

    }

}

/* ============================================================
   SCIENTIFIC ADVISORY COUNCIL
============================================================ */

.irc-advisory-section {

    position: relative;

    padding: 20px 0 20px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbfc 100%
        );

    overflow: hidden;

}


/* ============================================================
   SUBTLE BACKGROUND DETAIL
============================================================ */

.irc-advisory-section::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    top: -250px;
    right: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(82, 195, 199, .10) 0%,
            rgba(82, 195, 199, 0) 70%
        );

    pointer-events: none;

}


.irc-advisory-section::after {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    bottom: -180px;
    left: -150px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(242, 196, 0, .08) 0%,
            rgba(242, 196, 0, 0) 70%
        );

    pointer-events: none;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-advisory-container {

    position: relative;

    z-index: 2;

    width: min(
        1120px,
        calc(100% - 40px)
    );

    margin: 0 auto;

}


/* ============================================================
   HEADER
============================================================ */

.irc-advisory-header {

    max-width: 760px;

    margin: 0 auto 65px;

    text-align: center;

}


/* KICKER */

.irc-advisory-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 18px;

    color: var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.5px;

}


.irc-advisory-kicker span {

    width: 42px;

    height: 1px;

    background: var(--irc-yellow);

}


/* TITLE */

.irc-advisory-header h2 {

    margin: 0;

    color: var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(38px, 5vw, 58px);

    font-weight: 400;

    line-height: 1.08;

    letter-spacing: -1.5px;

}


.irc-advisory-header h2 span {

    color: var(--irc-teal-dark);

}


/* DESCRIPTION */

.irc-advisory-header p {

    max-width: 680px;

    margin: 20px auto 0;

    color: var(--irc-text-soft);

    font-size: 14px;

    line-height: 1.8;

}


/* ============================================================
   MEMBER LIST
============================================================ */

.irc-advisory-list {

    border-top:
        1px solid
        rgba(11, 53, 88, .14);

}


/* ============================================================
   MEMBER ROW
============================================================ */

.irc-advisory-member {

    position: relative;

    display: grid;

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

    align-items: center;

    gap: 55px;

    min-height: 210px;

    padding: 32px 25px;

    border-bottom:
        1px solid
        rgba(11, 53, 88, .14);

    transition:
        background .35s ease,
        padding .35s ease;

}


/* ============================================================
   HOVER
============================================================ */

.irc-advisory-member:hover {

    background:
        linear-gradient(
            90deg,
            rgba(82, 195, 199, .045),
            rgba(255,255,255,0)
        );

    padding-left: 32px;
    padding-right: 18px;

}


/* ============================================================
   PHOTO
============================================================ */

.irc-advisory-photo-wrap {

    display: flex;

    justify-content: center;

}


.irc-advisory-photo {

    position: relative;

    width: 180px;
    height: 217px;

    overflow: hidden;

    border-radius: 22px;

    background: #edf4f6;

    box-shadow:
        0 15px 35px
        rgba(11, 53, 88, .12);

}


/* GOLD CORNER DETAIL */

.irc-advisory-photo::after {

    content: "";

    position: absolute;

    width: 25px;
    height: 25px;

    right: -1px;
    bottom: -1px;

    border-right:
        4px solid
        var(--irc-yellow);

    border-bottom:
        4px solid
        var(--irc-yellow);

    border-bottom-right-radius: 18px;

    pointer-events: none;

}


.irc-advisory-photo img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s ease;

}


.irc-advisory-member:hover
.irc-advisory-photo img {

    transform: scale(1.045);

}


/* ============================================================
   MEMBER INFORMATION
============================================================ */

.irc-advisory-info {

    display: grid;

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

    align-items: center;

    gap: 20px;

}


.irc-advisory-number {

    color:
        rgba(11, 53, 88, .20);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1px;

}


.irc-advisory-info h3 {

    margin: 0 0 12px;

    color: var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(24px, 2.5vw, 31px);

    font-weight: 600;

    line-height: 1.2;

}


.irc-advisory-info p {

    max-width: 700px;

    margin: 0;

    color: var(--irc-text-soft);

    font-size: 13px;

    line-height: 1.75;

}


/* ============================================================
   ARROW
============================================================ */

.irc-advisory-arrow {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 45px;
    height: 45px;

    border:
        1px solid
        rgba(11, 53, 88, .15);

    border-radius: 50%;

    color: var(--irc-teal-dark);

    background: #fff;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;

}


.irc-advisory-member:hover
.irc-advisory-arrow {

    background: var(--irc-teal);

    border-color: var(--irc-teal);

    color: #fff;

    transform:
        translateX(4px);

}


/* ============================================================
   RESPONSIVE — TABLET
============================================================ */

@media (max-width: 900px) {

    .irc-advisory-section {

        padding:
            80px 0 90px;

    }


    .irc-advisory-member {

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

        gap: 30px;

        padding:
            28px 15px;

    }


    .irc-advisory-photo {

        width: 135px;
        height: 135px;

    }


    .irc-advisory-info {

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

        gap: 14px;

    }

}


/* ============================================================
   RESPONSIVE — MOBILE
============================================================ */

@media (max-width: 650px) {

    .irc-advisory-section {

        padding:
            65px 0 75px;

    }


    .irc-advisory-container {

        width:
            min(
                100% - 28px,
                520px
            );

    }


    .irc-advisory-header {

        margin-bottom: 45px;

    }


    .irc-advisory-kicker {

        font-size: 8px;

        letter-spacing: 1.8px;

    }


    .irc-advisory-kicker span {

        width: 25px;

    }


    .irc-advisory-header h2 {

        font-size: 38px;

    }


    .irc-advisory-header p {

        font-size: 13px;

        line-height: 1.7;

    }


    /* MEMBER */

    .irc-advisory-member {

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 20px;

        padding:
            32px 15px;

        text-align: center;

    }


    .irc-advisory-member:hover {

        padding:
            32px 15px;

    }


    /* PHOTO */

    .irc-advisory-photo {

        width: 145px;
        height: 145px;

        border-radius: 20px;

    }


    /* INFO */

    .irc-advisory-info {

        display: block;

    }


    .irc-advisory-number {

        margin-bottom: 8px;

    }


    .irc-advisory-info h3 {

        margin-bottom: 10px;

        font-size: 25px;

    }


    .irc-advisory-info p {

        max-width: 430px;

        font-size: 13px;

    }


    /* ARROW */

    .irc-advisory-arrow {

        width: 40px;
        height: 40px;

    }

}


/* ============================================================
   VERY SMALL DEVICES
============================================================ */

@media (max-width: 380px) {

    .irc-advisory-header h2 {

        font-size: 32px;

    }


    .irc-advisory-info h3 {

        font-size: 22px;

    }


    .irc-advisory-info p {

        font-size: 12px;

    }

}

/* ============================================================
   FUTURE CONFERENCES
============================================================ */

.irc-future-section {

    position: relative;

    padding: 100px 0 110px;

    background:
        linear-gradient(
            180deg,
            #f8fbfc 0%,
            #ffffff 100%
        );

    overflow: hidden;

}


/* ============================================================
   BACKGROUND DECORATION
============================================================ */

.irc-future-section::before {

    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    top: -300px;
    right: -220px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(82,195,199,.10),
            transparent 70%
        );

    pointer-events: none;

}


.irc-future-section::after {

    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    bottom: -220px;
    left: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(242,196,0,.08),
            transparent 70%
        );

    pointer-events: none;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-future-container {

    position: relative;

    z-index: 2;

    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    margin: 0 auto;

}


/* ============================================================
   HEADER
============================================================ */

.irc-future-header {

    max-width: 760px;

    margin:
        0 auto 60px;

    text-align: center;

}


.irc-future-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 18px;

    color:
        var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.5px;

}


.irc-future-kicker span {

    width: 40px;

    height: 1px;

    background:
        var(--irc-yellow);

}


.irc-future-header h2 {

    margin: 0;

    color:
        var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            5vw,
            62px
        );

    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -1.5px;

}


.irc-future-header h2 span {

    color:
        var(--irc-teal-dark);

}


.irc-future-header p {

    max-width: 680px;

    margin:
        20px auto 0;

    color:
        var(--irc-text-soft);

    font-size: 14px;

    line-height: 1.8;

}


/* ============================================================
   GRID
============================================================ */

.irc-future-grid {

    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    gap: 22px;

}


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

.irc-future-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-height: 455px;

    padding: 22px;

    border:
        1px solid
        rgba(11,53,88,.09);

    border-radius: 24px;

    background: #fff;

    color: inherit;

    text-decoration: none;

    box-shadow:
        0 12px 35px
        rgba(11,53,88,.07);

    overflow: hidden;

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;

}


.irc-future-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(82,195,199,.45);

    box-shadow:
        0 25px 55px
        rgba(11,53,88,.13);

}


/* ============================================================
   TOP ROW
============================================================ */

.irc-future-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.irc-future-status {

    display: inline-flex;

    align-items: center;

    padding:
        6px 10px;

    border-radius: 30px;

    background:
        rgba(242,196,0,.12);

    color:
        #9a7600;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.3px;

}


.irc-future-external {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background:
        rgba(11,53,88,.06);

    color:
        var(--irc-teal-dark);

    font-size: 11px;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;

}


.irc-future-card:hover
.irc-future-external {

    background:
        var(--irc-teal);

    color: #fff;

    transform:
        rotate(5deg);

}


/* ============================================================
   LOGO AREA
============================================================ */

.irc-future-logo {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 150px;

    margin:
        10px 0 18px;

    padding: 15px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #f7fafb,
            #ffffff
        );

}


.irc-future-logo img {

    display: block;

    width: auto;

    max-width: 85%;

    max-height: 105px;

    object-fit: contain;

    transition:
        transform .4s ease;

}


.irc-future-card:hover
.irc-future-logo img {

    transform:
        scale(1.05);

}


/* ============================================================
   CONTENT
============================================================ */

.irc-future-content {

    flex: 1;

}


.irc-future-date {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 13px;

    color:
        var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 700;

    line-height: 1.5;

}


.irc-future-date i {

    color:
        var(--irc-yellow);

}


.irc-future-date span {

    color:
        rgba(11,53,88,.35);

}


.irc-future-content h3 {

    margin: 0;

    color:
        var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.3;

}


.irc-future-content p {

    margin:
        12px 0 0;

    color:
        var(--irc-text-soft);

    font-size: 12px;

    line-height: 1.65;

}


/* ============================================================
   BOTTOM LINK
============================================================ */

.irc-future-link {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 22px;

    padding-top: 16px;

    border-top:
        1px solid
        rgba(11,53,88,.10);

    color:
        var(--irc-teal-dark);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .2px;

}


.irc-future-link i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 30px;
    height: 30px;

    border-radius: 50%;

    background:
        rgba(82,195,199,.10);

    transition:
        transform .3s ease,
        background .3s ease;

}


.irc-future-card:hover
.irc-future-link i {

    transform:
        translateX(5px);

    background:
        var(--irc-teal);

    color: #fff;

}


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

@media (max-width: 950px) {

    .irc-future-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }

}


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

@media (max-width: 650px) {

    .irc-future-section {

        padding:
            70px 0 80px;

    }


    .irc-future-container {

        width:
            calc(100% - 28px);

    }


    .irc-future-header {

        margin-bottom: 42px;

    }


    .irc-future-header h2 {

        font-size: 40px;

    }


    .irc-future-header p {

        font-size: 13px;

    }


    .irc-future-grid {

        grid-template-columns: 1fr;

        gap: 18px;

    }


    .irc-future-card {

        min-height: 430px;

    }

}


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

@media (max-width: 380px) {

    .irc-future-header h2 {

        font-size: 34px;

    }


    .irc-future-card {

        padding: 18px;

        border-radius: 20px;

    }


    .irc-future-content h3 {

        font-size: 19px;

    }

}

/* ============================================================
   PAST CONFERENCES
============================================================ */

.irc-past-section {

    position: relative;

    padding: 100px 0 110px;

    background:
        linear-gradient(
            180deg,
            #f7fafb 0%,
            #ffffff 100%
        );

    overflow: hidden;

}


/* ============================================================
   BACKGROUND DECORATION
============================================================ */

.irc-past-section::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    top: -250px;
    right: -180px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(82,195,199,.10),
            transparent 70%
        );

    pointer-events: none;

}


.irc-past-section::after {

    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    bottom: -250px;
    left: -200px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(242,196,0,.07),
            transparent 70%
        );

    pointer-events: none;

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-past-container {

    position: relative;

    z-index: 2;

    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    margin: 0 auto;

}


/* ============================================================
   HEADER
============================================================ */

.irc-past-header {

    max-width: 760px;

    margin:
        0 auto 55px;

    text-align: center;

}


.irc-past-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 18px;

    color:
        var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.5px;

}


.irc-past-kicker span {

    width: 40px;

    height: 1px;

    background:
        var(--irc-yellow);

}


.irc-past-header h2 {

    margin: 0;

    color:
        var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            5vw,
            62px
        );

    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -1.5px;

}


.irc-past-header h2 span {

    color:
        var(--irc-teal-dark);

}


.irc-past-header p {

    max-width: 680px;

    margin:
        20px auto 0;

    color:
        var(--irc-text-soft);

    font-size: 14px;

    line-height: 1.8;

}


/* ============================================================
   GRID
============================================================ */

.irc-past-grid {

    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 26px;

}


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

.irc-past-card {

    position: relative;

    display: flex;

    flex-direction: column;

    overflow: hidden;

    border:
        1px solid
        rgba(11,53,88,.09);

    border-radius: 22px;

    background: #fff;

    text-decoration: none;

    color: inherit;

    box-shadow:
        0 12px 35px
        rgba(11,53,88,.06);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;

}


.irc-past-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(82,195,199,.45);

    box-shadow:
        0 25px 55px
        rgba(11,53,88,.13);

}


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

.irc-past-image {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 260px;

    padding: 25px;

    background:
        linear-gradient(
            135deg,
            #f5f8fa,
            #ffffff
        );

    overflow: hidden;

}


.irc-past-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(7,50,82,.04),
            transparent
        );

    pointer-events: none;

}


.irc-past-image img {

    position: relative;

    z-index: 1;

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    transition:
        transform .45s ease;

}


.irc-past-card:hover
.irc-past-image img {

    transform:
        scale(1.045);

}


/* ============================================================
   PDF OVERLAY
============================================================ */

.irc-past-overlay {

    position: absolute;

    z-index: 3;

    inset: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        rgba(3,31,48,.68);

    opacity: 0;

    transition:
        opacity .35s ease;

}


.irc-past-card:hover
.irc-past-overlay {

    opacity: 1;

}


.irc-past-overlay span {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding:
        12px 18px;

    border-radius: 30px;

    background: #fff;

    color:
        var(--irc-navy);

    font-size: 11px;

    font-weight: 800;

    box-shadow:
        0 10px 30px
        rgba(0,0,0,.15);

}


.irc-past-overlay i {

    color: #d62828;

}


/* ============================================================
   INFORMATION
============================================================ */

.irc-past-info {

    display: flex;

    flex-direction: column;

    padding:
        24px 26px 25px;

    min-height: 190px;

}


.irc-past-year {

    display: inline-flex;

    align-items: center;

    width: fit-content;

    margin-bottom: 9px;

    padding:
        5px 10px;

    border-radius: 20px;

    background:
        rgba(82,195,199,.10);

    color:
        var(--irc-teal-dark);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.2px;

}


.irc-past-info h3 {

    margin: 0;

    color:
        var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    font-weight: 600;

    line-height: 1.3;

}


.irc-past-info p {

    margin:
        10px 0 0;

    color:
        var(--irc-text-soft);

    font-size: 12px;

    line-height: 1.65;

}


/* ============================================================
   BOTTOM LINK
============================================================ */

.irc-past-open {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: auto;

    padding-top: 18px;

    color:
        var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 800;

}


.irc-past-open i {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background:
        rgba(82,195,199,.10);

    transition:
        transform .3s ease,
        background .3s ease,
        color .3s ease;

}


.irc-past-card:hover
.irc-past-open i {

    transform:
        translateX(5px);

    background:
        var(--irc-teal);

    color: #fff;

}


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

@media (max-width: 800px) {

    .irc-past-grid {

        grid-template-columns: 1fr;

    }

}


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

@media (max-width: 600px) {

    .irc-past-section {

        padding:
            70px 0 80px;

    }


    .irc-past-container {

        width:
            calc(100% - 28px);

    }


    .irc-past-header {

        margin-bottom: 40px;

    }


    .irc-past-header h2 {

        font-size: 40px;

    }


    .irc-past-header p {

        font-size: 13px;

    }


    .irc-past-grid {

        gap: 18px;

    }


    .irc-past-image {

        height: 220px;

        padding: 18px;

    }


    .irc-past-info {

        padding:
            20px;

    }


    .irc-past-info h3 {

        font-size: 20px;

    }


    /* Always show PDF hint on touch devices */

    .irc-past-overlay {

        display: none;

    }

}


/* ============================================================
   VERY SMALL DEVICES
============================================================ */

@media (max-width: 380px) {

    .irc-past-header h2 {

        font-size: 34px;

    }


    .irc-past-card {

        border-radius: 18px;

    }


    .irc-past-image {

        height: 190px;

    }

}
/* ============================================================
   CONFERENCE REPORTS
============================================================ */

.irc-reports-section {

    position: relative;

    padding: 100px 0 110px;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #f7fafb 0%,
            #ffffff 100%
        );

}


/* ============================================================
   CONTAINER
============================================================ */

.irc-reports-container {

    width:
        min(
            1200px,
            calc(100% - 40px)
        );

    margin: 0 auto;

}


/* ============================================================
   HEADER
============================================================ */

.irc-reports-header {

    max-width: 760px;

    margin:
        0 auto 55px;

    text-align: center;

}


.irc-reports-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 18px;

    color:
        var(--irc-teal-dark);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2.5px;

}


.irc-reports-kicker span {

    width: 40px;

    height: 1px;

    background:
        var(--irc-yellow);

}


.irc-reports-header h2 {

    margin: 0;

    color:
        var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            40px,
            5vw,
            60px
        );

    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -1.5px;

}


.irc-reports-header h2 span {

    display: block;

    color:
        var(--irc-teal-dark);

}


.irc-reports-header p {

    max-width: 680px;

    margin:
        20px auto 0;

    color:
        var(--irc-text-soft);

    font-size: 14px;

    line-height: 1.8;

}


/* ============================================================
   GRID — 3 COLUMNS
============================================================ */

.irc-reports-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 26px;

    align-items: stretch;

}


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

.irc-report-card {

    position: relative;

    display: flex;

    flex-direction: column;

    min-width: 0;

    overflow: hidden;

    border:
        1px solid
        rgba(11,53,88,.09);

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 12px 35px
        rgba(11,53,88,.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.irc-report-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(82,195,199,.45);

    box-shadow:
        0 25px 55px
        rgba(11,53,88,.13);

}


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

.irc-report-image {

    position: relative;

    height: 210px;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #edf4f6,
            #ffffff
        );

}


.irc-report-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform .5s ease;

}


.irc-report-card:hover
.irc-report-image img {

    transform:
        scale(1.05);

}


/* ============================================================
   YEAR BADGE
============================================================ */

.irc-report-year {

    position: absolute;

    top: 16px;

    right: 16px;

    padding:
        7px 12px;

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

    border-radius: 20px;

    background:
        rgba(7,50,82,.88);

    color: #fff;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;

    backdrop-filter:
        blur(8px);

}


/* ============================================================
   CONTENT
============================================================ */

.irc-report-content {

    display: flex;

    flex: 1;

    flex-direction: column;

    padding:
        23px 23px 21px;

}


/* ============================================================
   META
============================================================ */

.irc-report-meta {

    margin-bottom: 9px;

    color:
        var(--irc-teal-dark);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: .5px;

    text-transform: uppercase;

}


.irc-report-meta span {

    margin:
        0 5px;

    color:
        var(--irc-yellow);

}


/* ============================================================
   TITLE
============================================================ */

.irc-report-content h3 {

    margin: 0;

    color:
        var(--irc-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    font-weight: 600;

    line-height: 1.3;

}


/* ============================================================
   DESCRIPTION
============================================================ */

.irc-report-content p {

    margin:
        12px 0 20px;

    color:
        var(--irc-text-soft);

    font-size: 12px;

    line-height: 1.7;

}


/* ============================================================
   FOOTER
============================================================ */

.irc-report-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-top: auto;

    padding-top: 17px;

    border-top:
        1px solid
        rgba(11,53,88,.08);

}


/* ============================================================
   LOCATION
============================================================ */

.irc-report-location {

    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 0;

    color:
        rgba(11,53,88,.55);

    font-size: 9px;

    line-height: 1.4;

}


.irc-report-location i {

    flex-shrink: 0;

    color:
        var(--irc-teal);

}


/* ============================================================
   READ REPORT
============================================================ */

.irc-report-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    gap: 8px;

    padding:
        9px 13px;

    border-radius: 7px;

    background:
        var(--irc-teal);

    color: #fff;

    text-decoration: none;

    font-size: 9px;

    font-weight: 800;

    transition:
        background .3s ease,
        transform .3s ease;

}


.irc-report-button:hover {

    background:
        var(--irc-navy);

    color: #fff;

    transform:
        translateX(2px);

}


.irc-report-button i {

    font-size: 8px;

    transition:
        transform .3s ease;

}


.irc-report-button:hover i {

    transform:
        translateX(3px);

}


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

@media (max-width: 950px) {

    .irc-reports-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

    }

}


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

@media (max-width: 650px) {

    .irc-reports-section {

        padding:
            70px 0 80px;

    }


    .irc-reports-container {

        width:
            calc(100% - 28px);

    }


    .irc-reports-header {

        margin-bottom: 40px;

    }


    .irc-reports-header h2 {

        font-size: 40px;

    }


    .irc-reports-header p {

        font-size: 13px;

    }


    .irc-reports-grid {

        grid-template-columns: 1fr;

        gap: 20px;

    }


    .irc-report-image {

        height: 220px;

    }


    .irc-report-content {

        padding:
            20px;

    }


    .irc-report-content h3 {

        font-size: 20px;

    }

}


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

@media (max-width: 400px) {

    .irc-report-footer {

        align-items: flex-start;

        flex-direction: column;

    }


    .irc-report-button {

        width: 100%;

    }

}


/* =========================================================
   IRC CONFERENCE GALLERY
========================================================= */

.irc-gallery-section {
    position: relative;
    padding: 20px 0 20px;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(18, 166, 183, .08),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(242, 196, 0, .07),
            transparent 30%
        ),
        #f7fafb;
}


/* =========================================================
   CONTAINER
========================================================= */

.irc-gallery-container {
    width: min(1400px, calc(100% - 50px));
    margin: 0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.irc-gallery-header {
    max-width: 760px;
    margin: 0 auto 55px;
    text-align: center;
}


.irc-gallery-kicker {
    display: inline-block;

    margin-bottom: 12px;

    color: #f2c400;

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

    letter-spacing: 4px;
}


.irc-gallery-header h2 {
    margin: 0;

    color: #092f47;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(42px, 6vw, 72px);

    font-weight: 700;

    line-height: 1;
}


.irc-gallery-header h2 span {
    color: #0aa4b7;
}


.irc-gallery-header p {
    max-width: 650px;

    margin: 22px auto 0;

    color: #60788a;

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   GALLERY GRID
========================================================= */

.irc-gallery-grid {

    display: grid;

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

    grid-auto-rows: 250px;

    gap: 14px;
}


/* =========================================================
   GALLERY ITEM
========================================================= */

.irc-gallery-item {

    position: relative;

    overflow: hidden;

    border-radius: 18px;

    background: #dce7eb;

    cursor: pointer;

    box-shadow:
        0 12px 30px
        rgba(7, 50, 82, .08);

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


.irc-gallery-item:hover {

    transform: translateY(-5px);

    box-shadow:
        0 20px 45px
        rgba(7, 50, 82, .16);
}


/* =========================================================
   LARGE IMAGE
========================================================= */

.irc-gallery-large {

    grid-column: span 2;

    grid-row: span 1;
}


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

.irc-gallery-item img {

    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .7s ease;
}


.irc-gallery-item:hover img {

    transform: scale(1.07);
}


/* =========================================================
   OVERLAY
========================================================= */

.irc-gallery-overlay {

    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    padding: 45px 22px 20px;

    color: #fff;

    background:
        linear-gradient(
            to top,
            rgba(3, 24, 39, .9),
            rgba(3, 24, 39, .5),
            transparent
        );

    transform: translateY(8px);

    transition:
        transform .4s ease;
}


.irc-gallery-item:hover
.irc-gallery-overlay {

    transform: translateY(0);
}


.irc-gallery-overlay span {

    display: inline-block;

    margin-bottom: 7px;

    padding: 5px 9px;

    border-radius: 30px;

    background: #0aa4b7;

    color: #fff;

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1.4px;
}


.irc-gallery-overlay h3 {

    margin: 0;

    font-size: 17px;

    font-weight: 700;
}


/* =========================================================
   LOAD MORE
========================================================= */

.irc-gallery-load {

    display: flex;

    justify-content: center;

    margin-top: 35px;
}


#ircGalleryLoadMore {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 25px;

    border: 1px solid #0aa4b7;

    border-radius: 30px;

    background: #fff;

    color: #087f91;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;
}


#ircGalleryLoadMore:hover {

    background: #0aa4b7;

    color: #fff;

    transform: translateY(-2px);
}


/* =========================================================
   UPLOAD SECTION
========================================================= */

.irc-gallery-upload {

    position: relative;

    display: grid;

    grid-template-columns:
        auto 1fr auto;

    align-items: center;

    gap: 30px;

    margin-top: 65px;

    padding: 35px 40px;

    overflow: hidden;

    border: 1px solid
        rgba(10, 164, 183, .18);

    border-radius: 28px;

    background:
        linear-gradient(
            135deg,
            #edfafd,
            #ffffff
        );

    box-shadow:
        0 18px 50px
        rgba(7, 50, 82, .07);
}


/* Decorative circle */

.irc-gallery-upload::after {

    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    right: -120px;
    top: -150px;

    border: 1px solid
        rgba(10, 164, 183, .15);

    border-radius: 50%;
}


/* =========================================================
   UPLOAD ICON
========================================================= */

.irc-gallery-upload-icon {

    width: 82px;
    height: 82px;

    display: flex;

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

    flex: 0 0 82px;

    border-radius: 50%;

    background:
        rgba(10, 164, 183, .10);

    color: #0798ab;

    font-size: 32px;
}


/* =========================================================
   UPLOAD CONTENT
========================================================= */

.irc-gallery-upload-content {

    position: relative;

    z-index: 2;
}


.irc-gallery-upload-kicker {

    color: #f2c400;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 2px;
}


.irc-gallery-upload-content h3 {

    margin: 7px 0 8px;

    color: #092f47;

    font-size: 27px;

    font-weight: 700;
}


.irc-gallery-upload-content p {

    max-width: 580px;

    margin: 0;

    color: #60788a;

    font-size: 13px;

    line-height: 1.7;
}


/* =========================================================
   UPLOAD ACTION
========================================================= */

.irc-gallery-upload-action {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 8px;
}


.irc-gallery-upload-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-width: 205px;

    padding: 14px 22px;

    border-radius: 8px;

    background: #0aa4b7;

    color: #fff;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

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


.irc-gallery-upload-btn:hover {

    background: #087f91;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px
        rgba(10, 164, 183, .22);
}


.irc-gallery-upload-action small {

    color: #718492;

    font-size: 9px;
}


/* =========================================================
   LIGHTBOX
========================================================= */

.irc-gallery-lightbox {

    position: fixed;

    inset: 0;

    z-index: 9999;

    display: none;

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

    padding: 40px;

    background:
        rgba(2, 18, 30, .94);
}


.irc-gallery-lightbox.active {

    display: flex;
}


.irc-gallery-lightbox img {

    max-width: 90vw;
    max-height: 85vh;

    object-fit: contain;

    border-radius: 10px;

    box-shadow:
        0 30px 80px
        rgba(0, 0, 0, .4);
}


/* =========================================================
   LIGHTBOX BUTTONS
========================================================= */

.irc-gallery-lightbox button {

    position: absolute;

    width: 48px;
    height: 48px;

    display: flex;

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

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

    border-radius: 50%;

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

    color: #fff;

    cursor: pointer;

    transition:
        background .3s ease;
}


.irc-gallery-lightbox button:hover {

    background: #0aa4b7;
}


.irc-gallery-lightbox-close {

    top: 25px;
    right: 25px;
}


.irc-gallery-lightbox-prev {

    left: 25px;
}


.irc-gallery-lightbox-next {

    right: 25px;
}


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

@media (max-width: 1100px) {

    .irc-gallery-grid {

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

        grid-auto-rows: 230px;
    }

    .irc-gallery-large {

        grid-column: span 2;
    }

    .irc-gallery-upload {

        grid-template-columns:
            auto 1fr;
    }

    .irc-gallery-upload-action {

        grid-column: 1 / -1;

        justify-self: center;

        margin-top: 5px;
    }
}


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

@media (max-width: 768px) {

    .irc-gallery-section {

        padding: 10px 0;
    }

    .irc-gallery-container {

        width:
            min(
                100% - 28px,
                600px
            );
    }

    .irc-gallery-header {

        margin-bottom: 35px;
    }

    .irc-gallery-header h2 {

        font-size: 44px;
    }

    .irc-gallery-header p {

        font-size: 13px;
    }


    .irc-gallery-grid {

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

        grid-auto-rows: 190px;

        gap: 10px;
    }


    .irc-gallery-large {

        grid-column: span 2;
    }


    .irc-gallery-item {

        border-radius: 12px;
    }


    .irc-gallery-overlay {

        padding: 30px 12px 12px;
    }


    .irc-gallery-overlay h3 {

        font-size: 13px;
    }


    .irc-gallery-upload {

        grid-template-columns: 1fr;

        text-align: center;

        padding: 30px 20px;

        gap: 18px;
    }


    .irc-gallery-upload-icon {

        margin: 0 auto;
    }


    .irc-gallery-upload-content p {

        margin: auto;
    }


    .irc-gallery-upload-action {

        grid-column: auto;

        margin: 0 auto;
    }

}


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

@media (max-width: 480px) {

    .irc-gallery-grid {

        grid-template-columns: 1fr;

        grid-auto-rows: 230px;
    }

    .irc-gallery-large {

        grid-column: span 1;
    }

    .irc-gallery-header h2 {

        font-size: 38px;
    }

    .irc-gallery-upload-content h3 {

        font-size: 23px;
    }

}

/* =========================================================
   IRC CONFERENCE REPORT PAGE
========================================================= */

.irc-report-page {

    --report-navy: #073452;
    --report-navy-dark: #04283f;
    --report-teal: #0aa4b7;
    --report-teal-dark: #087f91;
    --report-yellow: #f2c400;
    --report-text: #536f82;
    --report-light: #f5f9fa;
    --report-border: #dce7eb;

    min-height: 100vh;

    background:
        linear-gradient(
            180deg,
            #f7fafb 0%,
            #ffffff 35%,
            #f5f9fa 100%
        );

    color: var(--report-text);

    padding-bottom: 80px;
}


/* =========================================================
   HERO
========================================================= */

.irc-report-hero {

    position: relative;

    overflow: hidden;

    padding: 90px 20px 135px;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(10,164,183,.25),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(242,196,0,.16),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #04283f,
            #073e5c 55%,
            #07566a
        );
}


/* decorative circles */

.irc-report-hero::before {

    content: "";

    position: absolute;

    width: 430px;
    height: 430px;

    top: -260px;
    right: -100px;

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

    border-radius: 50%;
}


.irc-report-hero::after {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    left: -180px;
    bottom: -220px;

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

    border-radius: 50%;
}


.irc-report-hero-inner {

    position: relative;

    z-index: 2;

    width: min(
        1050px,
        calc(100% - 30px)
    );

    margin: 0 auto;

    text-align: center;
}


.irc-report-label {

    display: inline-block;

    margin-bottom: 18px;

    padding: 7px 14px;

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

    border-radius: 30px;

    color: #9ee9ed;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 3px;
}


.irc-report-hero h1 {

    margin: 0;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(44px, 7vw, 82px);

    line-height: 1;

    font-weight: 700;
}


.irc-report-hero h1 span {

    color: var(--report-teal);

}


.irc-report-hero p {

    margin: 18px 0 25px;

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

    font-size: 17px;
}


.irc-report-meta {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 10px;
}


.irc-report-meta span {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 9px 14px;

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

    border-radius: 30px;

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

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

    font-size: 11px;
}


.irc-report-meta i {

    color: var(--report-yellow);
}


/* =========================================================
   CONTAINER
========================================================= */

.irc-report-container {

    position: relative;

    z-index: 5;

    width: min(
        1050px,
        calc(100% - 30px)
    );

    margin: -75px auto 0;
}


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

.irc-report-card {

    position: relative;

    margin-bottom: 24px;

    padding: 38px 42px;

    border: 1px solid
        rgba(7,52,82,.07);

    border-radius: 22px;

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

    box-shadow:
        0 18px 55px
        rgba(7,52,82,.08);
}


/* =========================================================
   SECTION HEADING
========================================================= */

.irc-report-heading {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-bottom: 27px;
}


.irc-report-section-number {

    display: flex;

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

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 12px;

    background:
        rgba(10,164,183,.09);

    color: var(--report-teal);

    font-size: 11px;

    font-weight: 800;
}


.irc-report-small-title {

    display: block;

    margin-bottom: 4px;

    color: var(--report-teal);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 2px;
}


.irc-report-heading h2 {

    margin: 0;

    color: var(--report-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;

    line-height: 1.15;
}


/* =========================================================
   EVENT INFO
========================================================= */

.irc-report-event-info {

    display: flex;

    flex-wrap: wrap;

    gap: 8px 15px;

    margin-bottom: 25px;

    padding: 15px 18px;

    border-left: 3px solid
        var(--report-yellow);

    background: #f7fafb;
}


.irc-report-event-info span,
.irc-report-event-info strong {

    font-size: 12px;
}


.irc-report-event-info strong {

    color: var(--report-navy);
}


.irc-report-event-info span {

    color: var(--report-text);
}


.irc-report-intro {

    margin: 0;

    color: var(--report-text);

    font-size: 14px;

    line-height: 1.85;
}


/* =========================================================
   HIGHLIGHTS
========================================================= */

.irc-report-highlight-grid {

    display: grid;

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

    gap: 18px;
}


.irc-report-highlight {

    padding: 25px;

    border: 1px solid
        var(--report-border);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f7fafb
        );
}


.irc-report-highlight-wide {

    grid-column: 1 / -1;
}


.irc-report-highlight-icon {

    display: flex;

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

    width: 42px;
    height: 42px;

    margin-bottom: 15px;

    border-radius: 12px;

    background:
        rgba(10,164,183,.09);

    color: var(--report-teal);
}


.irc-report-highlight h3 {

    margin: 0 0 13px;

    color: var(--report-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
}


.irc-report-highlight p {

    margin: 0;

    font-size: 13px;

    line-height: 1.75;
}


.irc-report-highlight ul {

    margin: 0;

    padding-left: 18px;
}


.irc-report-highlight li {

    margin-bottom: 8px;

    color: var(--report-text);

    font-size: 13px;

    line-height: 1.6;
}


.irc-report-highlight li:last-child {

    margin-bottom: 0;
}


/* =========================================================
   IMPACT
========================================================= */

.irc-report-impact {

    display: grid;

    grid-template-columns: 65px 1fr;

    align-items: center;

    gap: 22px;

    padding: 25px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #edfafd,
            #ffffff
        );
}


.irc-report-impact-icon {

    width: 65px;
    height: 65px;

    display: flex;

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

    border-radius: 18px;

    background:
        var(--report-teal);

    color: white;

    font-size: 23px;
}


.irc-report-impact p {

    margin: 0;

    color: var(--report-text);

    font-size: 14px;

    line-height: 1.85;
}


/* =========================================================
   SCIENTIFIC COMMITTEE
========================================================= */

.irc-report-people-grid {

    display: grid;

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

    gap: 10px;
}


.irc-report-people-grid > div {

    position: relative;

    padding: 14px 15px 14px 45px;

    border-radius: 10px;

    background: #f6f9fa;

    color: var(--report-navy);

    font-size: 12px;

    font-weight: 600;
}


.irc-person-number {

    position: absolute;

    left: 15px;
    top: 15px;

    color: var(--report-teal);

    font-size: 9px;

    font-weight: 800;
}


.irc-report-people-grid small {

    display: block;

    margin-top: 4px;

    color: var(--report-text);

    font-size: 10px;

    line-height: 1.5;

    font-weight: 400;
}


/* =========================================================
   ORGANIZING COMMITTEE
========================================================= */

.irc-report-organizing-grid {

    display: grid;

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

    gap: 10px;
}


.irc-report-organizing-grid > div {

    display: flex;

    flex-direction: column;

    padding: 15px 17px;

    border-left: 3px solid
        rgba(10,164,183,.35);

    border-radius: 0 10px 10px 0;

    background: #f7fafb;
}


.irc-report-organizing-grid strong {

    margin-bottom: 4px;

    color: var(--report-navy);

    font-size: 12px;
}


.irc-report-organizing-grid span {

    color: var(--report-text);

    font-size: 10px;

    line-height: 1.5;
}


/* =========================================================
   COUNTRIES
========================================================= */

.irc-country-list {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;
}


.irc-country-list span {

    padding: 8px 12px;

    border: 1px solid
        var(--report-border);

    border-radius: 30px;

    background: #f8fbfc;

    color: var(--report-text);

    font-size: 10px;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease;
}


.irc-country-list span:hover {

    border-color: var(--report-teal);

    background:
        rgba(10,164,183,.08);

    color: var(--report-teal-dark);
}


/* =========================================================
   FOOTER
========================================================= */

.irc-report-footer {

    display: flex;

    align-items: center;

    gap: 13px;

    margin: 45px 0 0;

    color: var(--report-text);
}


.irc-report-footer > span {

    flex: 1;

    height: 1px;

    background: var(--report-border);
}


.irc-report-footer i {

    color: var(--report-teal);

    font-size: 15px;
}


.irc-report-footer strong {

    color: var(--report-navy);

    font-size: 10px;

    letter-spacing: 1.5px;
}


.irc-report-footer small {

    color: #80919d;

    font-size: 9px;
}


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

@media (max-width: 768px) {

    .irc-report-hero {

        padding:
            70px 15px
            120px;
    }


    .irc-report-container {

        width:
            calc(100% - 22px);

        margin-top: -65px;
    }


    .irc-report-card {

        padding: 28px 22px;

        border-radius: 17px;
    }


    .irc-report-heading h2 {

        font-size: 26px;
    }


    .irc-report-highlight-grid,
    .irc-report-people-grid,
    .irc-report-organizing-grid {

        grid-template-columns: 1fr;
    }


    .irc-report-highlight-wide {

        grid-column: auto;
    }


    .irc-report-impact {

        grid-template-columns: 1fr;

        text-align: center;
    }


    .irc-report-impact-icon {

        margin: 0 auto;
    }


    .irc-report-footer {

        flex-wrap: wrap;

        justify-content: center;
    }


    .irc-report-footer > span {

        display: none;
    }

}


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

@media (max-width: 480px) {

    .irc-report-hero {

        padding:
            55px 12px
            110px;
    }


    .irc-report-hero h1 {

        font-size: 45px;
    }


    .irc-report-hero p {

        font-size: 14px;

        line-height: 1.5;
    }


    .irc-report-meta {

        flex-direction: column;

        align-items: center;
    }


    .irc-report-card {

        padding: 23px 17px;
    }


    .irc-report-heading {

        gap: 12px;
    }


    .irc-report-section-number {

        width: 36px;
        height: 36px;

        flex-basis: 36px;
    }


    .irc-report-heading h2 {

        font-size: 23px;
    }


    .irc-report-intro,
    .irc-report-impact p {

        font-size: 13px;
    }


    .irc-report-event-info {

        flex-direction: column;

        gap: 5px;
    }


    .irc-report-highlight {

        padding: 19px;
    }


    .irc-report-highlight li {

        font-size: 12px;
    }

}

/* =========================================================
   IRC CONTACT SECTION
========================================================= */

.irc-contact-section {

    position: relative;

    overflow: hidden;

    padding: 20px 0 20px;

    background:
        linear-gradient(
            180deg,
            #f8fafb 0%,
            #ffffff 48%,
            #f5f9fa 100%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.irc-contact-container {

    width:
        min(
            1180px,
            calc(100% - 40px)
        );

    margin: 0 auto;

}


/* =========================================================
   HEADER
========================================================= */

.irc-contact-header {

    max-width: 850px;

    margin:
        0 auto 65px;

    text-align: center;

}


.irc-contact-kicker {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-bottom: 20px;

    color:
        var(--irc-teal-dark, #087f91);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 3px;

}


.irc-contact-kicker span {

    width: 38px;

    height: 1px;

    background:
        var(--irc-teal, #0aa4b7);

}


.irc-contact-header h2 {

    margin: 0;

    color:
        var(--irc-navy, #073452);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            42px,
            6vw,
            70px
        );

    font-weight: 400;

    line-height: 1.05;

    letter-spacing: -2px;

}


.irc-contact-header h2 span {

    display: block;

    color:
        var(--irc-teal-dark, #087f91);

}


.irc-contact-header p {

    max-width: 700px;

    margin:
        22px auto 0;

    color:
        var(--irc-text-soft, #607889);

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.irc-contact-layout {

    display: grid;

    grid-template-columns:
        1.35fr
        .65fr;

    gap: 25px;

    align-items: stretch;

}


/* =========================================================
   MAP CARD
========================================================= */

.irc-contact-map-card {

    overflow: hidden;

    border:
        1px solid
        rgba(7,52,82,.08);

    border-radius: 25px;

    background: #ffffff;

    box-shadow:
        0 25px 70px
        rgba(7,52,82,.09);

}


/* =========================================================
   MAP HEADER
========================================================= */

.irc-contact-map-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding:
        27px 30px;

}


.irc-contact-small-label {

    display: block;

    margin-bottom: 6px;

    color:
        var(--irc-teal-dark, #087f91);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 2.5px;

}


.irc-contact-map-top h3 {

    margin: 0;

    color:
        var(--irc-navy, #073452);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;

    font-weight: 400;

}


.irc-contact-map-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;

    height: 48px;

    border-radius: 50%;

    background:
        rgba(10,164,183,.09);

    color:
        var(--irc-teal, #0aa4b7);

    font-size: 17px;

}


/* =========================================================
   MAP
========================================================= */

.irc-contact-map {

    position: relative;

    height: 520px;

    overflow: hidden;

}


.irc-contact-map iframe {

    display: block;

    width: 100%;

    height: 100%;

    border: 0;

}


/* =========================================================
   DETAILS
========================================================= */

.irc-contact-details {

    display: flex;

    flex-direction: column;

    gap: 15px;

}


/* =========================================================
   DETAIL CARD
========================================================= */

.irc-contact-detail-card {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    flex: 1;

    padding: 25px;

    border:
        1px solid
        rgba(7,52,82,.07);

    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 15px 45px
        rgba(7,52,82,.06);

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

}


.irc-contact-detail-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 20px 55px
        rgba(7,52,82,.10);

}


/* =========================================================
   DETAIL ICON
========================================================= */

.irc-contact-detail-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;

    height: 48px;

    flex:
        0 0 48px;

    border:
        1px solid
        rgba(10,164,183,.15);

    border-radius: 14px;

    background:
        rgba(10,164,183,.07);

    color:
        var(--irc-teal, #0aa4b7);

    font-size: 17px;

}


.irc-contact-detail-content span {

    display: block;

    margin-bottom: 5px;

    color:
        var(--irc-teal-dark, #087f91);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 2px;

}


.irc-contact-detail-content h3 {

    margin:
        0 0 8px;

    color:
        var(--irc-navy, #073452);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    font-weight: 400;

}


.irc-contact-detail-content p {

    margin: 0;

    color:
        var(--irc-text-soft, #607889);

    font-size: 11px;

    line-height: 1.7;

}


.irc-contact-detail-content a {

    color:
        var(--irc-text-soft, #607889);

    font-size: 11px;

    text-decoration: none;

    transition:
        color .25s ease;

    word-break: break-word;

}


.irc-contact-detail-content a:hover {

    color:
        var(--irc-teal, #0aa4b7);

}


/* =========================================================
   MESSAGE CARD
========================================================= */

.irc-contact-message-card {

    position: relative;

    display: flex;

    align-items: center;

    gap: 15px;

    min-height: 120px;

    overflow: hidden;

    padding: 24px;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #062c46,
            #07596a
        );

    box-shadow:
        0 20px 55px
        rgba(7,52,82,.14);

}


/* decorative circle */

.irc-contact-message-card::before {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    right: -90px;

    top: -90px;

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

    border-radius: 50%;

}


.irc-contact-message-line {

    width: 3px;

    height: 55px;

    flex:
        0 0 3px;

    background:
        var(--irc-yellow, #f2c400);

}


.irc-contact-message-card span {

    display: block;

    margin-bottom: 5px;

    color:
        #8de1e4;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 2px;

}


.irc-contact-message-card h3 {

    max-width: 300px;

    margin: 0;

    color: #ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;

    font-weight: 400;

    line-height: 1.35;

}


.irc-contact-message-card > i {

    position: relative;

    z-index: 2;

    margin-left: auto;

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

    font-size: 14px;

}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.irc-contact-bottom-strip {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-top: 40px;

    color:
        rgba(7,52,82,.35);

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 2.5px;

}


.irc-contact-bottom-strip span {

    flex: 1;

    height: 1px;

    background:
        rgba(7,52,82,.10);

}


.irc-contact-bottom-strip i {

    color:
        var(--irc-yellow, #f2c400);

    font-size: 9px;

}


.irc-contact-bottom-strip strong {

    color:
        var(--irc-teal-dark, #087f91);

    font-size: 8px;

}


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

@media (max-width: 950px) {

    .irc-contact-layout {

        grid-template-columns: 1fr;

    }


    .irc-contact-map {

        height: 420px;

    }


    .irc-contact-details {

        display: grid;

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

    }


    .irc-contact-message-card {

        grid-column:
            1 / -1;

    }

}


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

@media (max-width: 600px) {

    .irc-contact-section {

        padding:
            70px 0 55px;

    }


    .irc-contact-container {

        width:
            calc(100% - 24px);

    }


    .irc-contact-header {

        margin-bottom: 40px;

    }


    .irc-contact-header h2 {

        font-size: 43px;

        letter-spacing: -1px;

    }


    .irc-contact-header p {

        font-size: 12px;

    }


    .irc-contact-layout {

        gap: 18px;

    }


    .irc-contact-map-top {

        padding:
            22px;

    }


    .irc-contact-map-top h3 {

        font-size: 26px;

    }


    .irc-contact-map {

        height: 320px;

    }


    .irc-contact-details {

        display: flex;

    }


    .irc-contact-detail-card {

        padding: 21px;

    }


    .irc-contact-message-card {

        min-height: 110px;

        padding: 21px;

    }


    .irc-contact-message-card h3 {

        font-size: 17px;

    }


    .irc-contact-bottom-strip {

        gap: 8px;

        font-size: 7px;

        letter-spacing: 1.5px;

    }

}