.elementor-1276 .elementor-element.elementor-element-6d91f5a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1276 .elementor-element.elementor-element-887afd5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a4e03de *//* =====================================================
   RESEARCH HERO - RESOURCES HERO
===================================================== */

.rh-resources-hero,
.rh-resources-hero *{
    box-sizing:border-box;
}


.rh-resources-hero{
    position:relative;

    min-height:680px;

    display:flex;
    align-items:center;

    overflow:hidden;

    padding:
        175px
        30px
        100px;

    background:
        linear-gradient(
            125deg,
            #0e3157 0%,
            #123f61 42%,
            #118f70 100%
        );

    color:#ffffff;
}


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

.rh-resources-hero__container{
    position:relative;

    width:100%;
    max-width:1200px;

    margin:0 auto;

    z-index:3;
}


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

.rh-resources-hero__content{
    width:100%;
    max-width:820px;
}


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

.rh-resources-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:22px;

    padding:8px 14px;

    border:1px solid rgba(255,255,255,0.18);
    border-radius:999px;

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

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

    color:rgba(255,255,255,0.92);

    font-size:13px;
    font-weight:600;
    letter-spacing:1.4px;
    text-transform:uppercase;
}


.rh-resources-hero__eyebrow-dot{
    width:8px;
    height:8px;

    border-radius:50%;

    background:#2ed3a0;

    box-shadow:
        0 0 0 5px rgba(46,211,160,0.13);
}


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

.rh-resources-hero__title{
    max-width:850px;

    margin:0;

    font-size:clamp(46px, 5vw, 76px);

    font-weight:700;

    line-height:1.04;

    letter-spacing:-2.5px;

    color:#ffffff !important;
}


.rh-resources-hero__title span{
    display:block;

    margin-top:8px;

    color:#7ce8c6;
}


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

.rh-resources-hero__description{
    max-width:720px;

    margin:
        28px
        0
        0;

    color:rgba(255,255,255,0.82);

    font-size:18px;
    font-weight:400;

    line-height:1.75;
}


/* =====================================================
   ACTION BUTTONS
===================================================== */

.rh-resources-hero__actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:14px;

    margin-top:36px;
}


.rh-resources-hero__btn{
    min-height:52px;

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

    gap:10px;

    padding:13px 24px;

    border-radius:999px;

    font-size:15px;
    font-weight:600;

    line-height:1;

    text-decoration:none;

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


/* Primary */

.rh-resources-hero__btn--primary{
    background:#ffffff;

    color:#12375a;

    border:1px solid #ffffff;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.12);
}


.rh-resources-hero__btn--primary:hover{
    transform:translateY(-3px);

    background:#f5fffb;

    box-shadow:
        0 15px 35px rgba(0,0,0,0.16);
}


.rh-resources-hero__btn-arrow{
    font-size:20px;

    transition:transform 0.3s ease;
}


.rh-resources-hero__btn--primary:hover
.rh-resources-hero__btn-arrow{
    transform:translateX(4px);
}


/* Secondary */

.rh-resources-hero__btn--secondary{
    color:#ffffff !important;

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

    border:1px solid rgba(255,255,255,0.28);

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


.rh-resources-hero__btn--secondary:hover{
    transform:translateY(-3px);

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

    border-color:rgba(255,255,255,0.5);
}


/* =====================================================
   TOPICS
===================================================== */

.rh-resources-hero__topics{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:10px;

    margin-top:38px;
}


.rh-resources-hero__topics span{
    position:relative;

    padding-left:17px;

    color:rgba(255,255,255,0.66);

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


.rh-resources-hero__topics span::before{
    content:"";

    position:absolute;

    top:50%;
    left:0;

    width:5px;
    height:5px;

    transform:translateY(-50%);

    border-radius:50%;

    background:#42d6a7;
}


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

.rh-resources-hero__background{
    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

    z-index:1;
}


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

.rh-resources-hero__glow{
    position:absolute;

    border-radius:50%;

    filter:blur(15px);
}


.rh-resources-hero__glow--one{
    width:540px;
    height:540px;

    top:-240px;
    right:-80px;

    background:
        radial-gradient(
            circle,
            rgba(77,224,178,0.3),
            rgba(77,224,178,0)
        );
}


.rh-resources-hero__glow--two{
    width:520px;
    height:520px;

    bottom:-330px;
    left:27%;

    background:
        radial-gradient(
            circle,
            rgba(29,183,135,0.23),
            rgba(29,183,135,0)
        );
}


/* =====================================================
   RESEARCH NETWORK
===================================================== */

.rh-resources-hero__network{
    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    opacity:0.42;
}


.rh-resources-hero__flow{
    fill:none;

    stroke:rgba(255,255,255,0.18);

    stroke-width:1.3;
}


.rh-resources-hero__flow--secondary{
    stroke:rgba(80,235,188,0.17);
}


.rh-resources-hero__node{
    fill:#62e3bc;

    opacity:0.55;
}


/* =====================================================
   SUBTLE GRID
===================================================== */

.rh-resources-hero::before{
    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,0.026) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,0.026) 1px,
            transparent 1px
        );

    background-size:55px 55px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            rgba(0,0,0,0.8)
        );

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent,
            rgba(0,0,0,0.8)
        );

    pointer-events:none;

    z-index:2;
}


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

