/* ==========================================
   VARIABLES
========================================== */

:root {

    --ac-primary: #0F4C81;
    --ac-primary-dark: #08365d;
    --ac-secondary: #E9F3FF;
    --ac-white: #ffffff;
    --ac-black: #222222;

    --ac-text: #303030;
    --ac-text-light: #666666;
    --ac-border: #D7DCE2;

    --ac-red: #E75A5A;
    --ac-blue: #CFE7FF;

    --ac-radius-sm:8px;
    --ac-radius-md:12px;
    --ac-radius-lg:18px;
    --ac-radius-xl:28px;

    --ac-shadow:
        0 12px 40px rgba(0,0,0,.08);

    --transition:.3s ease;

}


/* ==========================================
RESET
========================================== */
main.site-main.aclif-listing-page{
	max-width: 100% !important;
	overflow: hidden;
}
.ac-wrap *{

    margin:0;
    padding:0;
    box-sizing:border-box;
	font-family: 'Noto Sans';

}

.ac-wrap{

    color:var(--ac-text);
    font-family:inherit;

}

.ac-wrap img{

    max-width:100%;
    display:block;

}

.ac-wrap a{

    text-decoration:none;
    transition:var(--transition);

}

.ac-wrap button{

    border:none;
    cursor:pointer;
    transition:var(--transition);
    font-family:inherit;

}

.ac-wrap input,
.ac-wrap select{

    font-family:inherit;

}

.ac-page-wrapper{

    width:100%;
    max-width:1440px;
    margin:0 auto;
/* 	padding: 56px 48px 30px; */

}


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

/* 
.ac-resource-hero{
    padding:56px 0 48px;
	background:rgb(244, 243, 235);

} */

/* .ac-information-section{

    padding:56px 48px;

} */

.content-sort-filter{

    padding:56px 48px;

}

.search-results-content{
    padding-bottom:100px;
}


/* ==========================================
TYPOGRAPHY
========================================== */

/* .ac-resource-eyebrow,
.ac-membership-title,
.ac-language-heading,
.ac-information-label,
.ac-results-label{

    font-size:13px;
    letter-spacing:2px;
    font-weight:700;
    text-transform:uppercase;
    color:var(--ac-primary);

}

.ac-wrap h1{

    font-size:56px;
    line-height:1.1;
    font-weight:700;
    color:#1E2B38;
    margin:20px 0;

}

.ac-wrap h2{

    font-size:42px;
    line-height:1.2;
    font-weight:700;
    color:#1E2B38;

}

.ac-wrap h3{

    font-size:28px;
    line-height:1.3;
    font-weight:700;
    color:#1E2B38;

}

.ac-wrap p{

    font-size:18px;
    line-height:1.8;
    color:#5F6975;

} */


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

.ac-btn-search{

    background:var(--ac-primary);
    color:#fff;
    border-radius:50px;
    height:58px;
    padding:0 36px;
    font-size:17px;
    font-weight:600;

}

.ac-btn-search:hover{

    background:var(--ac-primary-dark);

}

.ac-information-button{

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

    height:52px;
    padding:0 26px;

    border-radius:40px;

    background:var(--ac-primary);

    color:#fff;

    font-weight:600;

}

.ac-information-button:hover{

    background:var(--ac-primary-dark);

}

.ac-btn-view-more{

    min-width:190px;
    height:58px;
    border-radius:40px;

    background:var(--ac-primary);

    color:#fff;

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

}

.ac-btn-view-more:hover{

    background:var(--ac-primary-dark);

}


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

.ac-information-card{

    background:#fff;
    border-radius:24px;
    box-shadow:var(--ac-shadow);

}

.ac-information-card{

    padding:40px;

}


/* ==========================================
PILLS
========================================== */

.ac-membership-pill,
.ac-pill,
.ac-type-tab{

    transition:var(--transition);

}

.ac-membership-pill{

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

    padding:12px 20px;

    border-radius:40px;

    background:#F5F8FC;

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

}

.ac-membership-pill:hover{

    background:#EAF3FC;

}

.ac-pill{

    border-radius:50px;

    padding:12px 20px;

    border:1px solid var(--ac-border);

    background:#fff;

    font-size:15px;
    font-weight:600;
	position: relative !important;

}

