:root {
    --white: #FFFFFF;
    --off-white: #F5F5F6;
    --black: #5B6770;
    --gray: #98A4AE;
    --primary: #49C5B1;
    --primary-80: #A4E2D8;
    --primary-60: #DBF3EF;
}

/* Navbar CSS Start */
.navbar {
    position: sticky;
    top: 0;
    padding: 1.5rem 0;
    border-bottom: 1px solid #5B677040;
    z-index: 10;
    background: var(--white);
}

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

.navbar .navbar-brand {
    width: 8.8125rem;
    margin-bottom: -3rem;
}

.detail-page .navbar .navbar-brand,
.navbar.active .navbar-brand {
    width: 6.0625rem;
    margin: -0.25rem 0;
}

.navbar .navbar-brand img {
    width: 100%;
}

.navbar .nav-top {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 2rem;
}

.navbar .separate-line {
    display: block;
    background: #5B677040;
    width: 1px;
    height: 2rem;
}

.navbar .login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--black);
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

.navbar .login-btn img {
    width: 1.5rem;
    height: 1.5rem;
}

.navbar .login-btn:hover {
    color: var(--primary);
}

.navbar .nav-toggle {
    display: flex;
    gap: 0.5rem;
    margin: 0;
    align-items: center;
    padding: 0;
}

.navbar .nav-toggle label {
    cursor: pointer;
}

.navbar .nav-toggle label span {
    color: var(--black);
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    transition: all .3s ease-in-out;
    user-select: none;
}

.navbar .nav-toggle input {
    margin: 0;
    cursor: pointer;
    background-image: none !important;
    background-color: #98A4AE26;
    border: 1px solid #5B677040;
    height: 1.5rem;
    min-height: 22px;
    width: 2.625rem;
    position: relative;
}

.navbar .nav-toggle input:focus {
    box-shadow: none;
}

.navbar .nav-toggle input:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.25rem;
    background: var(--primary);
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    margin: auto;
    transition: all .3s ease-in-out;
}

.navbar .nav-toggle input:checked {
    background-color: var(--primary-60);
    background-image: none !important;
}

.navbar .nav-toggle input:checked:after {
    left: calc(100% - 1.25rem);
}

.navbar .search-show-btn {
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0;
    margin: 0.5625rem 1rem 0.5625rem 0;
    color: var(--black);
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    border: none !important;
    background: transparent;
    transition: all .3s ease-in-out;
}

.navbar .search-show-btn img {
    width: 1.5rem;
    height: 1.5rem;
}

.navbar .search-show-btn:hover {
    color: var(--primary);
}

.navbar .nav-search {
    display: flex;
    align-items: center;
}

.navbar .nav-searchbar {
    position: relative;
}

.navbar .nav-searchbar .search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.75rem;
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
}

.navbar .nav-searchbar input {
    padding: 0.5938rem 2.75rem;
    border: 1px solid #5B677040;
    border-radius: 4px;
    width: 22.6875rem;
    font-size: 1rem;
    line-height: 130%;
    color: var(--black);
    height: 2.625rem;
}

.navbar .nav-searchbar input::placeholder {
    color: #5C6771;
}

.navbar .nav-searchbar input:focus {
    box-shadow: none;
    border-color: var(--primary);
}

.navbar .nav-searchbar .search-close-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0.75rem;
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
}

.navbar .nav-searchbar .search-close-btn:hover {
    background: #5B677010;
}

.navbar .navbar-nav {
    gap: 2.5rem;
    padding: 0.125rem 0;
    margin-top: 0.8125rem;
}