@media(max-width:992px){

    .rh-resources-hero{
        min-height:650px;

        padding:
            155px
            28px
            85px;
    }


    .rh-resources-hero__content{
        max-width:720px;
    }


    .rh-resources-hero__title{
        letter-spacing:-1.8px;
    }

}


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

@media(max-width:767px){

    .rh-resources-hero{
        min-height:auto;

        padding:
            135px
            20px
            70px;
    }


    .rh-resources-hero__eyebrow{
        margin-bottom:18px;

        font-size:11px;

        letter-spacing:1.1px;
    }


    .rh-resources-hero__title{
        font-size:42px;

        line-height:1.08;

        letter-spacing:-1.5px;
    }


    .rh-resources-hero__description{
        margin-top:22px;

        font-size:16px;

        line-height:1.7;
    }


    .rh-resources-hero__actions{
        align-items:stretch;

        flex-direction:column;

        margin-top:30px;
    }


    .rh-resources-hero__btn{
        width:100%;
    }


    .rh-resources-hero__topics{
        gap:10px 15px;

        margin-top:30px;
    }

}


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

@media(max-width:480px){

    .rh-resources-hero{
        padding:
            125px
            18px
            60px;
    }


    .rh-resources-hero__title{
        font-size:37px;
    }


    .rh-resources-hero__topics{
        flex-direction:column;

        align-items:flex-start;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4258d94 *//* =====================================================
   RESEARCH HERO - RESOURCE LIBRARY
===================================================== */

.rh-resource-library,
.rh-resource-library *{
    box-sizing:border-box;
}


.rh-resource-library{
    position:relative;
    width:100%;
    background:#ffffff;
}


/* =====================================================
   FILTER RIBBON AREA
===================================================== */

.rh-resource-ribbon-wrap{
    position:relative;
    z-index:5;

    width:100%;

    display:flex;
    justify-content:center;

    padding:0 20px;

    background:#ffffff;
}


/* =====================================================
   RIBBON
===================================================== */

.rh-resource-ribbon{
    position:relative;

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

    gap:6px;

    width:max-content;
    max-width:100%;

    margin-top:-29px;

    padding:9px 12px;

    background:#ffffff;

    border:1px solid rgba(21,50,90,0.10);
    border-radius:999px;

    box-shadow:
        0 14px 40px rgba(15,46,75,0.10),
        0 3px 10px rgba(15,46,75,0.05);
}


/* =====================================================
   FILTER BUTTONS
===================================================== */

.rh-resource-filter{
    position:relative;

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

    min-height:42px;

    padding:10px 20px;

    border:0;
    border-radius:999px;

    background:transparent;

    color:#52677b;

    font-family:inherit;
    font-size:14px;
    font-weight:500;

    white-space:nowrap;

    cursor:pointer;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


.rh-resource-filter:hover{
    color:#109267;

    background:rgba(16,146,103,0.07);
}


/* Active Category */

.rh-resource-filter.active{
    color:#ffffff;

    background:#109267;

    box-shadow:
        0 7px 18px rgba(16,146,103,0.20);
}


.rh-resource-filter.active:hover{
    color:#ffffff;

    background:#109267;
}


/* =====================================================
   DIVIDERS
===================================================== */

.rh-resource-divider{
    width:1px;
    height:20px;

    flex:0 0 1px;

    background:#e4e9ed;
}


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

.rh-resource-content{
    position:relative;

    min-height:390px;

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

    padding:80px 30px;

    background:#ffffff;
}


/* =====================================================
   UPDATING SOON
===================================================== */

.rh-resource-coming-soon{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:18px;

    width:100%;
    max-width:500px;
}


.rh-resource-coming-soon p{
    margin:0;

    color:#c6ccd2;

    font-size:17px;
    font-weight:500;

    letter-spacing:0.8px;

    white-space:nowrap;
}


.rh-resource-coming-soon__line{
    width:65px;
    height:1px;

    background:#e8ebee;
}


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

@media(max-width:800px){

    .rh-resource-ribbon{
        overflow-x:auto;
        justify-content:flex-start;

        width:100%;

        padding:9px;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }


    .rh-resource-ribbon::-webkit-scrollbar{
        display:none;
    }


    .rh-resource-filter{
        flex:0 0 auto;

        padding:10px 17px;
    }


    .rh-resource-divider{
        flex:0 0 1px;
    }

}


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

@media(max-width:600px){

    .rh-resource-ribbon-wrap{
        padding:0 14px;
    }


    .rh-resource-ribbon{
        margin-top:-24px;

        border-radius:22px;
    }


    .rh-resource-filter{
        min-height:39px;

        padding:9px 15px;

        font-size:13px;
    }


    .rh-resource-content{
        min-height:330px;

        padding:70px 20px;
    }


    .rh-resource-coming-soon{
        gap:12px;
    }


    .rh-resource-coming-soon p{
        font-size:15px;
    }


    .rh-resource-coming-soon__line{
        width:35px;
    }

}/* End custom CSS */