@media (max-width: 1799.98px) {
    .programs-section .cards {
        gap: 22px;
    }

    .programs-section .lg-card {
        margin-bottom: 22px;
        padding: 22px;
    }

    .programs-section .card {
        padding: 22px;
    }

    .programs-section .card div {
        padding: 24px 22px;
    }

    .pioneers-section .card>div div {
        gap: 8px;
        padding: 24px;
    }

    .story-video .play-btn,
    .cares-detail .play-btn {
        width: 100px;
    }

    .seminars-section .seminars-card {
        padding: 32px;
    }

    .white-papers .paper-card .f-24-5 {
        font-size: 20px;
    }

    .white-papers .paper-card .btn {
        padding: 21.5px 30px;
    }

    .white-papers .paper-card div {
        padding: 12px 22px;
    }

    .podcasts-section .card-header .icon {
        width: 54px;
        height: 54px;
        top: 14px;
        right: 14px;
    }

    .podcasts-detail .podcast-banner {
        padding: 38px;
        gap: 58px;
    }

    .podcasts-detail .podcast-banner .f-40-7 {
        font-size: 28px;
    }

    .podcasts-detail .podcasts-img {
        width: 281px;
    }
}

@media (max-width: 1599.98px) {
    html {
        font-size: 14px;
    }

/*    .hero-slider .swiper-slide {
        height: 525px;
    }*/

    .programs-section .lg-card div {
        padding: 24px 28px;
    }

    .programs-section .card {
        flex-direction: column;
    }

    .programs-section .card div {
        width: 100%;
        padding: 24px 0 0;
    }

    .programs-section .card img {
        max-width: unset;
    }

    .about-section .about-content div {
        padding: 42px 0;
    }

    .about-section .about-img {
        max-width: 612px;
    }

    .newsletter-section .container-fluid {
        gap: 16px;
    }

    .newsletter-section .newsletter-img {
        max-width: 154px;
    }

    .newsletter-section .btn {
        width: fit-content;
        max-width: unset;
    }

    footer .social-icons img {
        width: 24px;
        height: 24px;
    }

    footer .social-icons {
        gap: 18px;
    }

    footer .logo {
        max-width: 120px;
    }

    footer .footer-detail {
        max-width: 188px;
    }

    footer .footer-content {
        gap: 42px;
    }

    footer .footer-bottom-links,
    footer .footer-top-links {
        gap: 22px;
        max-width: 727px;
    }

    footer .footer-img {
        max-width: 569px;
    }

    .footer-bottom .terms-text,
    .footer-bottom h5 {
        width: fit-content;
    }

    .pioneers-detail div {
        padding: 54px;
    }

    .outcomes-detail div,
    .highlight-detail div {
        padding: 34px 54px;
    }

    .pioneers-section .pioneer-img {
        max-width: 213px;
    }

    .pioneers-section .quote-icon {
        width: 38px;
    }

    .pioneers-section .f-20-4 {
        font-size: 18px;
    }

    .mentorship-detail.pioneers-detail>div {
        padding: 54px;
    }

    .story-video .play-btn,
    .cares-detail .play-btn {
        width: 80px;
    }

    .seminars-section .seminars-card {
        padding: 24px;
        gap: 24px;
    }

    .seminars-section .seminars-card img {
        max-width: 372px;
    }

    .white-papers .papers {
        gap: 18px;
    }

    .white-papers .paper-card {
        width: calc(33.33% - 12px);
    }

    .white-papers .paper-card .f-24-5 {
        font-size: 17px;
    }

    .white-papers .paper-card div {
        padding: 12px 18px;
    }

    .white-papers .paper-card img {
        max-width: 170px;
    }

    .podcasts-detail .podcast-banner {
        padding: 28px;
        gap: 38px;
    }

    .podcasts-detail .podcast-controls {
        gap: 12px;
    }

    .podcasts-detail .btn.play-btn {
        width: 48px;
        height: 48px;
    }

    .podcasts-detail .btn.time-btn {
        width: 38px;
        height: 38px;
    }

    .podcasts-detail .detail-controls {
        gap: 28px;
    }

    .newsletters {
        gap: 22px;
    }

    .newsletters .newsletters-card {
        padding: 22px;
        width: calc(33.33% - 14.66px);
    }

    .newsletters .newsletters-card img {
        margin: 22px 0;
    }

    .newsletters .newsletters-card h5 {
        margin-bottom: 12px;
    }

    .events-section .card-header div {
        top: 14px;
        left: 14px;
    }

    .search-bar .btn {
        max-width: 182px;
    }

    .search-bar .search-input {
        width: 377px;
    }
}