.ac-pill.active{

    background:var(--ac-primary);
    color:#fff;
    border-color:var(--ac-primary);

}

.ac-type-tab{

    height:46px;

    padding:0 24px;

    border-radius:30px;

    background:#F4F6F8;

    color:#4A5562;

    font-weight:600;

}

.ac-type-tab.active{

    background:var(--ac-primary);

    color:#fff;

}
.ac-pill::after,
.ac-pill::before{
	display: none !important;
	content: none !important;
}

/* Voice info icon — shows selected voice description on hover */
.ac-voice-info{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: help;
	flex-shrink: 0;
	line-height: 0;
}

.ac-voice-info::after{
	content: attr(data-tooltip);
	position: absolute;
	bottom: calc(100% + 10px);
	left: 50%;
	transform: translateX(-50%);
	width: 260px;
	max-width: min(260px, 70vw);
	padding: 10px 12px;
	background: #7A7A7A;
	color: #fff;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 500;
	white-space: normal;
	line-height: 1.35;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: .25s;
	z-index: 999;
}

.ac-voice-info::before{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-top-color: #7A7A7A;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: .25s;
	z-index: 999;
}

.ac-voice-info.has-tooltip:hover::after,
.ac-voice-info.has-tooltip:focus::after,
.ac-voice-info.has-tooltip:hover::before,
.ac-voice-info.has-tooltip:focus::before{
	opacity: 1;
	visibility: visible;
}

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

.ac-hero{
    overflow: hidden;
	background: rgb(244, 243, 235);
	background:rgb(244, 243, 235);
	padding: 56px 48px 30px;
}

.ac-hero-inner{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:60px;
	
}

.ac-hero-content{
    flex:1;
    max-width:900px;
}

.ac-hero-tag{
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgb(0, 121, 158);
    margin-bottom: 14px;
}
.ac-hero-content h1{
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: 44px;
    line-height: 1.08;
    letter-spacing: -0.025em;
    margin: 14px 0px 14px;
}

.ac-hero-content p{
    font-size: 18px;
    line-height: 1.55;
    color: rgb(95, 88, 80);
    margin: 0px;
    max-width: 600px;
}

.ac-language-label{
	font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(119, 111, 101);
}

