/* Resource banner */

.resource-banner-wrap {
    position: relative;
    background: linear-gradient(90deg, rgba(34, 67, 128, 0.05) 27.5%, rgba(20, 40, 77, 0.045) 44%, rgba(34, 67, 128, 0.0125) 100%);
}

.banner_section.resource-banner-wrap::before {
    display: none;
}

.banner_section.resource-banner-wrap .breadcrumb span {
    color: #fff;
}

.resource-banner-wrap .resources-banner-content {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    align-items: center;
    padding: 80px 0;
}

.resource-banner-wrap .breadcrumb span {
    color: #131e37;
}

.resource-banner-wrap .resources-banner-content .banner-image-wrap {
    max-width: 708px;
    width: 100%;
}

.resource-banner-wrap .resources-banner-content .banner-image-wrap img {
    width: 100%;
    object-fit: cover;
    height: 426px;
    border-radius: 20px;
}

.resource-banner-wrap .resources-banner-content .banner-title-content-wrap {
    max-width: 614px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.resource-banner-wrap .resources-banner-content .banner-title-content-wrap h1 {
    margin: 0;
    font-weight: 500;
    color: #084987;
    font-size: 50px;
    line-height: 100%;
}

.resource-banner-wrap .resources-banner-content .banner-title-content-wrap p {
    margin: 0;
    color: #595959;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    width: 80%;
}

.resource-banner-wrap.resource-listing-detail .resources-banner-content .banner-title-content-wrap {
    max-width: 100%;
}

.banner-left-wrap .banner-button-wrap {
    display: flex;
    max-width: fit-content;
    width: 100%;
    justify-content: flex-end;
    margin-right: auto;
    position: relative;
}

.banner-left-wrap .banner-button-wrap a {
    background-color: #aa5e9c;
    font-weight: 500;
    border-radius: 100px;
    font-size: 18px;
    line-height: normal;
    padding: 12px 24px;
    padding-right: 70px;
    color: #fff;
    text-decoration: none;
    position: relative;
    transition: all .3s ease-in-out;
}

.banner-left-wrap .banner-button-wrap a:hover::after {
    transform: translateX(10px);
}

.banner-left-wrap .banner-button-wrap a::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    top: 11px;
    right: 28px;
    transition: all .3s ease-in-out;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 1080 1080' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 5.2.4%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='transparent'%3E%3C/rect%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='a127fbf9-3e99-4961-992f-38d706797df2'%3E%3Crect style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; visibility: hidden;' x='-540' y='-540' rx='0' ry='0' width='1080' height='1080'%3E%3C/rect%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='965a60b7-6616-4206-92b0-758de0c1487b'%3E%3C/g%3E%3Cg transform='matrix(45 0 0 45 540 540)'%3E%3Cpath style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: evenodd; opacity: 1;' transform=' translate(-12, -12)' d='M 10.5 3.75 C 8.822391580541035 3.7498499991860084 7.221338064701824 4.452050982604309 6.085123689404131 5.686306598312305 C 4.948909314106439 6.9205622140203005 4.381317696730977 8.5741336027362 4.52 10.246000000000002 C 2.2921436234251877 11.289891597734782 1.0880274811083668 13.740889903692374 1.6233161751310572 16.142247793828243 C 2.1586048691537476 18.543605683964117 4.289704817681452 20.251148183985748 6.75 20.25 L 18 20.25 C 20.04671980179033 20.25065656065736 21.836071088135593 18.870047338322543 22.3546215615652 16.89010597943878 C 22.87317203499481 14.910164620555015 21.9902850376517 12.829691020466836 20.206 11.827 C 20.386253184471844 10.670433421854574 20.01611169779228 9.49603545713065 19.205266893329817 8.651838700875636 C 18.394422088867355 7.80764194462062 17.235889492267265 7.39048786957867 16.073 7.524 C 15.162048328127776 5.244585981716325 12.954701849314903 3.749785046665223 10.500000000000004 3.7499999999999987 Z M 12.75 9.75 C 12.75 9.335786437626904 12.414213562373096 9 12 9 C 11.585786437626904 9 11.25 9.335786437626904 11.25 9.75 L 11.25 14.690000000000001 L 9.53 12.97 C 9.234490245515518 12.694641139570878 8.773990278005257 12.702766124082645 8.48837820104395 12.988378201043952 C 8.202766124082643 13.27399027800526 8.194641139570876 13.73449024551552 8.469999999999999 14.030000000000001 L 11.469999999999999 17.03 C 11.762817546773956 17.322453378057517 12.237182453226042 17.322453378057517 12.53 17.03 L 15.53 14.030000000000001 C 15.730653177612039 13.843029419536014 15.813249181507512 13.561444457841048 15.745385541874255 13.29571109136146 C 15.677521902240997 13.029977724881869 15.470022275118131 12.822478097759003 15.20428890863854 12.754614458125745 C 14.938555542158952 12.686750818492488 14.656970580463984 12.769346822387961 14.469999999999999 12.97 L 12.749999999999998 14.690000000000001 L 12.749999999999998 9.75 Z' stroke-linecap='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
}