@media (max-width: 1399.98px) {
    .container-fluid {
        padding: 0 72px;
    }

    .impact-section .card div {
        padding-left: 12px;
    }

    .impact-section .impact-card {
        column-gap: 24px;
    }

    .impact-section .card img {
        max-height: 92px;
    }

    .about-section .about-img {
        margin: -10px -72px 0 0;
        max-width: 502px;
    }

    .gallery-slider .slider-btns {
        width: 67%;
    }

    .mentors-section .mentors-slider,
    .seminars-section .seminars-slider,
    .news-media-slider {
        margin-right: -72px;
    }

    .newsletter-section .newsletter-content {
        max-width: 415px;
    }

    .newsletter-section .newsletter-content .f-18-4 {
        font-size: 16px;
    }

    .newsletter-section .newsletter-content .f-40-7 {
        font-size: 32px;
        margin-bottom: 8px !important;
    }

    .hero-banner:after {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 12.81%, rgba(0, 0, 0, 0) 70%);
    }

    .mentorship-detail.pioneers-detail>div {
        padding: 28px;
    }

    .cares-pillars .pillars img {
        max-height: 82px;
        margin-bottom: 24px;
    }

    .cares-pillars .pillars p {
        padding-left: 12px;
        font-size: 20px;
    }

    .white-papers .paper-card {
        width: calc(50% - 9px);
    }

    .podcasts-section h5 {
        font-size: 20px;
        min-height: 75px;
    }

    .podcasts-section .card-header .icon {
        width: 44px;
        height: 44px;
        top: 10px;
        right: 10px;
    }

    .podcasts-detail .podcast-icon {
        width: 48px;
        height: 48px;
    }

    .podcasts-detail .podcast-banner {
        gap: 28px;
    }

    .podcasts-detail .podcast-banner .f-40-7 {
        font-size: 24px;
    }

    .podcasts-detail .podcasts-img {
        width: 254px;
    }

    .newsletters .newsletters-card {
        padding: 16px;
    }

    .events-section .card-header {
        margin-bottom: 24px;
    }

    .events-section .event-card h5 {
        font-size: 18px;
    }

    .events-section .card-header div {
        padding: 6px 12px;
    }

    .forumsSlider .card-content {
        padding: 28px;
    }

    .forumsSlider .content-inner {
        gap: 28px;
    }

    .search-bar .search-input {
        width: 318px;
    }

    .search-section .form-group input {
        width: 427px;
    }

    .podcasts-section .search-bar .custome-select .select {
        width: 211px;
    }

    .inspired-banner.involved-banner p {
        max-width: 39rem;
    }
}