.ac-language-card{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ac-language-title{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(119, 111, 101);
}

.ac-language-switch{
    display: flex;
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(58, 57, 56, 0.15);
    border-radius: 999px;
    padding: 4px;
}

.ac-language-switch button{
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    cursor: pointer;
    border-radius: 999px;
    padding: 7px 16px;
    color: rgb(58, 57, 56);
    background: transparent;
}

.ac-language-switch button.active{
font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    cursor: pointer;
    border-radius: 999px;
    padding: 7px 16px;
    color: rgb(255, 255, 255);
    background: rgb(0, 152, 199);
}

p.ac-language-note{
    font-size: 12px;
    color: rgb(144, 142, 136);
}


/* ==========================================================
   MEMBERSHIP
========================================================== */

.ac-membership{
	padding-top:56px;
	    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ac-membership-title{
font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgb(119, 111, 101);
    margin-right: 2px;
}

.ac-membership-list{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}
.membership-free, .membership-ally, .membership-advocate, .membership-champion, .membership-ngo{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
    font-size: 13.5px;
    color: rgb(58, 57, 56);
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(58, 57, 56, 0.15);
    border-radius: 999px;
    padding: 7px 15px;
    text-decoration: none;
}
.membership-free .strong, .membership-ally .strong, .membership-advocate .strong, .membership-champion .strong, .membership-ngo .strong{
	font-weight: 700;
}
.membership-free .voice, .membership-ally .voice, .membership-advocate .voice, .membership-champion .voice, .membership-ngo .voice{
	font-weight: 600;
}
.membership-free .free{
	color: rgb(0, 121, 158);
}
.membership-ally .voice, .membership-acvocate .voice{
	color: rgb(119, 111, 101);
}
.membership-champion, .membership-champion:hover{
    color: rgb(255, 255, 255);
    background: rgb(240, 0, 24);
    border: 1.5px solid rgb(240, 0, 24);
}
.membership-ngo, .membership-ngo:hover{
    color: rgb(0, 121, 158);
    background: rgb(214, 238, 247);
    border: 1.5px solid rgba(0, 121, 158, 0.25);
}
.ac-membership-pill{
    min-height:46px;
}

.ac-membership-red{
    background:#FDE8E8;
    color:#C0392B;
}

.ac-membership-blue{
    background:#E8F3FF;
    color:#0F4C81;
}


/* ==========================================================
   SEARCH
========================================================== */

.ac-search-section{
	padding: 44px 48px 0px;
}
.ac-search-heading{
	text-align: center;
}
.ac-search-header{
    margin-bottom:36px;
}

.ac-search-heading h2{
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.02em;
    margin: 0px 0px 22px;
}
.ac-search-field-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 26px;
}
/* .ac-search-box{
    background:#F7F9FC;
    padding:32px;
    border-radius:24px;
    border:1px solid #E8EDF3;
} */

.ac-search-label{
    font-size: 15px;
    color: rgb(58, 57, 56);
}

.ac-search-row{
    display:flex;
    gap:16px;
    align-items:center;
}

.ac-input-wrap{
flex: 1 1 360px;
    max-width: 520px;
	width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgb(255, 255, 255);
    border: 1.5px solid rgba(58, 57, 56, 0.15);
    border-radius: 999px;
    padding: 11px 18px;
}

.ac-input-wrap input{
flex: 1 1 0%;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    outline: none;
    font-family: "Noto Sans", sans-serif;
    font-size: 15px;
    color: rgb(58, 57, 56);
    background: transparent;
	padding: 0 !important;
	height: auto !important;
	border: none !important;
}

.ac-input-wrap input:focus{
    outline:none;
    border-color:var(--ac-primary);
}

.ac-clear-btn{
    color: rgb(144, 142, 136) !important;
    font-size:20px !important;
	line-height: 20px !important;
	padding: 0 !important;
	height: auto !important;
}

.ac-clear-btn:hover{
    background: transparent !important;
	color: rgb(144, 142, 136) !important;
}

.ac-btn-search{
    font-family: "Noto Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: rgb(255, 255, 255) !important;
    background: rgb(58, 57, 56) !important;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: none !important;
    border-radius: 999px !important;
    padding: 12px 26px !important;
    cursor: pointer !important;
	height: auto !important;
}

.ac-category-section{
    margin-top:32px;
}

.ac-cat-hint{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:18px;
    font-weight:600;
}

.ac-info-icon img{
    width:18px;
}

.ac-pills{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
.ac-pill, .ac-pill:hover{
	font-family: "Noto Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border-radius: 999px !important;
    padding: 9px 18px !important;
    border: 1.5px solid rgba(58, 57, 56, 0.2) !important;
    color: rgb(58, 57, 56) !important;
    background: rgb(255, 255, 255) !important;
}
.ac-pill.active{
	    font-family: "Noto Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    border-radius: 999px !important;
    padding: 9px 18px !important;
    border: 1.5px solid rgb(0, 152, 199) !important;
    color: rgb(255, 255, 255) !important;
    background: rgb(0, 152, 199) !important;
}
.ac-clear-all-btn{
	order: 2;
}
.ac-clear-all-btn, .ac-clear-all-btn:hover{
font-family: "Noto Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: rgb(58, 57, 56) !important;
    background: transparent !important;
    border-width: medium !important;
    border-style: none !important;
    border-color: currentcolor !important;
    border-image: none !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}


/* ==========================================================
   INFORMATION CARDS
========================================================== */

.ac-information-section{
	padding: 36px 48px 8px;
}
.ac-information-grid{
    max-width: 1200px;
    margin: 0px auto;
/*     display: grid; */
/*     grid-template-columns: 1.4fr 1fr; */
/*     gap: 22px; */
}
/* 
.ac-information-card{
    border-radius:28px;
    overflow:hidden;
} */

.ac-info-card.ac-info-primary{
    background: rgb(209, 237, 247);
    border-radius: 16px;
    padding: 28px;
}

.ac-info-card.ac-info-secondary{
background: rgb(255, 255, 255);
    border-radius: 16px;
    border: 1px solid rgba(58, 57, 56, 0.08);
    box-shadow: rgba(58, 57, 56, 0.06) 0px 1px 3px, rgba(58, 57, 56, 0.06) 0px 8px 24px;
    padding: 28px;
    display: flex;
    flex-direction: column;
}
.ac-info-secondary .ac-info-content p{
    font-size: 15px;
    line-height: 1.5;
    color: rgb(95, 88, 80);
    margin: 0px 0px 18px;
    flex: 1 1 0%;
}

/* .ac-info-content{
    padding:42px;
}
 */
.ac-info-card h2{
        font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin: 0px 0px 10px;
}

.ac-info-card p{
        font-size: 15.5px;
    line-height: 1.55;
    color: rgb(58, 57, 56);
    margin: 0px;
}

.ac-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    align-self: flex-start;
    font-size: 14px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    background: rgb(240, 0, 24);
    border-radius: 999px;
    padding: 10px 20px;
    text-decoration: none;
}

.ac-information-link:hover{
    color:var(--ac-primary-dark);
}

.ac-information-button{
    margin-top:30px;
}
/* ==========================================================
   RESULTS TOOLBAR
========================================================== */

.content-sort-filter{
    padding: 52px 48px 24px;
	background: rgb(244, 243, 235);
}

/* .ac-results-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:40px;
    border-bottom:1px solid #E8EDF3;
    padding-bottom:32px;
}

.ac-results-left{
    flex:1;
}
 */
.ac-library-header{
	    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
	max-width: 1200px;
	margin: 0 auto;
}
.ac-results-label{
    display:block;
    margin-bottom:10px;
}

.ac-library-title{
    font-family: "Noto Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    letter-spacing: -0.02em !important;
    margin: 0px !important;
    white-space: nowrap !important;
}

.ac-results-count{
    font-size: 13.5px;
    color: rgb(119, 111, 101);
    margin-top: 6px;
    white-space: nowrap;
}
.ac-results-count strong{
	color: rgb(58, 57, 56);
}
.ac-sort-group{
display: none;
}

.ac-controls-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}