/* Resource listing detail page starts */

.resource-listing-detail .resources-banner-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px;
}

.resource-listing-detail.resource-banner-wrap .resources-banner-content .banner-title-content-wrap h1 {
    margin: 0;
    font-weight: 500;
    color: #084987;
    font-size: 70px;
    line-height: 100%;
}

.resource-listing-detail.resource-banner-wrap .banner-post-wrap {
    display: flex;
    max-width: 100%;
    width: 100%;
}

.resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-left-wrap {
    /* background-color: #faf7f7; */
    padding: 4rem 2rem;
    max-width: 45%;
    width: 100%;
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: center;
}

.resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-left-wrap h2 {
    font-size: 36px;
    line-height: normal;
    margin: 0;
    font-weight: 500;
    color: #084987;
}

.resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-left-wrap p {
    font-size: 20px;
    line-height: normal;
    margin: 0;
    color: #595959;
    font-weight: 400;
}

.resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-right-wrap {
    max-width: 55%;
    width: 100%;
}

.resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-right-wrap img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 24px;
}

/* Resource filter with cards */

.resources-catogery-wrap {
    padding: 50px 0;
}

.resources-catogery-wrap+.News-section.resources-filter-cards {
    padding-top: 0;
}

.resources-catogery-wrap .resources-data-wrap {
    padding-top: 44px;
    padding-bottom: 30px;
}

.resources-catogery-wrap .resources-data-wrap ul li {
    list-style: none;
}

.resources-catogery-wrap .resources-data-wrap ul li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 13px;
}

.resources-catogery-wrap .resources-data-wrap ul li a span {
    margin: 0;
    font-family: "Lato", serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    color: #224380;
}

.resources-catogery-wrap .resources-data-wrap ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 38px;
    padding-bottom: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.resources-catogery-wrap .resources-data-wrap ul li img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.resources-catogery-wrap .resources-data-wrap ul li.active a span {
    font-weight: 700;
    position: relative;
}

.resources-catogery-wrap .resources-data-wrap ul li.active a span::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    border-bottom: 2px solid #224380;
    bottom: -6px;
    left: 0;
}

.resource-search-wrap .reosurce-cat-dropdown {
    max-width: 33%;
    width: 100%;
}

.resource-search-wrap .reosurce-cat-dropdown .reosource-main-cat {
    max-width: 100%;
    width: 100%;
    min-width: unset;
}

.reosurce-cat-dropdown .reosource-main-cat select {
    padding: 16px 28px 16px 24px;
    font-size: 20px;
    line-height: 36px;
    font-family: "Lato", serif;
    cursor: pointer;
    color: #224380;
    border-color: rgb(34 67 128 / 25%);
    border-radius: 10px;
    background-color: rgb(34 67 128 / 5%);
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.36866 14L0.880733 0.5H17.8566L9.36866 14Z' fill='%23224380'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
    padding-right: 40px;
    line-height: 1.5;
    border-radius: 100px;
}

.reosurce-cat-dropdown .reosource-main-cat select:focus {
    outline: none;
}

.reosurce-cat-dropdown .reosource-main-cat h4 {
    margin: 0;
    font-size: 20px;
    line-height: normal;
    color: #595959;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 0;
}

.searchfillter.resource-search-wrap .post-per-page form {
    display: flex;
    flex-direction: column;
}

