.block-accordion .wp-block-details summary::after {
    content: '';
    border-bottom: 2px solid;
    border-right: 2px solid;
    content: '';
    display: block;
    height: 0.5em;
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.5em;
}

.block-accordion .wp-block-details[open] summary::after {
    top: 50%;
    transform: translateY(-50%) rotate(-135deg);
}

/**/

[data-carousel-item] {
    position: absolute;
    top: 0;
    left: 100%; /* Start offscreen to the right */
    width: 100%;
    /* height: 100%; */
    transition: transform 0.5s ease-in-out, visibility 0s 0.5s; /* Smooth slide transition with visibility delay */
    visibility: hidden; /* Hide items initially */
}

[data-carousel-item].active {
    left: 0; /* Move into view */
    transform: translateX(0);
    visibility: visible;
    z-index: 1;
    transition: transform 0.5s ease-in-out, visibility 0s 0s; /* No delay on visibility for the active slide */
}

[data-carousel-item].prev {
    left: 0;
    transform: translateX(-100%);
    z-index: 0;
    visibility: hidden;
}

[data-carousel-item].next {
    left: 0;
    transform: translateX(100%);
    z-index: 0;
    visibility: hidden;
}

.resource-filter-sidebar .dropdown-content{
    display: block !important;
    box-shadow: none;
    border: none;
    padding: 0;
    max-height: none;
}

.resource-filter-sidebar label.dropdown-label{
    display: none !important;
}

.resource-filter-sidebar{
    border: none;
    padding: 0;
}

.resource-filter-sidebar .filters-label{
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 125%; /* 35px */
    letter-spacing: -0.28px;
}

#resource-list{
    display: grid;
    gap: 60px 20px;
    grid-template-columns: 1fr 1fr 1fr;
}

#resource-list .resource-pagination{
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
}

.resource-list-wrapper  #resource-list .resource-pagination a, 
.resource-list-wrapper  #resource-list .resource-pagination span{
    border: 1px solid #ddd !important;
    font-size: 14px !important;
}

.resource-pagination .current-page,
.resource-pagination a:hover{
    background-color: #1CAEE5 !important;
    border-color: #1CAEE5 !important;
}

.resource-list-container .resource-item{
    flex-direction: column;
    padding: 0;
    margin: 0;
    border: none;
}

.resource-title{
    color: #333;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 30px */
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 8px;
}

.resource-filter-sidebar{
    width: 20%;
}

.resource-list-wrapper{
    width: 80%;
    padding: 0; 
}

.resource-list-container .resource-image img{
    border-radius: 40px 0 40px 0;
    width: 100%;
    margin-bottom: 26px;
    border: 1px solid rgba(0, 0, 0, 0.10);
}

.resource-details{
    width: 100%;
}

.resource-description{
    margin-bottom: 0;
}

.resource-category{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.resource-category .category-item{
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    padding: 8px 11px 8px 8px;
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 18px */
    display: inline-flex;
    gap: 8px;
    align-items: center;
}

.resource-category .category-item:before{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13.1667 1.33331C13.5645 1.33331 13.9461 1.49135 14.2274 1.77265C14.5087 2.05396 14.6667 2.43549 14.6667 2.83331V6.47465C14.6667 7.04927 14.4384 7.60034 14.0321 8.00665L8.36539 13.6753C7.9587 14.0811 7.40769 14.309 6.83319 14.3091C6.2587 14.3093 5.7076 14.0816 5.30072 13.676L2.32606 10.7066C1.91941 10.3007 1.69069 9.7498 1.69019 9.1752C1.68969 8.60059 1.91745 8.04932 2.32339 7.64265L7.99006 1.96931C8.19134 1.76784 8.43037 1.60802 8.69348 1.499C8.95658 1.38999 9.2386 1.33391 9.52339 1.33398L13.1667 1.33331ZM11.3334 3.66798C11.2021 3.66798 11.072 3.69385 10.9507 3.7441C10.8294 3.79435 10.7191 3.86801 10.6263 3.96087C10.5334 4.05373 10.4598 4.16397 10.4095 4.2853C10.3593 4.40662 10.3334 4.53666 10.3334 4.66798C10.3334 4.7993 10.3593 4.92934 10.4095 5.05066C10.4598 5.17199 10.5334 5.28223 10.6263 5.37509C10.7191 5.46795 10.8294 5.5416 10.9507 5.59186C11.072 5.64211 11.2021 5.66798 11.3334 5.66798C11.5986 5.66798 11.853 5.56262 12.0405 5.37509C12.228 5.18755 12.3334 4.9332 12.3334 4.66798C12.3334 4.40276 12.228 4.14841 12.0405 3.96087C11.853 3.77334 11.5986 3.66798 11.3334 3.66798Z" fill="%23707070"/></svg>');
    position: relative;
    top: 3px;
}

.resource-details .btn{
    margin-top: 24px;
    border-radius: 1000px;
    background: #1CAEE5;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 150% */
}

.resource-filter-sidebar .dropdown-content label{
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    padding: 9px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.resource-filter-sidebar .dropdown-content label input[type=checkbox]{
    border: solid 2px #333;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    outline: none !important;
    box-shadow: none !important;
}

.resource-filter-sidebar .dropdown-content label input[type=checkbox]:checked{
    background-color: #3EA4D7;
}

#resource-filter-form{
    display: none;
}

.cta-btn a{
    border-radius: 100px !important;
}

.rounded-btn a{
    border-radius: 100px !important;
}

.leading-110{
    line-height: 110% !important;
}

.leading-150{
    line-height: 150% !important;
}

.white-arrow a,
.blue-arrow a{
    display: flex !important;
    gap: 8px;
    align-items: center;
}

.white-arrow a:after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M13 1H3.76923M13 1V10.2308M13 1L1 13" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.blue-arrow a:after{
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M13 1H3.76923M13 1V10.2308M13 1L1 13" stroke="%231DAEE5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.add-overlay{

}

.add-overlay:before{
    content: '';
    display: block;
    background:url(../../images/cta-mask.png) no-repeat 0px 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    pointer-events: none;
}

.cta-btn a,
.rounded-btn a{
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 21px; 
}


@media (min-width:768px) and (max-width:1023px){
    #resource-list{
        grid-template-columns: 1fr 1fr;
    }

    .resource-list-wrapper{
        width: 75%;
    }

    .resource-filter-sidebar {
        width: 25%;
    }
}


@media (max-width:767px){
    
    .resource-list-wrapper{
        width: 100%;
    }

    .resource-filter-sidebar {
        width: 100%;
        min-height: auto;
        padding-bottom: 50px;
        display: none;
    }

    #resource-list{
        grid-template-columns: 1fr;
    }

    .resource-list-container{
        flex-direction: column;
    }

    .rounded-btn a,
    .cta-btn a,
    .resource-details .btn{
        width: 100% !important;
        justify-content: center;
    }

    .wp-block-buttons,
    .wp-block-button{
        width: 100%;
    }

    .resources-block{
        padding: 32px 0 !important;
    }

    .custom-heading-h3{
        font-size: 30px !important;
    }

    .cta-btn a,
    .rounded-btn a,
    .resource-details .btn{
        line-height: 25px !important;
    }
}