.ac-controls-left{
    display:flex;
    align-items:center;
    gap:24px;
    flex-wrap:wrap;
}

.ac-content-label{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:15px;
    font-weight:600;
    color:#1F2937;
}

.ac-content-label img{
    width:18px;
    height:18px;
}

.ac-type-tabs{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.ac-type-tab, .ac-type-tab:hover{
    font-family: "Noto Sans", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
	height: auto !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    padding: 8px 16px !important;
    border: 1.5px solid rgba(58, 57, 56, 0.2) !important;
    color: rgb(58, 57, 56) !important;
    background: rgb(255, 255, 255) !important;
}
.ac-type-tab.active{
font-family: "Noto Sans", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
	height: auto !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    padding: 8px 16px !important;
    border: 1.5px solid rgb(58, 57, 56) !important;
    color: rgb(255, 255, 255) !important;
    background: rgb(58, 57, 56) !important;
}
.ac-controls-right{
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
}

.ac-controls-right label{
    font-size:15px;
    font-weight:600;
    color:#374151;
}

.ac-sort-select{
    min-width:180px;
    height:48px;
    border:1px solid #D7DCE2;
    border-radius:50px;
    padding:0 18px;
    background:#fff;
    font-size:15px;
    color:#374151;
    cursor:pointer;
}

.ac-sort-select:focus{
    outline:none;
    border-color:var(--ac-primary);
}


/* ==========================================================
   RESULTS
========================================================== */

.search-results-content{
    background: rgb(244, 243, 235);
}

.search-results-content .ac-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
	max-width: 1200px;
	margin: 0 auto 20px;
}

.ac-loading{
    grid-column:1/-1;
    text-align:center;
    padding:80px 0;
    font-size:18px;
    color:#6B7280;
}


/* ==========================================================
   VIEW MORE
========================================================== */

.ac-view-more-wrap{
    display:flex;
    justify-content:center;
/*     margin:20px 0; */
}
.ac-btn-view-more{
	font-family: "Noto Sans", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    height: auto !important;
    white-space: nowrap !important;
    border-radius: 999px !important;
    padding: 8px 16px !important;
    border: 1.5px solid rgb(58, 57, 56) !important;
    color: rgb(255, 255, 255) !important;
    background: rgb(58, 57, 56) !important;
}