.navbar .nav-link {
    padding: 0 !important;
    color: var(--black);
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.navbar .nav-link.show:after {
    rotate: 180deg;
}

.navbar .nav-link.show {
    color: var(--primary);
}

.navbar .nav-link.active {
    color: var(--primary);
    position: relative;
}

.navbar .dropdown-menu:after {
    content: '';
    position: absolute;
    top: -1.875rem;
    left: 0;
    right: 0;
    width: 100%;
    height: 1.875rem;
    background: transparent;
}

.navbar .dropdown-toggle.nav-link.active:before,
.navbar .nav-link.active:before {
    content: '';
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 100%;
    border: 2.5008px solid var(--primary);
    top: 100%;
    left: 0;
    right: 0;
    margin: 1.4375rem auto 0;
}

.navbar .dropdown-toggle::after {
    border: none;
    margin: 0;
    width: 0.625rem;
    height: 0.625rem;
    background: url(../images/icons/dropdown-arrow.svg);
}

.navbar .navbar-nav .dropdown-menu {
    border: 1px solid #5B677040;
    border-top: none !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #E3F4F2 100%);
    border-radius: 0 0 8px 8px;
    padding: 1.5rem 2.5rem 2.5rem;
    width: 20.5rem;
    margin-top: 1.8125rem;
}

.navbar .dropdown-item {
    padding: 0;
    margin-bottom: 1.25rem;
    color: #5C6771;
    line-height: 130%;
    font-size: 1.25rem;
    background: transparent !important;
}

.navbar .dropdown-item:hover {
    color: var(--primary);
    background: transparent;
}

.navbar .navbar-nav .dropdown-menu li:last-child a {
    margin-bottom: 0;
}

body:has(.navbar .dropdown-toggle.show) {
    overflow: hidden;
}

body:has(.navbar .dropdown-toggle.show):after {
    content: '';
    background: rgb(0 0 0 / 40%);
    height: 100vh;
    width: 100vw;
    position: fixed;
    inset: 0;
    z-index: 9;
}

/* Navbar CSS End */
/* Newsletter Start */
.newsletter-section {
    padding: 6.25rem 0;
    background: var(--off-white);
}

.newsletter-section .container-fluid {
    display: flex;
    gap: 2.25rem;
}

.newsletter-section .newsletter-img {
    max-width: 12.1875rem;
    width: 100%;
}

.newsletter-section .newsletter-content {
    max-width: 34.6875rem;
    margin-top: 0.875rem;
}

.newsletter-section .newsletter-subscribe {
    display: flex;
    align-items: start;
    justify-content: end;
    flex-grow: 1;
    padding-top: 2.0625rem;
    padding-right: 0.1875rem;
}

.newsletter-section .newsletter-subscribe>div {
    flex-grow: 1;
    max-width: 36.6875rem;
}

.newsletter-section .btn {
    max-width: 16.125rem;
    width: 100%;
}

.newsletter-section input[type=email] {
    height: 4rem;
    padding: 1.2188rem 1.8125rem;
    border-radius: 40px;
    border: 1px solid #5B677040;
    box-shadow: none;
    color: var(--black);
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: -0.025rem;
    margin-bottom: 0.875rem;
}

.newsletter-section input[type=email]:focus {
    border-color: var(--primary);
}

.newsletter-section .form-check {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.newsletter-section .form-check input {
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #5B677040;
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    cursor: pointer;
    flex-shrink: 0;
}

.newsletter-section .form-check input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

.newsletter-section .form-check label {
    color: var(--black);
    font-size: 1rem;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: -0.025rem;
    user-select: none;
    cursor: pointer;
}

/* Newsletter End */
/* Footer Start */
footer>.container-fluid {
    background: linear-gradient(101.75deg, #49525A 41.39%, #5B6770 82.7%);
    position: relative;
}

footer .container-fluid {
    position: relative;
    z-index: 1;
}

footer .footer-content {
    display: flex;
    flex-wrap: wrap;
    gap: 4.5rem;
    padding: 6.25rem 0;
    position: relative;
    z-index: 1;
}

footer .footer-detail {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between;
    max-width: 23rem;
    width: 100%;
    flex-grow: 1;
    border-right: 1px solid rgb(255, 255, 255, .25);
}

footer .logo {
    max-width: 9.375rem;
    width: 100%;
}

footer .social-icons {
    display: flex;
    gap: 2rem;
}

footer .social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .social-icons img {
    width: 2rem;
    height: 2rem;
    transition: all .3s ease-in-out;
}

footer .social-icons a:hover img {
    transform: translateY(-0.5rem);
}

footer .footer-bottom-links,
footer .footer-top-links {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 1.75rem;
    max-width: 52.9375rem;
}

footer .footer-bottom-links {
    margin-bottom: 0;
}

footer .footer-bottom-links div,
footer .footer-top-links div {
    flex: 1;
}

footer .footer-title {
    color: var(--white);
    display: block;
    width: fit-content;
    margin-bottom: 1rem;
    text-decoration: none;
    transition: all .3s ease-in-out;
}

footer .footer-link {
    display: block;
    width: fit-content;
    text-decoration: none;
    color: var(--white);
    margin-bottom: 0.5rem;
    transition: all .3s ease-in-out;
}

footer a.footer-title:hover,
footer .footer-link:hover {
    color: var(--primary-80);
}

footer .footer-link:last-child {
    margin-bottom: 0;
}

footer .footer-links {
    flex-grow: 1;
}

footer .footer-img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 44.3125rem;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 709/418;
    opacity: 0.1;
}

.footer-bottom {
    background: #49525A;
    padding: 1.2188rem 0;
    position: relative;
    z-index: 1;
}

.footer-bottom .container-fluid {
    display: flex;
    gap: 2.625rem;
    flex-wrap: wrap;
}

.footer-bottom h5 {
    color: var(--white);
    max-width: 24.875rem;
    width: 100%;
    margin: 0;
}

.footer-bottom .terms-text {
    max-width: 15.6875rem;
    width: 100%;
}

.footer-bottom .terms-text a {
    text-decoration: none;
    color: var(--white);
    transition: all .3s ease-in-out;
}

.footer-bottom .terms-text a:hover {
    color: var(--primary-80);
}

/* Footer End */

.detail-page {
    position: relative;
}

.detail-page:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 47.625rem;
    width: 100%;
    z-index: -1;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #DBF3EF 100%);
}

/* Home Page Start */
/* Hero Section Start */
.hero-slider {
    position: relative;
}

.hero-slider video,
.hero-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-slider .hero-content {
    position: absolute;
    bottom: 4.75rem;
    left: 0;
    right: 0;
    text-align: center;
}

.hero-slider .btns {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.hero-slider .btns .btn {
    min-width: 11.75rem;
}

.hero-slider .btns .btn-primary.btn {
    border-color: var(--white);
    padding: 1.4688rem 2rem 1.3438rem;
}

.hero-slider h1 {
    max-width: 52.625rem;
    text-align: center;
    margin: 0 auto 1rem;
    color: var(--white);
}

.hero-slider p {
    color: var(--white);
    max-width: 52.625rem;
    margin: 0 auto 2rem;
    text-align: center;
}

.hero-slider .swiper-horizontal>.swiper-pagination-bullets,
.hero-slider .swiper-pagination-horizontal.swiper-pagination-bullets {
    bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-slider .swiper-pagination-bullet {
    width: 0.75rem;
    height: 0.75rem;
    margin: 0 0.5rem;
    background: transparent;
    border: 2px solid var(--white);
    opacity: .25;
}

.hero-slider .swiper-pagination-bullet-active {
    opacity: 1;
}

.hero-slider .swiper-slide {
    aspect-ratio: 1331 / 617;
    width: 100%;
}

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

/* Hero Section End */

/* key pillars Start */
.key-pillars-descr {
    margin: 0 auto;
    padding: 6.25rem 0;
    max-width: 60.625rem;
    text-align: center;
}

/* key pillars End */

/* Impact Start */
.impact-section {
    padding-bottom: 6.3125rem;
    background: linear-gradient(180deg, var(--white) 0%, var(--primary-60) 100%);
}

.impact-section h2 {
    margin-bottom: 3rem;
    text-align: center;
}

.impact-section .impact-card {
    display: flex;
    column-gap: 4rem;
    row-gap: 2.75rem;
}

@supports (-webkit-touch-callout: none) {
    .impact-section .card {
        width: fit-content;
    }
}

.impact-section .card {
    align-items: start !important;
    justify-content: start !important;
    background: transparent;
    border: 0;
    border-radius: 0;
    flex: 1;
}

.impact-section .card img {
    max-height: 7rem;
    width: auto;
    transition: all .3s ease-in-out;
}

.impact-section .card div {
    padding-left: 2rem;
    border-radius: 4px;
    border-left: 2px solid var(--primary);
    margin-top: 2rem;
    height: 100%;
}

.impact-section .card:hover img {
    transform: translateY(-0.75rem);
}

/* Impact End */

/* Programs Start */
.programs-section {
    padding-bottom: 6.25rem;
    background: var(--primary-60);
}

.programs-section .header {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    margin-bottom: 2rem;
    gap: 0.75rem;
    justify-content: space-between;
}

.programs-section h2 {
    margin-bottom: 0;
}

.programs-section .lg-card {
    margin-bottom: 2rem;
    padding: 2rem;
    background: var(--white);
    border-radius: 8px;
    border: none;
    display: flex;
    align-items: center;
}

.programs-section .lg-card img {
    max-width: 51.125rem;
    width: 50%;
    aspect-ratio: 818/460;
    object-fit: cover;
    flex-shrink: 0;
    border-radius: 8px;
    height: -webkit-fill-available;
}

.programs-section .lg-card div {
    padding: 1.5rem 6rem;
}

.programs-section .cards {
    display: flex;
    gap: 2rem;
}

.programs-section .card {
    background: var(--white);
    border: 0;
    border-radius: 8px;
    padding: 2rem;
    flex: 1;
    flex-direction: row;
    align-items: center;
}

.programs-section .card img {
    max-width: 24.5rem;
    aspect-ratio: 392/222;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.programs-section .card div {
    padding: 1.5rem 2rem;
}

/* Programs End */

/* About Us Start */
.about-section .about-content {
    display: flex;
    align-items: center;
}

.about-section .about-content div {
    padding: 6.25rem 6.125rem 6.25rem 0;
    margin: auto;
}

.about-section .about-img {
    margin: -7.8125rem -5.875rem 0 0;
    max-width: 45.75rem;
    aspect-ratio: 732/571;
    width: 100%;
    object-fit: cover;
    object-position: top left;
}

/* About Us End */

/* Gallery Start */
.gallery-section {
    padding: 6.25rem 0;
    background: var(--off-white);
}

.gallery-section .f-40-7 {
    text-align: center;
}

.gallery-section .swiper-slide img {
    width: 100%;
    aspect-ratio: 1144/644;
    min-height: 20rem;
    object-fit: cover;
    border-radius: 4px;
    transition: all .3s ease-in-out;
}

.gallery-section .swiper-slide:not(.swiper-slide-active) img {
    scale: .75;
}

.gallery-section .swiper-slide.swiper-slide-prev img {
    transform: translateX(16%);
}

.gallery-section .swiper-slide.swiper-slide-next img {
    transform: translateX(-16%);
}

.slider-button svg {
    display: none;
}

.slider-button {
    min-width: 4rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    border-radius: 4px;
    border-bottom: 2px solid var(--primary);
    position: unset;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.slider-button img {
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    z-index: 1;
    transition: all .3s ease-in-out;
}

.slider-button-next img {
    rotate: 180deg;
}

.pagination .btn:hover img,
.slider-button:hover img {
    filter: brightness(0) saturate(100%) invert(73%) sepia(25%) saturate(845%) hue-rotate(121deg) brightness(89%) contrast(89%);
}

.gallery-slider .slider-btns {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    inset: 0;
    margin: auto;
    width: 65%;
    padding: 0 0.75rem;
    z-index: 1;
    height: fit-content;
}

.gallery-slider .swiper-slide {
    position: relative;
}

.gallery-slider .gallery-content {
    position: absolute;
    bottom: 2.75rem;
    left: 2rem;
    z-index: 1;
}

.gallery-slider .swiper-slide:not(.swiper-slide-active) .gallery-content {
    display: none;
}

.gallery-slider .gallery-content .f-14-7 {
    color: #B9B9BA;
}

.gallery-slider .gallery-content .f-14-4,
.gallery-slider .gallery-content .f-20-5 {
    color: var(--white);
}

/* Gallery End */
/* News & Media Start */
.news-media-section {
    padding: 6.25rem 0;
    position: relative;
}

.news-media-section .f-40-7 {
    text-align: center;
}

.news-media-section:after {
    content: '';
    width: 100%;
    height: 17.5rem;
    background: linear-gradient(0deg, #FFFFFF 0%, #DBF3EF 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.news-media-section .news-header {
    display: flex;
    gap: 1rem;
    align-items: center;
    margin: 2rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid #5B677040;
}

.news-media-section .news-header h5 {
    margin-right: auto;
}

.news-media-slider {
    margin-right: -6rem;
}

.news-media-section .swiper-slide {
    height: unset;
}

.news-media-section .news-card {
    padding-right: 1.25rem;
    display: block;
    border-right: 1px solid #5B677040;
    color: var(--black);
    text-decoration: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-media-section .news-card .f-24-5.mb-3 {
    transition: all .4s ease-in-out;
    flex-grow: 1;
}

.news-media-section .news-card:hover .f-24-5 {
    color: var(--primary);
}

.news-media-section .card-image {
    aspect-ratio: 555/312;
    margin-bottom: 2rem;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

.news-media-section .news-img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.news-media-section .news-card .f-14-7 {
    color: #B9B9BA;
}

.news-media-section .card-icons {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.news-media-section .card-icons .date {
    background: var(--white);
    border-radius: 8px;
    width: 3.875rem;
    height: 3.9375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.news-media-section .card-icons .date-icon {
    background: var(--white);
    border-radius: 100px;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-media-section .card-icons .date-icon img {
    width: 100%;
}

.news-media-section .card-icons .date h5 {
    color: var(--black) !important;
    margin: 0;
    text-align: center;
}

.news-media-section .card-icons .date p {
    color: var(--primary);
    margin: 0;
    text-align: center;
}

/* News & Media End */
/* Get involved Start */
.involved-banner {
    padding: 7.5rem 0;
    position: relative;
    text-align: center;
}

.involved-banner .involved-img {
    position: absolute;
    inset: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.involved-banner .container-fluid {
    position: relative;
    z-index: 1;
    text-align: center;
}

.involved-banner .container-fluid .btn {
    margin: auto;
}

.involved-banner p {
    max-width: 50rem;
    margin: auto;
}

/* Get involved End */
/* Home Page End */

/* WiSER Pioneers Program Start */
/* Hero Banner Star */
.hero-banner {
    position: relative;
    padding: 11.3125rem 0 11.375rem;
}

.hero-banner .banner-img {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-banner:after {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 12.81%, rgba(0, 0, 0, 0) 50%);
}

.hero-banner .container-fluid {
    position: relative;
    z-index: 1;
}

.hero-banner span {
    margin-bottom: 1rem;
    color: var(--primary);
    text-transform: uppercase;
    display: block;
}

.hero-banner h1 {
    color: var(--white);
    margin-bottom: 1rem;
    text-align: start;
}

.hero-banner p {
    margin: 0;
    max-width: 34.6875rem;
    color: var(--off-white);
}

.hero-banner p a {
    color: var(--primary);
}

/* Hero Banner End */
/* Breadcrumb Start */
.breadcrumb {
    padding: 2rem 0 3rem;
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: 0.75rem;
    margin: 0;
}

.breadcrumb a {
    text-decoration: none;
    transition: all .3s ease-in-out;
    opacity: 0.5;
}

.breadcrumb a:hover {
    color: var(--primary);
    opacity: 1;
}

.breadcrumb span {
    display: block;
    color: var(--primary);
}

.breadcrumb p {
    margin: 0;
    opacity: 0.5;
}

.breadcrumb p.current-page {
    opacity: 1;
}

/* Breadcrumb End */
/* Pioneers Detail Start */
.pioneers-detail {
    display: flex;
}

.pioneers-detail>div {
    flex: 1;
    background: var(--off-white);
    padding: 5.75rem 6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pioneers-detail p {
    margin-bottom: 2rem;
}

.pioneers-detail .btn {
    max-width: 16.125rem;
    width: 100%;
}

.pioneers-detail .pioneers-img {
    max-width: 50%;
    width: 100%;
    object-fit: cover;
}

/* Pioneers Detail End */

/* Pioneers Points Start */
.pioneers-points {
    padding: 6.25rem 0;
}

.pioneers-points .points-card {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 2rem;
}

.pioneers-points .points-card div {
    padding-left: 2rem;
    border-radius: 4px;
    border-left: 2px solid #49C5B1;
    flex: 1;
    height: fit-content;
}

.pioneers-points h5 {
    margin-bottom: 2rem;
}

.pioneers-points ul {
    margin: 0;
    padding: 0;
}

.pioneers-points li {
    position: relative;
    color: #5C6771;
    padding-left: 1.5rem;
    list-style: none;
    margin-bottom: 0.5rem;
    width: 93%;
}

.pioneers-points li:last-child {
    margin-bottom: 0;
}

.pioneers-points li:after {
    content: '';
    position: absolute;
    top: 0.5625rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    border: 2px solid var(--primary);
}

.pioneers-points .more-info {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4375rem;
}

.pioneers-points .more-info a {
    color: var(--primary);
}

/* Pioneers Points End */

/* Pioneers Start */
.pioneers-section {
    padding: 6.25rem 0;
    position: relative;
}

.pioneers-section .container-fluid {
    position: relative;
    z-index: 1;
}

.pioneers-section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    width: 100%;
    background: linear-gradient(180deg, #DBF3EF, #FFFFFF);
}

.pioneers-section h2 {
    margin-bottom: 3rem;
}

.pioneers-section .pioneers-cards {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 3rem;
}

.pioneers-section .card {
    /* width: calc(50% - 1rem); */
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    transition: 0.5s all ease-in-out;
}

.pioneers-section .card>div {
    display: flex;
    margin-bottom: 2rem;
}

.pioneers-section .card>div div {
    /* height: 100%; */
    background: var(--off-white);
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    padding: 3rem;
}

.pioneers-section .f-20-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    height: fit-content;
}

.pioneers-section .pioneer-img {
    max-width: 18.3125rem;
    aspect-ratio: 293/366;
    border-radius: 8px;
    object-fit: cover;
}

.pioneers-section .quote-icon {
    width: 3.4375rem;
    height: 2.25rem;
}

/* Pioneers End */

/* WiSER Pioneers Program End */
.mentorship-detail.pioneers-detail div {
    background: transparent;
    padding-block: 5.4375rem;
    height: fit-content;
}

.mentorship-detail.pioneers-detail div.show {
    display: block;
}

.wiser-accordion div.accordion-item {
    padding: 0.5rem 2rem;
    border: none;
    border-left: 2px solid #5B677040;
    border-radius: 4px;
    margin-bottom: 1.5rem;
}

.wiser-accordion div.accordion-item:has([aria-expanded="true"]) {
    border-color: var(--primary);
}

.wiser-accordion button[aria-expanded="true"] {
    color: var(--black);
    border-color: var(--primary);
}

.wiser-accordion div.accordion-item:last-child {
    margin-bottom: 0;
}

.wiser-accordion .accordion-button {
    padding: 0 0 1rem 0;
    border: none;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 1px solid #5B677040;
    gap: 8px;
}

.wiser-accordion .accordion-button::after {
    background: url(../images/icons/dropdown-arrow.svg) no-repeat center/cover;
    width: 0.75rem;
    height: 0.75rem;
}

.wiser-accordion div.accordion-body {
    padding: 2rem 0 0 0;
}

.wiser-accordion ol {
    margin: 0;
    margin-left: 1rem;
}

.wiser-accordion li {
    margin-bottom: 0.5rem;
    position: relative;
}

.wiser-accordion li:after {
    content: '';
    position: absolute;
    top: 0.5625rem;
    left: -3rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    border: 2px solid var(--primary);
}

.wiser-accordion li:last-child {
    margin: 0;
}

.pioneers-detail.mentorship-detail {
    position: relative;
}

.pioneers-detail.mentorship-detail .pioneers-img {
    position: sticky;
    top: 8.0625rem;
    aspect-ratio: 960/540;
    height: max-content;
}

/* WiSER Mentorship Program Start */

/* Mentors Start */
.mentors-section {
    padding: 6.25rem 0;
}

.mentors-section .header {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 3rem;
}

.mentors-section .header p {
    max-width: 71.3125rem;
}

.mentors-section .mentors-button-prev {
    margin-left: auto;
}

.mentors-section .mentors-card {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.mentors-section .mentor-img {
    max-width: 15.3125rem;
    aspect-ratio: 245/306;
    border-radius: 8px;
    object-fit: cover;
}

.mentors-section .mentors-slider {
    margin-right: -5.9375rem;
}

/* Mentors End */
/* WiSER Mentorship Program End */

/* WiSER Cares Start */
/* Cares pillars Start */
.cares-pillars h5 {
    margin: 0 auto 3rem;
    text-align: center;
    max-width: 53rem;
}

.cares-pillars .pillars {
    /* width: fit-content; */
    margin: 0 auto 3rem;
    display: flex;
    gap: 1.75rem;
    max-width: 89.625rem;
    justify-content: space-between;
}

.cares-pillars .pillars img {
    max-height: 7rem;
    height: 100%;
    object-fit: contain;
    margin-bottom: 2rem;
}

.cares-pillars .pillars p {
    margin: 0;
    padding-left: 1.375rem;
    border-radius: 4px;
    border-left: 2px solid var(--primary);
}

.cares-pillars .cares-bg {
    background: linear-gradient(180deg, #FFFFFF 0%, #DBF3EF 100%);
    padding-bottom: 6.25rem;
}

.cares-pillars .cares-img {
    margin-bottom: 5rem;
    max-width: 71.375rem;
    width: 100%;
    aspect-ratio: 1142/643;
    object-fit: cover;
}

.cares-pillars .cares-bg p {
    margin: 0 auto;
    max-width: 71.375rem;
}

/* Cares pillars End */

/* Cares Detail Start */
.cares-detail div {
    width: 50%;
    flex: unset;
    position: relative;
}

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

.story-video:after,
.cares-detail div.p-0:after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #0000004D;
}

.story-video .play-btn,
.cares-detail .play-btn {
    position: absolute;
    z-index: 1;
    inset: 0;
    margin: auto;
    width: 7.5rem;
    aspect-ratio: 1/1;
    background: transparent;
    border: none;
    border-radius: 100%;
}

.story-video .play-btn img,
.cares-detail .play-btn img {
    width: 100%;
    height: 100%;
}

.story-video iframe,
.story-video video,
.cares-detail iframe,
.cares-detail video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

/* Cares Detail End */

/* Previous Seminars Start */
.seminars-section {
    padding: 6.25rem 0;
    background: linear-gradient(180deg, #DBF3EF, #FFFFFF 100%);
}

.seminars-section .header {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.5625rem;
}

.seminars-section .seminars-slider {
    margin-right: -6rem;
}

.seminars-section .seminars-card {
    padding: 2rem 4rem 2rem 2rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    background: var(--white);
    border-radius: 8px;
}

.seminars-section .seminars-card img {
    max-width: 24.5rem;
    width: 100%;
    border-radius: 8px;
    aspect-ratio: 392/222;
    object-fit: cover;
}

.seminars-section .seminars-card p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: fit-content;
}

/* Previous Seminars End */
/* WiSER Cares End */

/* White Papers Start */
.white-papers {
    padding-bottom: 6.25rem;
}

.white-papers p {
    margin-bottom: 3rem;
}

.white-papers .papers {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 3rem;
}

.white-papers .paper-card {
    border-radius: 8px;
    border: 1px solid #5B677040;
    display: flex;
    align-items: center;
    width: calc(33.33% - 1.3331rem);
}

.white-papers .paper-card img {
    max-width: 12.5rem;
    width: 100%;
    aspect-ratio: 200/285;
    object-fit: cover;
    border-right: 1px solid #5B677040;
    border-radius: 7px 0 0 7px;
}

.white-papers .paper-card div {
    padding: 0.75rem 2rem;
}

.pagination {
    display: flex;
    justify-content: end;
    gap: 1rem;
}

.pagination .btn {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    height: 4rem;
    padding: 1rem;
}

.pagination div.btn {
    cursor: inherit;
}

.pagination div.btn:hover {
    color: var(--black) !important;
    border-color: var(--white) !important;
}

.pagination .btn img {
    width: 1.5rem;
    height: 1.5rem;
    transition: all .3s ease-in-out;
}

.pagination .btn:not(.current, .btn-next, .btn-prev) {
    border-color: var(--white);
}

/* White Papers End */

/* White Papers Detail Start */
.more-papers .header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.125rem;
    margin-bottom: 3rem;
    align-items: center;
}

.more-papers .header .btn {
    padding-inline: 2rem;
}

.paper-detail {
    padding-bottom: 6.25rem;
}

.paper-detail .detail-container {
    display: flex;
    align-items: center;
    gap: 1.75rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #5B677040;
}

.paper-detail .detail-img {
    margin: 0 2rem 2rem 0;
    position: relative;
    max-width: 30.75rem;
    width: 100%;
    aspect-ratio: 492/700;
}

.paper-detail .detail-img:after {
    content: '';
    position: absolute;
    bottom: -2rem;
    right: -2rem;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, #DBF3EF 100%);
}

.paper-detail .detail-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: relative;
    z-index: 1;
}

.paper-detail .detail-content {
    flex-grow: 1;
}

.paper-detail h1,
.paper-detail p,
.paper-detail span.f-14-4 {
    margin-bottom: 2rem;
    max-width: 56.125rem;
}

.paper-detail .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.1875rem 2rem;
    width: fit-content;
}

.paper-detail .btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.share-paper .share-links {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.share-paper .share-links img {
    max-width: 2rem;
    max-height: 2rem;
    width: 100%;
    transition: all .3s ease-in-out;
}

.share-paper .share-links a:hover img {
    transform: translateY(-0.375rem);
}

/* White Papers Detail End */

/* Podcasts Start */
.podcasts-section {
    padding-bottom: 6.25rem;
}

.podcasts-section .description {
    max-width: 71.3125rem;
    margin-bottom: 3rem;
}

.podcasts-section .podcasts-card {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 3rem;
    margin-bottom: 3rem;
}

.podcasts-section .card {
    border: none;
    position: relative;
    width: calc(33.33% - 1.3331rem);
    text-decoration: none;
}

.podcasts-section .card:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    border-right: 1px solid #5B677040;
}

.podcasts-section .card:nth-child(3n):after {
    border: none;
}

.podcasts-section .card-header {
    padding: 0;
    background: transparent;
    width: 100%;
    aspect-ratio: 555/312;
    position: relative;
    border: 1px solid #5B677040;
    border-radius: 7px;
    overflow: hidden;
}

.podcasts-section .card-header .podcasts-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.podcasts-section .card-header .icon {
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}

.podcasts-section .card-body {
    padding: 2rem 0 0 0;
    display: flex;
    flex-direction: column;
}

.podcasts-section span.f-14-7 {
    margin-bottom: 1rem;
    color: #B9B9BA;
}

.podcasts-section h5 {
    flex-grow: 1;
    margin-bottom: 1rem;
    min-height: 5.625rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.podcasts-section .dot {
    color: var(--primary);
}

.podcasts-section .card-body div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.podcasts-section .card-body div p {
    margin: 0;
}

.podcasts-section .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 4rem;
}

.podcasts-section .btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

/* Podcasts End */

/* Podcast Detail Start */
.podcasts-detail {
    padding-bottom: 6.25rem;
}

.podcasts-detail .podcast-banner {
    margin-bottom: 6.25rem;
    background: var(--white);
    padding: 3rem;
    border-radius: 8px;
    display: flex;
    gap: 5rem;
}

.podcasts-detail .podcasts-img {
    width: 19.5rem;
    aspect-ratio: 1/1;
    height: 100%;
    border: 1px solid #5B677040;
    border-radius: 7px;
    object-fit: cover;
}

.podcasts-detail .podcast-icon {
    width: 4rem;
    height: 4rem;
    border: 1px solid #5B677040;
    margin-bottom: 1rem;
    border-radius: 100%;
    display: block;
}

.podcasts-detail .detail-controls {
    display: flex;
    align-items: end;
    gap: 5rem;
    margin-bottom: 3.5625rem;

}

.podcasts-detail .podcast-detail {
    flex-grow: 1;
}

.podcasts-detail .podcast-detail span {
    color: #B9B9BA;
}

.podcasts-detail .podcast-detail h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.podcasts-detail .podcast-detail div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.podcasts-detail .podcast-detail div .dot {
    color: var(--primary);
}

.podcasts-detail .podcast-controls {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.podcasts-detail .btn:hover,
.podcasts-detail .btn {
    padding: 0;
    border: none !important;
}

.podcasts-detail .btn.play-btn {
    width: 4rem;
    height: 4rem;
}

.podcasts-detail .btn.time-btn img,
.podcasts-detail .btn.play-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.podcasts-detail .btn.time-btn {
    width: 3rem;
    height: 3rem;
}

.podcast-bar .plyr--full-ui input[type=range] {
    appearance: none;
    -webkit-appearance: none;
    background: rgb(91, 103, 112, 0.1);
    color: var(--primary);
}

.podcast-bar .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
    height: 0.5rem;
    border-radius: 40px;
    background-color: rgb(91, 103, 112, .1);
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .podcast-bar .plyr--full-ui input[type='range'] {
        overflow: hidden;
        appearance: none;
        -webkit-appearance: none;
        height: 0.5rem;
        border-radius: 40px;
        background-color: rgba(255, 255, 255, 1);
    }

    .podcast-bar .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
        height: 0.5rem;
        appearance: none;
        -webkit-appearance: none;
        color: var(--primary);
        border-radius: 40px;
    }
}

.podcast-bar .plyr--full-ui input[type="range"]::-moz-range-progress {
    background-color: var(--primary);
    height: 0.5rem;
    border-radius: 40px;
}

.podcast-bar .plyr--full-ui input[type="range"]::-moz-range-track {
    background-color: rgb(91, 103, 112, .1);
    color: var(--primary);
    border-radius: 40px;
    height: 0.5rem;
}

.podcast-bar .plyr--full-ui input[type="range"]::-ms-fill-lower {
    background-color: rgb(91, 103, 112, .1);
    color: var(--primary);
    border-radius: 40px;
    height: 0.5rem;
}

.podcast-bar .plyr--full-ui input[type="range"]::-ms-fill-upper {
    background-color: var(--primary);
    height: 0.5rem;
    border-radius: 40px;
}

.podcast-bar .plyr--full-ui input[type='range']::-webkit-slider-thumb {
    visibility: hidden;
}

.podcast-bar .plyr--full-ui input[type='range']::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    width: 0;
    height: 0;
    visibility: hidden;
}

.podcast-bar .plyr__progress__buffer {
    display: none;
}

.podcast-bar .plyr__controls {
    padding: 0;
}

.banner-content {
    height: fit-content;
}

.podcast-fulldetail {
    max-width: 53rem;
    margin: auto;
}

.podcast-fulldetail .podcast-description {
    margin-bottom: 5.75rem;
}

.podcast-fulldetail .podcast-description p {
    margin-bottom: 2rem;
}

.podcast-fulldetail .podcast-guests {
    margin-bottom: 6.25rem;
}

.podcast-fulldetail .podcast-guests h2 {
    margin-bottom: 2rem;
}

.podcast-fulldetail .guests-profile {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    gap: 2rem;
}

.podcast-fulldetail .guests-profile img {
    width: 7.1875rem;
    height: 7.1875rem;
    border-radius: 100%;
    border: 1px solid #5B677040;
}

.podcast-fulldetail .share-paper {
    padding-top: 2rem;
    border-top: 1px solid #5B677040;
}

/* Podcast Detail End */

/* Partners Start */
.partners-section {
    padding-bottom: 6.25rem;
}

.partners-section h5 {
    max-width: 71.375rem;
    margin: 0 auto 4.125rem;
    text-align: center;
}

.partners-section .partners {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}

.partners-section .partners a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners-section .partners div:first-child {
    text-align: center;
    width: fit-content;
    padding-right: 3.8125rem;
}

.partners-section .partners div:first-child p {
    margin-bottom: 1.5rem;
}

.partners-section .partners div:last-child {
    text-align: center;
    width: fit-content;
    padding-left: 2.6875rem;
    border-left: 1px solid #5B677040;
}

.strategic-partner {
    margin-bottom: 3rem;
}

.strategic-partner div,
.supporting-partner div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.strategic-partner a,
.supporting-partner div a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.partners-section .partners div:first-child img {
    max-width: 10.625rem;
    width: 100%;
    aspect-ratio: 170/60;
    transition: all .3s ease-in-out;
}

.partners-section .partners div:last-child img,
.strategic-partner img,
.supporting-partner div img {
    max-width: 13.4375rem;
    width: 100%;
    aspect-ratio: 215/90;
    transition: all .3s ease-in-out;
}

.partners-section a:hover img,
.strategic-partner a:hover img,
.supporting-partner a:hover img {
    transform: translateY(-0.5rem);
}

/* Partners End */
/* Contact Us Start */
.contact-us {
    background: linear-gradient(180deg, #FFFFFF 0%, #DBF3EF 100%);
    padding-bottom: 6.25rem;
}

.contact-us form {
    max-width: 53rem;
    margin: auto;
}

.contact-us .form-group {
    margin-bottom: 1rem;
}

.contact-us .d-flex {
    gap: 1rem;
}

.contact-us .d-flex .form-group {
    width: 100%;
    margin-bottom: 0.75rem;
}

.contact-us input,
.contact-us textarea {
    margin-bottom: 0.25rem;
    background: var(--white);
    color: var(--black);
    font-weight: 400;
    font-size: 1.125rem;
    letter-spacing: -0.025rem;
    line-height: 140%;
    padding: 1.1563rem 1.8125rem;
    border-radius: 40px;
    border: 1px solid #5B677040;
    box-shadow: none !important;
}

.contact-us input:focus,
.contact-us textarea:focus {
    border-color: var(--primary);
    color: var(--black);
}

.contact-us textarea {
    resize: none;
    height: 12rem;
    border-radius: 24px;
}

.contact-us .btn {
    margin: 3rem auto 0;
    max-width: 16.3125rem;
    width: 100%;
}

/* Contact Us End */
/* Newsletters Start */
.newsletters {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-bottom: 3rem;
}

.newsletters .newsletters-card {
    width: calc(33.33% - 1.3331rem);
    padding: 2rem;
    border-radius: 4px;
    border: 1px solid #5B677040;
    background: var(--white);
}

.newsletters .newsletters-card h5 {
    min-height: unset;
}

.newsletters .newsletters-card img {
    display: block;
    width: 100%;
    aspect-ratio: 490/275;
    margin: 2rem 0;
    border-radius: 8px;
    object-fit: cover;
}

.newsletters .newsletters-card .btn {
    padding: 1rem 2rem 0.875rem;
    height: unset;
}

/* Newsletters End */
/* About Us Start */
.about-vision div {
    background: var(--white);
}

.advisory-council h5 {
    max-width: 23.9375rem;
}

.our-story {
    padding-bottom: 5.9375rem;
    background: linear-gradient(180deg, #FFFFFF 0%, #DBF3EF 100%);
}

.our-story h2 {
    text-align: center;
}

.our-story .story-description {
    margin: 0 auto 3rem;
    max-width: 52rem;
    text-align: center;
}

.our-story .pillars {
    max-width: 47.8125rem;
    gap: 6rem;
}

.our-story .pillars div {
    flex: 1;
}

.our-story .story-content {
    max-width: 71.375rem;
    margin: auto;
    text-align: center;
}

.story-video {
    position: relative;
    max-width: 71.375rem;
    width: 100%;
    aspect-ratio: 1331/617;
    margin: 0 auto 5rem;
}

.story-video .video-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
}

.story-video::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2rem;
    left: 2rem;
    z-index: 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #DBF3EF 100%);
}

/* About Us End */
/* Events and Forums Start */
.events-section {
    padding-bottom: 6.25rem;
}

.events-section .f-20-4 {
    margin-bottom: 3rem;
}

.events-section .events {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 3rem;
}

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

.events-section .card-header {
    position: relative;
    width: 100%;
    aspect-ratio: 555/312;
    margin-bottom: 2rem;
}

.events-section .card-header div {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    background: var(--white);
}

.events-section .event-card .card-header p {
    color: var(--primary);
}

.events-section .card-header img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.events-section .event-card p {
    color: #B9B9BA;
}

.events-section .event-card h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Forums Slider Start */
.forums-section {
    padding-bottom: 6.25rem;
}

.forums-section .forums {
    margin: 3rem 0;
    padding: 2rem;
    background: var(--off-white);
    border-radius: 8px;
}

.forumsSlider {
    position: relative;
}

.forumsSlider .form-card {
    display: flex;
}

.forumsSlider .card-content {
    width: 50%;
    padding: 1.75rem 4rem;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: var(--white);
}

.forumsSlider .content-inner {
    display: flex;
    gap: 2rem;
}

.forumsSlider .forum-date {
    padding: 0.5rem;
    background: var(--off-white);
    border-radius: 8px;
    height: fit-content;
    width: fit-content;
}

.forumsSlider .forum-date h5 {
    text-align: center;
}

.forumsSlider .forum-date p {
    text-align: center;
    color: var(--primary);
}

.forumsSlider .forums-img {
    max-width: 50%;
    aspect-ratio: 832/624;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.forumsSlider div:not(.forum-date) p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.forumsSlider .date-location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.forumsSlider .date-location img {
    width: 1.5rem;
    height: 1.5rem;
}

.forumsSlider .btn {
    margin-top: 2rem;
}

.forums-section .slider-btns {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.forums-section .slider-btns .gray-line {
    display: block;
    flex-grow: 1;
    background: #5B677040;
    height: 0.0625rem;
    width: 100%;
}

.forums-section .slider-btns .forumsSlider-button-prev {
    margin-left: 2rem;
}

.forums-section .description {
    max-width: 71.3125rem;
}

.forums-section .swiper-pagination {
    position: unset;
    display: flex;
    gap: 2rem;
    margin-bottom: 2rem;
}

.forums-section .swiper-pagination-bullet-active .swiper-pagination-bullet,
.forums-section .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    margin: 0 !important;
    background: rgb(91, 103, 112, .1) !important;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    opacity: 1;
}

.forums-section .swiper-pagination-bullet b {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 0%;
    height: 100%;
    border-radius: 40px;
    background-color: var(--primary);
}

.forums-section .swiper-pagination-bullet-active b {
    animation-name: countingBar;
    animation-duration: 3s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@keyframes countingBar {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/* Forums Slider End */
/* Events and Forums End */

/* News and Press Releases Start */
.search-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: end;
    align-items: center;
    margin-bottom: 3rem;
}

.search-bar .search-input {
    padding: 1.1563rem 1.8125rem;
    border-radius: 40px;
    border: 1px solid #5B677040;
    box-shadow: none !important;
    color: var(--black);
    font-size: 1.125rem;
    line-height: 140%;
    letter-spacing: -0.025rem;
    width: 28.5625rem;
}

.search-bar .btn {
    max-width: 16.3125rem;
    width: 100%;
}

/* News and Press Releases End */
/* News and Press Releases Detail Start */
.article-detail.podcasts-detail .podcast-banner {
    padding: 0;
    gap: 0;
    align-items: center;
}

.article-detail.podcasts-detail .podcasts-img {
    border: none;
    border-radius: 8px 0 0 8px;
    max-width: 50rem;
    width: 47%;
    aspect-ratio: 800/432;
}

.article-detail.podcasts-detail .podcast-detail {
    padding: 1.5rem 5rem;
    width: 100%;
}

.article-detail.podcasts-detail .podcast-detail h1 {
    overflow: unset;
    -webkit-line-clamp: unset;
}

.article-detail.podcasts-detail .podcasts-img {
    height: -webkit-fill-available;
}

.article-layout {
    display: flex;
    align-items: start;
    gap: 1rem;
    border-left: 2px solid #49C5B1;
    padding-left: 2rem;
    border-radius: 4px;
}

.article-layout img {
    width: 3.4375rem;
    height: 2.25rem;
}

.article-detail .podcast-description a {
    color: var(--primary);
}

.article-detail .podcast-banner {
    position: relative;
}

.article-detail .event-date {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    padding: 0.5rem 1rem;
    background: var(--white);
    border-radius: 8px;
    text-align: center;
}

.article-detail .event-date p {
    color: var(--primary);
}

/* News and Press Releases Detail End */
/* Search Start */
.search-section {
    padding-bottom: 6.25rem;
}

.search-section h1 {
    margin: 2.125rem 0 0.375rem;
}

.search-section .search-description {
    margin-bottom: 2.4375rem;
}

.search-section .search-results {
    max-width: 89.625rem;
    margin: auto;
}

.search-section .form-group {
    position: relative;
}

.search-section .form-group .search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.8125rem;
    width: 1.5rem;
    height: 1.5rem;
    margin: auto;
}

.search-section .form-group input {
    padding-left: 4.0625rem;
    width: 36.6875rem;
}

.search-section .result-card {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #5B677040;
}

.search-section .result-card a {
    text-decoration: none;
    display: flex;
    gap: 2rem;
}

.search-section .result-card img {
    max-width: 16.3125rem;
    max-height: 9.125rem;
    width: 100%;
    aspect-ratio: 261/146;
    object-fit: cover;
    border-radius: 4px;
}

.search-section .result-card .f-14-5,
.search-section .result-card .search-word {
    color: var(--primary);
}

.custome-select {
    position: relative;
}

.custome-select .select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 16.3125rem;
    border-radius: 40px;
    border: 1px solid #5B677040;
    padding: 1.1563rem 1.8125rem;
    background: var(--white);
}

.custome-select .select img {
    width: 0.625rem;
    height: 0.625rem;
}

.custome-select .select p {
    width: 100%;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custome-select .options {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.25rem);
    border-radius: 24px;
    border: 1px solid #5B677040;
    padding: 1.1563rem 1.8125rem;
    background: var(--white);
    display: none;
    z-index: 3;
}

.custome-select:has(.open) .select {
    border-color: var(--primary);
}

.custome-select:has(.open) .select img {
    rotate: 180deg;
}

.custome-select .options.open {
    display: unset;
}

.custome-select .options p {
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.custome-select .options p:hover {
    color: var(--primary);
}

.custome-select .options p:last-child {
    margin: 0;
}

.lang-select.custome-select .select {
    width: fit-content;
    border: none;
    padding: 0;
    gap: 0.375rem;
    cursor: pointer;
}

.lang-select.custome-select .options {
    padding: 0.375rem 0.5rem;
    border-radius: 0.25rem;
    width: 100%;
    top: calc(100%);
    background: linear-gradient(180deg, #FFFFFF 0%, #E3F4F2 100%);
}

.lang-select.custome-select .select p,
.lang-select.custome-select .options a {
    font-weight: 500;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    user-select: none;
    text-decoration: none;
}

.lang-select.custome-select .options a:hover {
    color: var(--primary);
}

/* Search End */

/* Seminars Detail Start */
.our-story.seminar-detail {
    background: transparent;
}

.our-story .story-description {
    max-width: 71.375rem;
}

.our-story.seminar-detail .story-video {
    margin-bottom: 3.125rem;
}

.outcomes-detail.pioneers-detail>div {
    background: var(--primary);
}

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

.outcomes-detail ul,
.highlight-detail ul {
    border-radius: 4px;
    border-left: 2px solid #49C5B1;
    padding-left: 3rem;
    list-style: none;
    margin: 0;
}

.outcomes-detail ul {
    border-color: var(--white);
}

.outcomes-detail ul li,
.highlight-detail ul li {
    margin-bottom: 0.5rem;
    position: relative;
}

.outcomes-detail ul li:last-child,
.highlight-detail ul li:last-child {
    margin: 0;
}

.outcomes-detail ul li:after,
.highlight-detail ul li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1rem;
    width: 0.5rem;
    height: 0.5rem;
    margin: auto;
    border-radius: 100%;
    border: 2px solid var(--primary);
}

.outcomes-detail ul li:after {
    border-color: var(--white);
}

/* Seminars Detail End */


/* home page slider animation code  */

.pioneers-section .swiper-slide:not(.swiper-slide-active) .card {
    scale: .75;
}

.pioneers-section .swiper-slide.swiper-slide-prev .card {
    transform: translateX(16%);
}

.pioneers-section .swiper-slide.swiper-slide-next .card {
    transform: translateX(-16%);
}

/* home page slider animation code end  */

.pillars-icon {
    transition: all .3s ease-in-out;
}

.pillars div:hover .pillars-icon {
    transform: translateY(-0.75rem);
}