.searchfillter.resource-search-wrap .post-per-page form label {
    font-size: 20px;
    line-height: normal;
    color: #595959;
    font-weight: 500;
    text-align: left;
    margin-bottom: 20px;
}

.searchfillter.resource-search-wrap .post-per-page form .per-page-select:focus {
    border: none;
    box-shadow: none;
}

.searchfillter.resource-search-wrap .post-per-page form .per-page-select:focus-visible {
    border: none;
    box-shadow: none;
}

.searchfillter.resource-search-wrap .post-per-page form .per-page-select:focus-within {
    box-shadow: none;
}

.searchfillter.resource-search-wrap .post-per-page {
    max-width: 33%;
    width: 100%;
}

.searchfillter.resource-search-wrap .post-per-page form .per-page-select {
    border-radius: unset;
    border: unset;
}

.searchfillter.resource-search-wrap .post-per-page form .per-page-select select {
    padding: 16px 28px 16px 24px;
    font-size: 20px;
    line-height: 1.5;
    color: #224380;
    cursor: pointer;
    background-color: rgb(34 67 128 / 5%);
    max-width: 100%;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.36866 14L0.880733 0.5H17.8566L9.36866 14Z' fill='%23224380'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 16px;
    border: 1px solid rgb(34 67 128 / 25%);
    border-radius: 100px;
}

.searchfillter.resource-search-wrap .post-per-page form .per-page-select select:focus {
    outline: none;
}