/* ==========================================================
   REQUEST RESOURCE CTA
========================================================== */

.ac-request-resource{
    margin-top:90px;
    text-align:center;
    padding:48px;
    background:#F7FBFF;
    border-radius:24px;
    border:1px solid #E8EDF3;
}

.ac-request-resource h3{
    margin-bottom:14px;
}

.ac-request-resource p{
    max-width:620px;
    margin:0 auto 24px;
}

.ac-request-resource a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:54px;
    padding:0 28px;
    border-radius:50px;
    background:var(--ac-primary);
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.ac-request-resource a:hover{
    background:var(--ac-primary-dark);
}


/* ==========================================================
   SPACING
========================================================== */

/* .ac-resource-hero + .ac-search-section{
    margin-top:30px;
}

.ac-search-section + .ac-information-section{
    margin-top:20px;
}

.ac-information-section + .content-sort-filter{
    margin-top:30px;
} */


/* ==========================================================
   SMALL DESKTOP (1200px)
========================================================== */

@media (max-width:1200px){

    .ac-page-wrapper{
        max-width:1140px;
    }

    .search-results-content .ac-grid{
        gap:24px;
    }

    .ac-resource-content{
        max-width:620px;
    }

    .ac-wrap h1{
        font-size:48px;
    }

    .ac-wrap h2{
        font-size:36px;
    }

}
/* ==========================================================
   LARGE TABLET
========================================================== */