@media (max-width: 1199.98px) {
    .container-fluid {
        padding: 0 62px;
    }

    .navbar .nav-top {
        gap: 14px;
    }

    .navbar .nav-searchbar input {
        width: 273px;
    }

    .navbar .navbar-nav {
        gap: 14px;
    }

    .navbar .navbar-brand {
        width: 122px;
    }

    .detail-page .navbar .navbar-brand,
    .navbar.active .navbar-brand {
        margin: -12.75px 0;
    }

    .navbar .dropdown-toggle.nav-link.active:before,
    .navbar .nav-link.active:before {
        margin: 19px auto 0;
    }

    .navbar .nav-link {
        gap: 4px;
    }

    .key-pillars-descr {
        padding: 62px 0;
    }

    .impact-section .impact-card {
        flex-wrap: wrap;
    }

    .impact-section .card {
        flex: 1 1 calc(50% - 12px);
    }

    .about-section .about-img {
        margin: -10px -62px 0 0;
    }

    .about-section .about-content {
        align-items: end;
    }

    .gallery-slider .slider-btns {
        width: 75%;
    }

    .mentors-section .mentors-slider,
    .seminars-section .seminars-slider,
    .news-media-slider {
        margin-right: -62px;
    }

    .news-media-section .card-icons {
        top: 14px;
        left: 14px;
        right: 14px;
    }

    .news-media-section .card-icons .date-icon {
        width: 42px;
        height: 42px;
    }

    .news-media-section .card-icons .date h5 {
        font-size: 18px;
    }

    .news-media-section .card-icons .date {
        width: 52px;
        height: 52px;
    }

    .news-media-section .news-card .f-24-5 {
        font-size: 18px;
    }

    .newsletter-section .container-fluid {
        flex-wrap: wrap;
    }

    .newsletter-section .newsletter-content {
        max-width: calc(100% - 170px);
    }

    .newsletter-section .newsletter-subscribe {
        padding-top: 0;
        padding-right: 0;
    }

    .newsletter-section .newsletter-subscribe>div {
        max-width: unset;
    }

    footer .footer-detail {
        max-width: 178px;
    }

    footer .footer-content {
        gap: 24px;
        padding-bottom: 62px;
    }

    footer .footer-link {
        font-size: 16px;
    }

    .navbar .navbar-nav .dropdown-menu {
        margin-top: 25px;
    }

    .hero-banner {
        padding: 118px 0;
    }

    .pioneers-detail p {
        font-size: 20px;
    }

    .pioneers-points .points-card div {
        padding-left: 22px;
    }

    .pioneers-points li {
        width: 100%;
        font-size: 18px;
    }

    .pioneers-points h5 {
        font-size: 20px;
        margin-bottom: 22px;
    }

    .seminars-section,
    .gallery-section,
    .news-media-section,
    .newsletter-section,
    .mentors-section,
    .pioneers-section,
    .pioneers-points {
        padding: 82px 0;
    }

    .search-section,
    .forums-section,
    .events-section,
    .our-story,
    .contact-us,
    .partners-section,
    .podcasts-detail,
    .podcasts-section,
    .paper-detail,
    .white-papers,
    .cares-pillars .cares-bg {
        padding-bottom: 82px;
    }

    .podcast-fulldetail .podcast-guests,
    .podcast-fulldetail .podcast-description,
    .podcasts-detail .podcast-banner {
        margin-bottom: 82px;
    }

    .cares-pillars .cares-img {
        margin-bottom: 58px;
    }

    .pioneers-section .pioneers-cards {
        column-gap: 18px;
        row-gap: 38px;
    }

    .pioneers-section .card>div {
        margin-bottom: 18px;
    }

    .pioneers-section .card {
        /* width: calc(50% - 9px); */
        width: 100%;
    }

    .pioneers-section .card>div div {
        padding: 14px;
    }

    .pioneers-section .f-20-4 {
        font-size: 16px;
    }

    .pioneers-section .pioneer-img {
        max-width: 173px;
    }

    .pioneers-section .card .f-24-5 {
        font-size: 20px;
    }

    .wiser-accordion div.accordion-item {
        padding: 8px 12px 8px 22px;
    }

    .mentors-section .mentors-card {
        gap: 22px;
    }

    .mentors-section .mentor-img {
        max-width: 175px;
    }

    .story-video .play-btn,
    .cares-detail .play-btn {
        width: 70px;
    }

    .paper-detail .detail-img {
        margin: 0 22px 22px 0;
        max-width: 332px;
    }

    .paper-detail .detail-img:after {
        bottom: -22px;
        right: -22px;
    }

    .white-papers .f-40-7,
    .paper-detail h1 {
        font-size: 34px;
    }

    .paper-detail p {
        font-size: 18px;
    }

    .podcasts-section h5 {
        font-size: 18px;
        min-height: 67.5px;
    }

    .podcasts-detail .podcast-controls {
        gap: 6px;
    }

    .podcasts-detail .detail-controls {
        margin-bottom: 28px;
    }

    .podcasts-detail .podcast-banner .f-40-7 {
        font-size: 22px;
    }

    .newsletters {
        gap: 12px;
    }

    .newsletters .newsletters-card {
        padding: 14px;
        width: calc(33.33% - 8px);
    }

    .events-section .f-20-4 {
        margin-bottom: 28px;
    }

    .events-section .events {
        column-gap: 22px;
        row-gap: 28px;
    }

    .events-section .event-card {
        width: calc(33.33% - 14.66px);
    }

    .events-section .card-header {
        margin-bottom: 18px;
    }

    .forums-section .forums {
        padding: 24px;
        margin: 28px 0;
    }

    .forumsSlider .content-inner {
        gap: 18px;
    }

    .forumsSlider .forum-date h5 {
        font-size: 28px;
    }

    .search-bar {
        gap: 12px;
    }

    .search-bar .btn {
        max-width: 142px;
    }

    .search-bar .search-input {
        width: 298px;
        padding: 18.5px 18px;
    }

    .article-detail.podcasts-detail .podcast-detail {
        padding: 24px 30px;
    }

    .article-detail.podcasts-detail .podcasts-img {
        width: 50%;
    }

    .search-section .form-group input {
        width: 337px;
    }

    .search-section h1 {
        margin: 4px 0 8px;
    }

    .search-section .search-description {
        margin-bottom: 28px;
    }

    .podcasts-section .search-bar .custome-select .select {
        width: 201px;
    }

    .podcasts-section .search-bar .search-input {
        width: 268px;
    }

    .pioneers-detail.highlight-detail{
        flex-direction: column-reverse;
    }
    .outcomes-detail {
        flex-direction: column;
    }

    .highlight-detail.pioneers-detail .pioneers-img,
    .outcomes-detail.pioneers-detail .pioneers-img{
        max-width: 100%;
    }

    .outcomes-detail div, .highlight-detail div{
        padding: 42px 54px;
    }
}