.resources-filter-cards .resource-side-filter {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap {
    max-width: 280px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 106px;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap label {
    display: flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap label img {
    display: none;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap label span {
    font-size: 20px;
    line-height: normal;
    color: #131e37;
    font-weight: 500;
    margin: 0;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap label input {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    cursor: pointer;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap .side-head {
    padding-bottom: 20px;
    border-bottom: 2px solid #595959;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap .side-head h1 {
    line-height: normal;
    color: #131e37;
    font-weight: 600;
    margin: 0;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap .side-head h2 {
    font-size: 30px;
    line-height: normal;
    color: #131e37;
    font-weight: 600;
    margin: 0;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap .side-head h3 {
    line-height: normal;
    color: #131e37;
    font-weight: 600;
    margin: 0;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap .side-head h4 {
    line-height: normal;
    color: #131e37;
    font-weight: 600;
    margin: 0;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap .side-head h5 {
    line-height: normal;
    color: #131e37;
    font-weight: 600;
    margin: 0;
}

.resources-filter-cards .resource-side-filter .resources-data-wrap .side-head h6 {
    line-height: normal;
    color: #131e37;
    font-weight: 600;
    margin: 0;
}

.resources-filter-cards .blogListing__item .content-wrap .brand-title p {
    font-weight: 500;
}

.resources-filter-cards .resource-side-filter #post-container {
    width: 100%;
}

#post-containers {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    row-gap: 58px;
    column-gap: 50px;
    margin-bottom: 50px;
}

.resource-btn-wrap {
    position: absolute;
    bottom: 30px;
}

.resources-filter-cards .blogListing__item .content-wrap .resource-btn-wrap a {
    border: 1px solid #224380;
    border-radius: 20px;
    padding: 10px 52px 10px 20px;
    text-decoration: none;
    background: #fff;
    font-size: 16px;
    line-height: 26px;
    color: #224380;
    font-weight: 700;
    position: relative;
    max-width: fit-content;
    width: 100%;
    transition: 0.3s ease-in-out;
}

.resources-filter-cards .blogListing__item .content-wrap .resource-btn-wrap a:hover {
    background-color: #224380;
    color: #fff;
}

.resources-filter-cards .blogListing__item .content-wrap .resource-btn-wrap a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M15.0933 8.70711C15.4839 8.31658 15.4839 7.68342 15.0933 7.29289L8.72936 0.928932C8.33884 0.538408 7.70568 0.538408 7.31515 0.928932C6.92463 1.31946 6.92463 1.95262 7.31515 2.34315L12.972 8L7.31515 13.6569C6.92463 14.0474 6.92463 14.6805 7.31515 15.0711C7.70568 15.4616 8.33884 15.4616 8.72936 15.0711L15.0933 8.70711ZM0.193115 9H14.3862V7H0.193115V9Z' fill='%23fff'/%3E%3C/svg%3E");
}

.resources-filter-cards .blogListing__item .content-wrap .resource-btn-wrap a::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0933 8.70711C15.4839 8.31658 15.4839 7.68342 15.0933 7.29289L8.72936 0.928932C8.33884 0.538408 7.70568 0.538408 7.31515 0.928932C6.92463 1.31946 6.92463 1.95262 7.31515 2.34315L12.972 8L7.31515 13.6569C6.92463 14.0474 6.92463 14.6805 7.31515 15.0711C7.70568 15.4616 8.33884 15.4616 8.72936 15.0711L15.0933 8.70711ZM0.193115 9H14.3862V7H0.193115V9Z' fill='%23224380'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Ajax pagination */

.ajax-pagnation-section {
    display: flex;
    justify-content: center;
    max-width: 100%;
    width: 100%;
}

.ajax-pagination {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.ajax-pagination li a {
    display: flex;
    padding: 10px 14px;
    border: 2px solid #15395b;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    color: #15395b;
    text-decoration: none;
    border-radius: 999px;
    font-weight: 500;
    transition: 0.3s ease-in-out;
}

.ajax-pagination li a:hover {
    background-color: #15395b;
    color: #fff;
}

.ajax-pagination li.active a,
.ajax-pagination li a.active {
    background-color: #15395b;
    font-size: 20px;
    line-height: normal;
    color: #fff;
    border-color: #15395b;
    pointer-events: none;
}

.ajax-pagination li a.next {
    width: 100%;
    padding: 12px 24px;
}

.ajax-pagination li a.prev {
    width: 100%;
    padding: 12px 24px;
}

#ajax-pagination-container {
    margin-top: 30px;
}

#ajax-pagination-container1 {
    margin-top: 30px;
}

.resource-detail-page {
    padding: 40px 0 0 0;
}

.resource-detail-page>.container {
    padding: 0;
}

.shortcode-wrapper {
    padding: 20px 0;
}

.shortcode-wrapper .form-code .addtoany_shortcode .addtoany_list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
}

.shortcode-wrapper .form-code .addtoany_shortcode .addtoany_list a {
    width: 25px;
    height: 25px;
    padding: 0;
    display: flex;
}

.shortcode-wrapper .form-code .addtoany_shortcode .addtoany_list a span {
    width: 25px;
    height: 25px;
}

.shortcode-wrapper .form-code .addtoany_shortcode .addtoany_list a img {
    width: 25px;
    height: 25px;
    object-fit: cover;
}

.video-image-parent-wrap .image-wrap img {
    width: fit-content;
    display: block;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
    margin: 0px auto;
}

.video-image-parent-wrap .video-wrap iframe {
    object-fit: cover;
    width: 100%;
}

.video-image-parent-wrap .image-wrap {
    margin: 20px 0;
}

.video-image-parent-wrap .vimeo-video-wrap video {
    max-width: 100%;
    width: 100%;
    height: 600px;
    object-fit: cover;
    padding: 20px 0;
}

.video-image-parent-wrap .vimeo-video-wrap iframe {
    background-color: #131e37;
    border: none;
    display: flex;
    line-height: 1;
    margin: 0;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    height: 800px !important;
}

.video-image-parent-wrap .vimeo-video-wrap {
    --video-aspect-ratio: 1.77777;
    margin: 30px 0;
}

@media(max-width:1024px) {

    .resource-banner-wrap .resources-banner-content .banner-title-content-wrap p {
        width: 100%;
    }

    .resource-listing-detail.resource-banner-wrap .resources-banner-content .banner-title-content-wrap h1 {
        font-size: 50px;
        line-height: normal;
    }

    .resource-listing-detail.resource-banner-wrap .banner-post-wrap {
        flex-direction: column;
        gap: 20px;
    }

    .resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-left-wrap {
        max-width: 100%;
        padding: 30px;
    }

    .resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-right-wrap {
        max-width: 100%;
    }

    .resource-banner-wrap .resources-banner-content {
        padding: 50px 0;
    }

    .resource-search-wrap .reosurce-cat-dropdown {
        max-width: 100%;
        width: 100%;
    }

    .reosurce-cat-dropdown .reosource-main-cat h4 {
        margin-top: 20px;
    }

    .searchfillter.resource-search-wrap .post-per-page {
        width: 100%;
        max-width: 100%;
    }

    .searchfillter.resource-search-wrap .post-per-page form label {
        margin-top: 20px;
    }
}

@media(max-width:991px) {

    .resource-banner-wrap .resources-banner-content {
        flex-direction: column;
        padding-bottom: 50px;
        gap: 40px;
    }

    .resource-banner-wrap .resources-banner-content .banner-title-content-wrap {
        max-width: 100%;
    }

    .resource-banner-wrap .resources-banner-content .banner-image-wrap {
        max-width: 100%;
    }

    #post-containers {
        row-gap: 40px;
        column-gap: 40px;
        margin-bottom: 40px;
    }

    .resource-btn-wrap {
        bottom: 25px;
    }

    .video-image-parent-wrap .vimeo-video-wrap iframe {
        height: 600px !important;
    }
}

@media(max-width:767px) {

    .resource-banner-wrap .resources-banner-content .banner-title-content-wrap h1 {
        font-size: 32px;
        line-height: normal;
    }

    .resource-banner-wrap .resources-banner-content .banner-image-wrap img {
        height: 100%;
        max-height: 400px;
    }

    .reosurce-cat-dropdown .reosource-main-cat select {
        padding: 12px 24px;
        font-size: 16px;
        line-height: normal;
    }

    .searchfillter.resource-search-wrap .post-per-page form .per-page-select select {
        padding: 12px 24px;
        font-size: 16px;
        line-height: normal;
    }

    .ajax-pagination {
        gap: 14px;
    }

    .ajax-pagination li a {
        padding: 7px 10px;
        width: 35px;
        height: 35px;
    }

    .ajax-pagination li.active a,
    .ajax-pagination li a.active {
        padding: 7px 10px;
        width: 35px;
        height: 35px;
        font-size: 16px;
        line-height: normal;
    }

    .ajax-pagination li a.prev {
        width: 100%;
        padding: 7px 14px;
    }

    .ajax-pagination li a.next {
        width: 100%;
        padding: 7px 14px;
    }

    .video-image-parent-wrap .vimeo-video-wrap video {
        height: 300px;
    }

    .video-image-parent-wrap .vimeo-video-wrap iframe {
        height: 430px !important;
    }

    .resources-filter-cards .blogListing__item .content-wrap .resource-btn-wrap a {
        padding: 10px 40px 10px 20px;
    }
}

@media(max-width:768px) {

    .resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-left-wrap h2 {
        font-size: 26px;
        line-height: normal;
    }

    .resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-left-wrap p {
        font-size: 16px;
        line-height: normal;
    }

    .banner-left-wrap .banner-button-wrap a {
        padding: 8px 16px;
        padding-right: 60px;
        font-size: 16px;
        line-height: normal;
    }

    .banner-left-wrap .banner-button-wrap a::after {
        width: 20px;
        height: 20px;
        top: 8px;
    }

    .resource-listing-detail.resource-banner-wrap .resources-banner-content .banner-title-content-wrap h1 {
        font-size: 32px;
        line-height: normal;
    }

    .resource-listing-detail.resource-banner-wrap .banner-post-wrap .banner-left-wrap {
        padding: 20px 0 20px 0;
        gap: 20px;
    }

    .resource-banner-wrap .resources-banner-content {
        gap: 25px;
    }

    .resources-catogery-wrap .resources-data-wrap ul {
        gap: 20px;
        flex-wrap: unset;
        overflow: auto;
        max-width: 100%;
        justify-content: flex-start;
        width: 100%;
    }

    .resources-catogery-wrap .resources-data-wrap ul::-webkit-scrollbar {
        width: 4px;
        height: 4px;
        border-radius: 10px;
    }

    .resources-catogery-wrap .resources-data-wrap ul::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }

    .resources-catogery-wrap .resources-data-wrap ul::-webkit-scrollbar-thumb {
        background: #224380;
        border-radius: 10px;
    }

    .resources-catogery-wrap .resources-data-wrap ul li {
        max-width: 100%;
        min-width: 200px;
    }

    .resources-catogery-wrap .resources-data-wrap ul li a span {
        font-size: 16px;
        line-height: 22px;
        width: 100%;
    }

}