@media (max-width:1199px){

    .ac-resource-hero-top{
        gap:40px;
    }

    .ac-language-card{
        width:260px;
    }

    .ac-information-grid{
        grid-template-columns:1fr;
    }

    .search-results-content .ac-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


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

@media (max-width:991px){

    .ac-page-wrapper{
        padding:0 20px;
    }

    .ac-resource-hero{
        padding:60px 0 40px;
    }

    .ac-resource-hero-top{
        flex-direction:column;
    }

    .ac-resource-content{
        max-width:100%;
    }

    .ac-resource-content h1{
        font-size:42px;
    }

    .ac-language-card{
        width:100%;
    }

    .ac-membership-list{
        gap:10px;
    }

    .ac-membership-pill{
        font-size:14px;
    }

    .ac-search-box{
        padding:24px;
    }

    .ac-search-row{
        flex-direction:column;
        align-items:stretch;
    }

    .ac-btn-search{
        width:100%;
    }

    .ac-results-toolbar{
        flex-direction:column;
        align-items:flex-start;
    }

    .ac-controls-left{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }

    .ac-controls-right{
        width:100%;
        justify-content:space-between;
    }

    .ac-sort-select{
        width:220px;
    }

    .ac-information-content{
        padding:32px;
    }

}


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

@media (max-width:767px){

    .ac-page-wrapper{
        padding:0 16px;
    }

    .ac-resource-hero{
        padding:50px 0 30px;
    }

    .ac-search-section,
    .ac-information-section,
    .content-sort-filter{
        padding:40px 0;
    }

    .search-results-content{
        padding-bottom:60px;
    }

    .ac-wrap h1{
        font-size:34px;
        line-height:1.2;
    }

    .ac-wrap h2{
        font-size:28px;
    }

    .ac-wrap h3{
        font-size:22px;
    }

    .ac-wrap p{
        font-size:16px;
        line-height:1.7;
    }

/*     .ac-language-card{
        padding:22px;
    } */
	.ac-language-switch {
    width: fit-content;
}

    .ac-language-switch button{
        height:44px;
        font-size:14px;
    }

    .ac-membership-list{
        gap:8px;
    }

    .ac-membership-pill{
        width:100%;
        justify-content:flex-start;
        font-size:14px;
    }

    .ac-search-header{
        margin-bottom:24px;
    }

    .ac-search-box{
        padding:20px;
        border-radius:18px;
    }

    .ac-search-row{
        gap:14px;
    }

    .ac-input-wrap input{
        height:54px;
        font-size:15px;
        padding:0 50px 0 18px;
    }

    .ac-btn-search{
        width:100%;
        height:54px;
    }

    .ac-pills{
        gap:10px;
    }

    .ac-pill{
        font-size:14px;
        padding:10px 16px;
    }

    .ac-clear-all-btn{
        width:100%;
        margin-left:0;
        text-align:left;
    }

    .ac-information-grid{
        gap:20px;
    }

    .ac-information-content{
        padding:24px;
    }

    .ac-information-button{
        width:100%;
    }

    .ac-type-tabs{
        width:100%;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:6px;
        -webkit-overflow-scrolling:touch;
    }

    .ac-type-tabs::-webkit-scrollbar{
        display:none;
    }

    .ac-type-tab{
        flex:0 0 auto;
        white-space:nowrap;
    }

    .ac-controls-right{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .ac-sort-select{
        width:100%;
    }

    .search-results-content .ac-grid{
        grid-template-columns:1fr;
        gap:24px;
    }

    .ac-view-more-wrap{
        margin-top:40px;
    }

    .ac-btn-view-more{
        width:100%;
    }

    .ac-request-resource{
        padding:28px 20px;
        margin-top:50px;
    }

    .ac-request-resource a{
        width:100%;
    }

}


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

@media (max-width:480px){

    .ac-wrap h1{
        font-size:30px;
    }

    .ac-wrap h2{
        font-size:24px;
    }

    .ac-search-box{
        padding:18px;
    }

    .ac-information-content{
        padding:20px;
    }

    .ac-membership-pill{
        font-size:13px;
    }

}
.ac-voices-section {
    padding: 36px 48px 20px;
    background: #F8F6F2;
}

.ac-container {
    max-width: 1200px;
    margin: 0 auto;
}

.ac-section-title {
    font-family: "Noto Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    letter-spacing: -0.02em !important;
    margin: 0px 0px 22px !important;
}

.ac-voices-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.ac-voice-card {
    position: relative;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    background: #ffffff;
    border-radius: 18px;
    padding: 20px;
    min-height: 160px;
    border: 1px solid #E7E2DA;
    box-shadow:
        0 3px 10px rgba(0,0,0,.04),
        0 10px 30px rgba(0,0,0,.04);
    transition: .25s ease;
}

.ac-voice-card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 10px 25px rgba(0,0,0,.08),
        0 18px 40px rgba(0,0,0,.08);
}

.ac-card-line {
    width: 36px;
    height: 5px;
    border-radius: 100px;
    display: block;
    margin-bottom: 18px;
}

.ac-red {
    background: #F3132F;
}

.ac-blue {
    background: #1596C9;
}

.ac-gray {
    background: #9D9D9D;
}

.ac-card-title {
font-family: "Noto Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    margin: 0px 0px 8px !important;
}

.ac-card-description {
font-size: 13.5px !important;
/*     line-height: 1.5 !important; */
    color: rgb(95, 88, 80) !important;
    margin: 0px 0px 14px !important;
    flex: 1 1 0% !important;
}

.ac-card-author {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgb(119, 111, 101) !important;
}

/* Large Laptop */

@media (max-width:1200px){

    .ac-voices-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

/* Tablet */

@media (max-width:992px){

    .ac-section-title{
        font-size:38px;
    }

    .ac-voices-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* Mobile */

@media (max-width:767px){
	.ac-hero {
    overflow: hidden;
    background: rgb(244, 243, 235);
    background: rgb(244, 243, 235);
    padding: 33px 20px;
}
	.ac-hero-inner {
    display: flex;
		flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
            gap: 20px;
}

    .ac-voices-section{
        padding:50px 16px;
    }

    .ac-section-title{
        font-size:30px;
        margin-bottom:24px;
    }

    .ac-voices-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

    .ac-voice-card{
        min-height:auto;
        padding:18px;
    }

    .ac-card-title{
        font-size:20px;
    }

    .ac-card-description{
        font-size:15px;
    }
	.ac-membership-pills{
		display: flex;
    	flex-wrap: wrap;
    	gap: 10px;
	}

}

/* ==========================================================
   RESOURCE CARD UI
========================================================== */

.ac-card{
    display:flex;
    flex-direction:column;
    height:100%;
    overflow:hidden;
    background:#fff;
    border:1px solid #E7E2DA;
    border-radius:18px;
    box-shadow:
        0 3px 10px rgba(0,0,0,.04),
        0 10px 30px rgba(0,0,0,.05);
    transition:.25s ease;
}

.ac-card-media{
    position:relative;
    height:170px;
    overflow:hidden;
    background:#E8F3F8;
}

.ac-card-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Image background colors */

.ac-card-media--article{
    background:#D9EEF8;
}

.ac-card-media--podcast{
    background:#EFE8F8;
}

.ac-card-media--video{
    background:#FDE5E8;
}

.ac-card-media--playbook{
    background:#DDF2FA;
}

.ac-card-media--guide{
    background:#F7E7D8;
}

/* Badges */

.ac-card-badges{
    position:absolute;
    top:14px;
    left:14px;
    right:14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.ac-card-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    line-height:1;
}

.ac-card-pill--type{
    background: rgba(255, 255, 255, 0.92);
    font-size: 11px;
    font-weight: 700;
    color: rgb(58, 57, 56);
    padding: 5px 10px;

}

.ac-card-pill--free{
    background: rgba(255, 255, 255, 0.92);
    color: rgb(0, 121, 158);
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
}

.ac-card-pill--member{
    background: rgb(58, 57, 56);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.ac-card-pill--member svg{
    background: rgb(58, 57, 56);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: 700;
	width: 11px;
    fill: white;
    height: 11px;
}

/* Content */

.ac-card-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:20px;
}

/* Voices */

.ac-card-voices{
    display:flex;
    flex-wrap:wrap;
    gap:8px 14px;
    margin-bottom:12px;
}

.ac-card-voice{
    font-size: 12px;
    font-weight: 700;
    line-height:1.3;
}
.ac-card-voice--caregiving-community{
    color:#F00018;
}

.ac-card-voice--mental-health{
    color:#0098C7;
}

.ac-card-voice--accessibility-design{
    color:#F00018;
}

.ac-card-voice--neurodiversity{
    color:#0098C7;
}

.ac-card-voice--culture-ethnicity{
    color:#F00018;
}

.ac-card-voice--migration-mobility{
    color:#9A9A9A;
}

.ac-card-voice--gender-identity-expression{
    color:#0098C7;
}

.ac-card-voice--love-relationships{
    color:#F00018;
}

/* Title */
.ac-card-title{
    margin:0 0 12px;
}

.ac-card-title{
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.25;
	color: #3A3938;
}

/* .ac-card-title a:hover{
    color:#0098C7;
} */

/* Description */

.ac-card-description{
    font-size: 13.5px;
/*     line-height: 1.5; */
    color: rgb(95, 88, 80);
    margin: 0px 0px 16px;
    flex: 1 1 0%;
}

/* Partner */
.ac-card-partner{
    margin-bottom:18px;
}

.ac-card-partner a,
.ac-card-partner span{
    color:#7B736A;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}

/* Footer */
.ac-card-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin-top:auto;
}

/* Views */
.ac-card-views svg{
	width: 15px;
	height: 15px;
	fill: #7A746D;
	
}
.ac-card-views{
	display: flex;
	align-items: center;
	gap: 5px;
    color:#7A746D;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
}

/* CTA */
.ac-card-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
	font-size: 14px;
    font-weight: 700;
    color: #00799E;
    text-decoration:none;
    transition:.25s;
}

.ac-card:hover .ac-card-link{
    gap:10px;
}

/* Locked */
.ac-card--gated{
    border-color:#DDD6CF;
}

/* Responsive */
@media (max-width:991px){
    .ac-card-media{
        height:180px;
    }
}
@media (max-width:767px){
    .ac-card-content{
        padding:18px;
    }
    .ac-card-title a{
        font-size:18px;
    }
    .ac-card-description{
        font-size:14px;
    }
    .ac-card-footer{
        flex-direction:column;
        align-items:flex-start;
        gap:10px;
    }

    .ac-card-link{
        margin-top:4px;
    }

}
.ac-top-view-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}
.ac-top-views-heading{
    font-family: "Noto Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    letter-spacing: -0.02em !important;
/*     margin: 0px !important; */
    white-space: nowrap !important;
	margin-bottom: 10px !important;
}
.ac-no-results.show{
font-size: 13.5px;
    color: rgb(119, 111, 101);
    margin-top: 6px;
    white-space: nowrap;
}

.ac-no-results,
.ac-top-view-section{
    grid-column:1/-1;
}