@media (max-width: 991.98px) {
    .container-fluid {
        padding: 0 32px;
    }

    .f-24-5,
    .f-24-4 {
        font-size: 20px;
    }

    .f-22-4,
    .f-20-4,
    .f-20-5 {
        font-size: 18px;
    }

    .seminars-section,
    .mentors-section,
    .gallery-section,
    .news-media-section,
    .pioneers-section,
    .pioneers-points,
    .newsletter-section {
        padding: 62px 0;
    }

    .search-section,
    .forums-section,
    .events-section,
    .our-story,
    .contact-us,
    .partners-section,
    .podcasts-detail,
    .podcasts-section,
    .programs-section,
    .impact-section,
    .paper-detail,
    .white-papers,
    .cares-pillars .cares-bg {
        padding-bottom: 62px;
    }

    .podcast-fulldetail .podcast-guests,
    .podcast-fulldetail .podcast-description {
        margin-bottom: 62px;
    }

    .podcasts-detail .podcast-banner {
        margin-bottom: 62px;
        flex-direction: column;
    }

    .cares-pillars .cares-img {
        margin-bottom: 42px;
    }

    .navbar .navbar-toggler {
        padding: 0;
        border: none;
        box-shadow: none;
    }

    .offcanvas-header img {
        width: 82px;
    }

    .offcanvas-header .btn-close {
        box-shadow: none;
        padding: 0;
        margin: 0;
    }

    .offcanvas-body>div {
        display: flex;
        justify-content: start;
        flex-direction: column-reverse;
    }

    .navbar .dropdown-toggle.nav-link.active:before,
    .navbar .nav-link.active:before,
    body:has(.navbar .dropdown-toggle.show):after {
        display: none;
    }

    .navbar .nav-link {
        justify-content: start;
    }

    .navbar .navbar-nav {
        gap: 34px;
        margin-top: 0;
        margin-bottom: 42px;
        justify-content: start !important;
    }

    .navbar .navbar-nav .dropdown-menu {
        border: 1px solid #5B677040 !important;
        border-radius: 8px;
        padding: 18px;
        margin-top: 12px;
    }

    .navbar .dropdown-item {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .navbar .nav-top {
        /* flex-direction: column; */
        flex-wrap: wrap;
        justify-content: center;
    }

    .navbar .nav-toggle {
        width: 100%;
        justify-content: center;
    }

    .navbar .separate-line {
        display: none;
    }

    .navbar>.container-fluid {
        align-items: center;
    }

    .newsletter-section .newsletter-content .f-40-7,
    .f-40-7 {
        font-size: 28px;
    }

    .hero-slider h1,
    .hero-slider p {
        max-width: 592px;
    }

    .programs-section .lg-card {
        flex-direction: column;
    }

    .programs-section .lg-card div {
        padding: 24px 0 0;
    }

    .programs-section .lg-card img {
        width: 100%;
        max-width: 100%;
    }

    .about-section .about-content {
        flex-direction: column;
    }

    .about-section .about-img {
        margin: -120px -32px 0 0;
    }

    .slider-button {
        min-width: 52px;
        width: 52px;
        height: 52px;
    }

    .gallery-slider .slider-btns {
        width: 88%;
    }

    .gallery-section .gallery-content {
        bottom: 24px;
        left: 22px;
    }

    .seminars-section .seminars-slider,
    .news-media-slider {
        margin-right: -32px;
    }

    .news-media-section .card-image {
        margin-bottom: 18px;
    }

    .involved-banner {
        padding: 52px 0;
    }

    .newsletter-section {
        padding: 42px 0;
    }

    footer .footer-content {
        padding-top: 42px;
    }

    footer .footer-detail {
        max-width: 100%;
        flex-direction: unset;
        border-right: none;
        padding-bottom: 24px;
        border-bottom: 1px solid rgb(255, 255, 255, .25);
    }

    footer .footer-links {
        display: flex;
        flex-direction: column;
    }

    footer .footer-img {
        max-width: 379px;
    }

    .footer-bottom .terms-text a {
        font-size: 16px;
    }

    .detail-page .navbar .navbar-brand,
    .navbar.active .navbar-brand {
        width: 72px;
    }

    .navbar .navbar-brand {
        width: 96px;
    }

    .hero-banner {
        padding: 92px 0;
    }

    .navbar .search-show-btn {
        display: none !important;
    }

    .navbar .nav-searchbar {
        display: flex !important;
    }

    .navbar .nav-searchbar .search-close-btn {
        display: none;
    }

    .navbar .nav-searchbar input {
        padding: 9.5px 44px 9.5px 12px;
    }

    .navbar .nav-searchbar .search-icon {
        left: unset;
        right: 12px;
    }

    .breadcrumb {
        padding: 22px 0 32px;
    }

    .pioneers-detail {
        flex-direction: column;
    }

    .pioneers-detail .pioneers-img {
        max-width: 100%;
    }

    .pioneers-detail div {
        padding: 62px 32px;
    }

    .pioneers-points .points-card {
        flex-direction: column;
        margin-bottom: 26px;
    }

    .pioneers-section .card {
        width: 100%;
    }

    .hero-banner:after {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 12.81%, rgba(0, 0, 0, 0) 100%);
    }

    .pioneers-detail.mentorship-detail .pioneers-img {
        position: unset;
    }

    .mentors-section .mentors-slider {
        margin-right: -26px;
    }

    .mentors-section .mentors-card {
        gap: 14px;
    }

    .mentors-section .mentors-card .f-18-4 {
        font-size: 16px;
    }

    .mentors-section .mentor-img {
        max-width: 145px;
    }

    .mentors-section .mentors-card .f-24-5 {
        font-size: 18px;
    }

    .cares-pillars .pillars p {
        font-size: 16px;
    }

    .cares-pillars .pillars img {
        max-height: 72px;
        margin-bottom: 20px;
    }

    .cares-detail div {
        width: 100%;
    }

    .white-papers .paper-card .f-24-5 {
        font-size: 16px;
    }

    .white-papers .papers {
        gap: 12px;
    }

    .white-papers .paper-card {
        width: calc(50% - 6px);
    }

    .white-papers .paper-card img {
        max-width: 149px;
    }

    .more-papers .header {
        margin-bottom: 28px;
    }

    .white-papers .f-40-7,
    .paper-detail h1 {
        font-size: 28px;
    }

    .paper-detail p {
        font-size: 16px;
    }

    .paper-detail h1,
    .paper-detail p,
    .paper-detail span.f-14-4 {
        margin-bottom: 18px;
    }

    .podcasts-section .podcasts-card {
        column-gap: 24px;
        row-gap: 38px;
        margin-bottom: 48px;
    }

    .podcasts-section .card {
        width: calc(50% - 12px);
    }

    .podcasts-section .card:after {
        right: -12px;
    }

    .podcasts-section .card:nth-child(2n):after {
        border: transparent !important;
    }

    .podcasts-section .card:nth-child(3n):after {
        border-right: 1px solid #5B677040;
    }

    .podcasts-section .card-body {
        padding-top: 22px;
    }

    .podcasts-section .card-body div,
    .podcasts-section span.f-14-7 {
        margin-bottom: 8px;
    }

    .partners-section .partners div:first-child img,
    .partners-section .partners div:last-child img,
    .strategic-partner img,
    .supporting-partner div img {
        max-width: 165px;
    }

    .newsletters .newsletters-card {
        width: calc(50% - 6px);
    }

    .about-mission {
        flex-direction: column-reverse;
    }

    .our-story.seminar-detail .story-video,
    .story-video {
        margin-bottom: 42px;
    }

    .our-story .pillars {
        max-width: 525px;
        gap: 46px;
    }

    .our-story .story-description br {
        display: none;
    }

    .events-section .event-card h5 {
        font-size: 16px;
    }

    .events-section .event-card {
        width: calc(50% - 11px);
    }

    .forumsSlider .form-card {
        flex-direction: column-reverse;
    }

    .forumsSlider .forums-img,
    .forumsSlider .card-content {
        width: 100%;
        max-width: 100%;
    }

    .forums-section .swiper-pagination {
        gap: 14px;
        margin-bottom: 24px;
    }

    .story-video::before {
        top: 18px;
        left: 18px;
    }

    .search-bar .search-input {
        font-size: 16px;
    }

    .search-bar .search-input {
        width: 228px;
        padding: 13.5px 18px;
    }

    .search-bar .btn {
        width: fit-content;
        height: unset;
        padding: 17.5px 32px 15.5px;
    }

    .search-bar {
        gap: 4px;
        margin-bottom: 28px;
    }

    .article-detail.podcasts-detail .podcasts-img {
        max-width: 100%;
        width: 100%;
        border-radius: 8px 8px 0 0;
    }

    .article-detail.podcasts-detail .podcast-detail {
        padding: 24px 24px 0;
    }

    .search-section .result-card a {
        gap: 22px;
    }

    .search-section .result-card .f-24-5 {
        font-size: 18px;
    }

    .search-section .result-card .f-18-4 {
        font-size: 14px;
    }

    .search-section .result-card img {
        max-width: 211px;
        max-height: 118px;
    }

    .custome-select .options {
        padding: 13.5px 18px;
    }

    .custome-select .select {
        padding: 13.5px 18px;
        width: 176px;
    }

    .custome-select .select p {
        font-size: 16px;
    }

    .search-section .form-group .search-icon {
        left: 18px;
    }

    .search-section .form-group input {
        padding-left: 51px;
    }

    .podcasts-section .search-bar .custome-select .select {
        width: 171px;
    }

    .podcasts-section .search-bar .search-input {
        width: 228px;
    }

    .podcasts-section .search-bar .btn {
        padding: 17.5px 22px 15.5px;
    }

    .inspired-banner.involved-banner p {
        max-width: 29rem;
    }

        .outcomes-detail div, .highlight-detail div {
        padding: 42px 32px;
    }
}

@media (max-width: 767.98px) {
    .container-fluid {
        padding: 0 22px;
    }

    .f-40-7 {
        font-size: 24px;
    }

    .f-24-4,
    .f-24-4 {
        font-size: 18px;
    }

    .f-22-4,
    .f-20-4,
    .f-20-5,
    .f-18-7,
    .f-18-4 {
        font-size: 16px;
    }

    .hero-slider p {
        margin-bottom: 22px;
    }

    .btn {
        padding: 16.5px 26px;
    }

    .hero-slider .swiper-slide {
        height: 435px;
    }

    .seminars-section,
    .mentors-section,
    .pioneers-section,
    .pioneers-points,
    .gallery-section,
    .news-media-section,
    .key-pillars-descr {
        padding: 42px 0;
    }

    .search-section,
    .forums-section,
    .events-section,
    .our-story,
    .contact-us,
    .partners-section,
    .podcasts-detail,
    .podcasts-section,
    .programs-section,
    .impact-section,
    .paper-detail,
    .white-papers,
    .cares-pillars .cares-bg {
        padding-bottom: 42px;
    }

    .podcast-fulldetail .podcast-guests,
    .podcast-fulldetail .podcast-description {
        margin-bottom: 42px;
    }

    .podcasts-detail .podcast-banner {
        margin-bottom: 28px;
        padding: 22px;
        gap: 18px;
    }

    .cares-pillars .cares-img {
        margin-bottom: 28px;
    }

    .impact-section h2 {
        margin-bottom: 28px;
    }

    .about-section .about-img {
        margin: -120px -22px 0 0;
    }

    .slider-button {
        min-width: 42px;
        width: 42px;
        height: 42px;
    }

    .slider-button img {
        width: 18px;
    }

    .mentors-section .mentors-slider,
    .seminars-section .seminars-slider,
    .news-media-slider {
        margin-right: -22px;
    }

    .newsletter-section .btn {
        height: 56px;
    }

    .newsletter-section input[type=email] {
        height: 56px;
        padding: 9.5px 19px;
    }

    footer .logo {
        max-width: 82px;
    }

    footer .footer-bottom-links,
    footer .footer-top-links {
        gap: 12px;
    }

    footer .footer-link {
        font-size: 15px;
    }

    .footer-bottom .container-fluid h5 {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    .footer-bottom .container-fluid {
        row-gap: 18px;
        justify-content: center;
    }

    footer .footer-links {
        flex-direction: row;
    }

    footer .footer-bottom-links,
    footer .footer-top-links {
        flex-direction: column;
        flex: 1;
        margin-bottom: 0;
        gap: 42px;
    }

    .pioneers-detail div {
        padding: 42px 22px;
    }

    .pioneers-detail p {
        font-size: 18px;
        margin-bottom: 22px;
    }

    .pioneers-points li {
        font-size: 16px;
    }

    .pioneers-section h2 {
        margin-bottom: 28px;
    }

    .hero-banner:after {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 20%, rgba(0, 0, 0, 0) 100%);
    }

    .mentors-section .header {
        margin-bottom: 28px;
    }

    .cares-pillars .pillars {
        flex-wrap: wrap;
        justify-content: center;
    }

    .seminars-section .seminars-card img {
        max-width: 272px;
        min-height: 175px;
    }

    .white-papers .paper-card {
        width: 100%;
    }

    .paper-detail .detail-container {
        flex-direction: column-reverse;
    }

    .cares-pillars .pillars {
        row-gap: 28px;
        column-gap: 48px;
    }

    .podcasts-detail .podcast-banner .f-40-7 {
        font-size: 18px;
    }

    .podcasts-detail .detail-controls {
        margin-bottom: 18px;
        gap: 18px;
    }

    .podcast-fulldetail .guests-profile {
        gap: 24px;
        margin-bottom: 24px;
    }

    .podcast-fulldetail .guests-profile img {
        width: 95px;
        height: 95px;
    }

    .podcast-fulldetail .podcast-description p {
        font-size: 16px;
        margin-bottom: 22px;
    }

    .partners-section .partners div:last-child {
        padding-left: 22px;
    }

    .partners-section .partners div:first-child {
        padding-right: 42px;
    }

    .strategic-partner div,
    .supporting-partner div {
        flex-wrap: wrap;
    }

    .partners-section h5 {
        margin-bottom: 38px;
    }

    .contact-us input,
    .contact-us textarea {
        padding: 12.5px 18px;
        font-size: 16px;
    }

    .contact-us .form-group {
        margin-bottom: 12px;
    }

    .contact-us .d-flex .form-group {
        margin-bottom: 8px;
    }

    .contact-us .d-flex {
        gap: 12px;
    }

    .contact-us .btn {
        margin-top: 28px;
    }

    .contact-us textarea {
        height: 162px;
    }

    .newsletters {
        margin-bottom: 38px;
    }

    .cares-pillars .pillars,
    .our-story .story-description {
        margin-bottom: 28px;
    }

    .cares-pillars .pillars {
        max-width: 450px;
    }

    .story-video::before {
        top: 12px;
        left: 12px;
    }

    .article-layout {
        padding-left: 18px;
        gap: 8px;
    }

    .article-layout img {
        width: 39px;
        height: 25px;
    }

    .article-detail.podcasts-detail .podcast-banner {
        margin-bottom: 48px;
    }

    .search-section .form-group input {
        padding-left: 44px;
        width: 252px;
    }

    .search-section .form-group .search-icon {
        left: 14px;
    }

    .search-section .result-card {
        padding-bottom: 18px;
        margin-bottom: 28px;
    }

    .search-section .result-card a {
        flex-direction: column;
    }

    .custome-select .select {
        width: 166px;
    }

    .search-bar .btn {
        padding: 17.5px 23px 15.5px;
    }

    .podcasts-section .search-bar .custome-select .select {
        width: 162px;
    }

    .podcasts-section .search-bar .search-input {
        width: 200px;
    }
}

@media (max-width: 575.98px) {
    .container-fluid {
        padding: 0 12px;
    }

    .navbar .navbar-nav .dropdown-menu {
        width: 100%;
    }

    .hero-slider .btns {
        gap: 8px;
    }

    .hero-slider .btns .btn span {
        letter-spacing: 0;
    }

    .hero-slider .btns .btn {
        min-width: unset;
        padding: 16.5px 14px;
    }

    .hero-slider .btns .btn-primary.btn span,
    .btn span {
        letter-spacing: 0;
    }

    .paper-detail .btn,
    .white-papers .paper-card .btn,
    .hero-slider .btns .btn-primary.btn,
    .btn {
        letter-spacing: 0;
        padding: 16.5px 18px;
    }

    .newsletter-section .newsletter-content .f-40-7,
    .f-40-7 {
        font-size: 22px;
    }

    .hero-slider p {
        margin-bottom: 18px;
    }

    .hero-slider .swiper-horizontal>.swiper-pagination-bullets,
    .hero-slider .swiper-pagination-horizontal.swiper-pagination-bullets {
        bottom: 18px;
    }

    .hero-slider .hero-content {
        bottom: 48px;
    }

    .impact-section .card {
        flex: 1 1 calc(100%);
    }

    .impact-section .card div {
        margin-top: 18px;
    }

    .impact-section .card img {
        max-height: 72px;
    }

    .impact-section .impact-card {
        row-gap: 28px;
    }

    .programs-section .cards {
        flex-direction: column;
    }

    .programs-section .card,
    .programs-section .lg-card {
        padding: 12px;
    }

    .about-section .about-img {
        margin: -100px -12px 0 0;
    }

    .gallery-slider .slider-btns {
        width: 100%;
        padding: 0 4px;
    }

    .seminars-section .seminars-slider,
    .news-media-slider {
        margin-right: -12px;
    }

    .news-media-section .news-header {
        flex-wrap: wrap;
        row-gap: 12px;
    }

    .news-media-section .news-media-button-next {
        margin-right: auto;
    }

    .news-media-section .news-header h5 {
        width: 100%;
    }

    .newsletter-section .container-fluid {
        flex-direction: column;
        align-items: start;
    }

    .newsletter-section .newsletter-img {
        max-width: 124px;
    }

    .newsletter-section .newsletter-content {
        max-width: 100%;
        margin-top: 0;
    }

    .newsletter-section .newsletter-subscribe {
        flex-direction: column;
        width: 100%;
        gap: 12px;
    }

    .newsletter-section .newsletter-subscribe>div {
        width: 100%;
    }

    footer .footer-links {
        flex-direction: column;
    }

    footer .footer-bottom-links,
    footer .footer-top-links {
        gap: 28px;
    }

    footer .footer-top-links {
        margin-bottom: 28px;
    }

    footer .footer-content {
        padding-bottom: 42px;
    }

    .footer-bottom .container-fluid {
        gap: 8px;
    }

    .footer-bottom .container-fluid a {
        font-size: 14px;
    }

    .navbar .nav-toggle input {
        width: 38px;
    }

    .navbar .navbar-brand {
        width: 84px;
    }

    .navbar {
        padding: 18px 0;
    }

    .detail-page .navbar .navbar-brand,
    .navbar.active .navbar-brand {
        width: 57px;
        margin: -11.75px 0;
    }

    .hero-banner {
        padding: 72px 0 62px;
    }

    .breadcrumb {
        padding: 14px 0 28px;
        column-gap: 8px;
        row-gap: 8px;
    }

    .pioneers-detail div {
        padding: 28px 12px;
    }

    .pioneers-detail .btn {
        max-width: 178px;
    }

    .pioneers-points h5 {
        margin-bottom: 12px;
    }

    .pioneers-points .points-card {
        margin-bottom: 22px;
        gap: 22px;
    }

    .pioneers-points li {
        padding-left: 15px;
    }

    .mentorship-detail.pioneers-detail>div {
        padding: 28px 12px;
    }

    .wiser-accordion .accordion-button {
        font-size: 18px;
    }

    .wiser-accordion div.accordion-item {
        padding: 8px 0px 8px 12px;
    }

    .wiser-accordion div.accordion-body {
        padding-top: 14px;
    }

    .wiser-accordion ol {
        margin: 0;
        padding-left: 22px;
    }

    .wiser-accordion li:after {
        display: none;
    }

    .mentors-section .header {
        flex-wrap: wrap;
        margin-bottom: 8px;
    }

    .mentors-section .mentors-slider {
        margin-right: 0px;
    }

    .mentors-section .mentor-img {
        max-width: 112px;
    }

    .cares-pillars .cares-img {
        margin-bottom: 24px;
    }

    .seminars-section .header {
        margin-bottom: 28px;
    }

    .seminars-section .seminars-card {
        flex-direction: column;
        gap: 18px;
    }

    .seminars-section .seminars-card img {
        min-height: unset;
    }

    .pagination {
        gap: 4px;
    }

    .more-papers .header {
        gap: 12px;
        margin-bottom: 18px;
    }

    .paper-detail .detail-img {
        max-width: 242px;
    }

    .podcasts-section .card {
        width: 100%;
    }

    .podcasts-section h5 {
        font-size: 16px;
        min-height: unset;
    }

    .podcasts-section .card:after {
        display: none;
    }

    .podcasts-section .podcasts-card {
        margin-bottom: 28px;
    }

    .podcasts-section .btn,
    .newsletter-section .btn {
        height: unset;
    }

    .podcasts-detail .detail-controls {
        flex-direction: column;
        align-items: start;
    }

    .podcast-fulldetail .podcast-guests h2 {
        margin-bottom: 18px;
    }

    .podcast-fulldetail .guests-profile {
        gap: 12px;
        margin-bottom: 18px;
    }

    .podcast-fulldetail .guests-profile img {
        width: 82px;
        height: 82px;
    }

    .podcast-fulldetail .share-paper {
        padding-top: 22px;
    }

    .podcast-fulldetail .guests-profile h5 {
        font-size: 18px;
    }

    .podcast-fulldetail .podcast-guests,
    .podcast-fulldetail .podcast-description {
        margin-bottom: 32px;
    }

    .partners-section .partners div:first-child {
        padding-right: 22px;
    }

    .partners-section .partners div:last-child {
        padding-left: 14px;
    }

    .partners-section p,
    .strategic-partner p {
        margin-bottom: 12px !important;
    }

    .partners-section .partners,
    .strategic-partner {
        margin-bottom: 28px;
    }

    .partners-section .partners div:first-child img,
    .partners-section .partners div:last-child img,
    .strategic-partner img,
    .supporting-partner div img {
        max-width: 128px;
    }

    .contact-us .d-flex {
        flex-direction: column;
        gap: 0;
    }

    .newsletters .newsletters-card {
        width: 100%;
    }

    .newsletters {
        margin-bottom: 28px;
    }

    .advisory-council h5 br {
        display: none;
    }

    .pioneers-detail p {
        font-size: 16px;
    }

    .story-video .play-btn,
    .cares-detail .play-btn {
        width: 50px;
    }

    .our-story .pillars div {
        max-width: 122px;
    }

    .cares-pillars .pillars {
        column-gap: 28px;
    }

    .events-section .event-card {
        width: 100%;
    }

    .forums-section .forums {
        padding: 18px 12px;
    }

    .forumsSlider .card-content {
        padding: 14px;
    }

    .forumsSlider .content-inner {
        flex-direction: column;
        gap: 12px;
    }

    .forumsSlider .date-location {
        margin-bottom: 8px;
    }

    .forumsSlider .btn {
        margin-top: 24px;
    }

    .forums-section .slider-btns .forumsSlider-button-prev {
        margin-left: 18px;
    }

    .forums-section .swiper-pagination {
        margin-bottom: 18px;
        gap: 12px;
    }

    .story-video::before {
        top: 8px;
        left: 8px;
    }

    .article-detail.podcasts-detail .podcast-banner {
        margin-bottom: 34px;
    }

    .article-detail.podcasts-detail ul {
        padding-left: 22px;
    }

    .article-detail.podcasts-detail .podcast-detail {
        padding: 14px;
    }

    .article-layout {
        padding-left: 14px;
        gap: 6px;
    }

    .article-layout img {
        width: 28px;
        height: 19px;
    }

    .article-detail .event-date {
        top: 12px;
        left: 12px;
        padding: 4px 10px;
    }

    .search-section .form-group input {
        width: calc(100vw - 24px);
    }

    .search-section .search-bar .btn {
        width: fit-content;
    }

    .custome-select .select {
        width: calc(100vw - 128px);
    }

    .search-bar .form-group {
        width: 100%;
    }

    .podcasts-section .search-bar .search-input {
        width: 100%;
    }

    .custome-select .select {
        padding: 13.5px 12px;
    }

    .podcasts-section .search-bar .custome-select .select {
        width: 155px;
    }

    .desktop-view-img {
        display: none;
    }

    .mobile-view-img[src=""],
    .mobile-view-img:not([src]) {
        display: none;
    }

    .mobile-view-img {
        display: block;
    }

    .mobile-view-img[src=""],
    .mobile-view-img:not([src])~.desktop-view-img {
        display: block;
    }

    .outcomes-detail ul, .highlight-detail ul{
        padding-left: 2rem;
    }

    .outcomes-detail h2, .highlight-detail h2{
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 439.98px) {

    .white-papers .paper-card,
    .pioneers-section .card>div {
        flex-direction: column;
    }

    .white-papers .paper-card img {
        border-radius: 7px;
        margin-top: 14px;
        border: none;
    }

    .white-papers .paper-card div {
        text-align: center;
    }

    .white-papers .paper-card .f-24-5 {
        text-align: center;
        margin-bottom: 8px !important;
    }

    .podcasts-section .search-bar .custome-select .select {
        width: calc(50vw - 14px);
    }

    .white-papers .paper-card div .btn {
        margin: auto;
    }
}