* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    font-family: "Lato", sans-serif;
    color: #000000;
    background-color: #ffffff;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

a:focus {
    outline: none;
}

p {
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

p:not(:last-of-type) {
    margin-bottom: 15px;
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #FFFFFF;
    z-index: 999;
}

.site-header.head-sticky {
    -webkit-animation: .7s ease-in-out fadeInDown;
    animation: .7s ease-in-out fadeInDown;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.site-header .main-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-header .main-header .main-nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-header .main-header .brand-logo {
    max-width: 170px;
}

.site-header .main-header .main-nav ul li {
    padding: 30px 0px;
    position: relative;
}

.site-header .main-header .main-nav ul>li>a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: "Lato", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    transition: all 0.6s ease;
}

.site-header .main-header .main-nav ul li>a.active,
.site-header .main-header .main-nav ul li>:hover>a {
    color: #297999;
}

.site-header .main-header .main-nav ul li:not(:last-of-type) {
    margin-right: 40px;
}

.site-header .main-header .main-nav ul li.hase-menu>a::after {
    content: '\f078';
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 900;
    margin-left: 2px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.site-header .main-header .right-header {
    display: flex;
    align-items: center;
}

.site-header .main-header .right-header .nav-btns {
    padding-left: 40px;
}

.site-header .main-header .right-header .nav-btns {
    gap: 22px;
}

.site-header .main-header .right-header .nav-btns .search-btn {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    gap: 10px;
}

.site-header .main-header .right-header .nav-btns .btn-dark {
    padding: 7px 32px;
    background-color: #297999;
    border-radius: 4px;
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    transition: all 0.6s ease;
}

.site-header .main-header .right-header .nav-btns .btn-dark:hover {
    background: #000000;
}

.main-banner {
    position: relative;
}

.main-banner .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.main-banner .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-banner .banner-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 110.77%);
}

.main-banner .banner-content {
    position: relative;
    z-index: 1;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 32%;
}

.main-banner .banner-content h1 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.main-banner .banner-content p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.main-banner .banner-content .btn-border-white {
    display: inline-block;
    padding: 10px 32px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    transition: all 0.6s ease;
}

.main-banner .banner-content .btn-border-white:hover {
    background-color: #297999;
    border-color: #297999;
}

.cust-card-one .cust-card-body {
    background-color: #FFF9D7;
    padding-top: 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.cust-card-one .cust-card-body .card-img {
    margin: 0px 0 25px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    padding: 15px;
}

.cust-card-one .cust-card-body .card-img img {
    display: block;
    margin: auto;
}

.cust-card-one .cust-card-body .card-btn a {
    display: block;
    background-color: #297999;
    color: #FFFFFF;
    text-align: center;
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 5px 15px;
}

.padding-bottom {
    padding-bottom: 80px;
}

.padding-top {
    padding-top: 80px;
}

.whywe-exist .whywe-info h2 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #297999;
}

.whywe-exist .whywe-info h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 15px;
}

.whywe-exist .whywe-info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.section-title h2 {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #297999;
    margin-bottom: 10px;
}

.section-title p {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.collective-action .action-data {
    margin-top: 20px;
}

.collective-action .action-data .sm-title {
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #297999;
    margin-bottom: 20px;
}

.collective-action .action-data .count-card h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    color: #297999;
    margin-bottom: 20px;
}

.collective-action .action-data .count-card p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #297999;
}

.collective-action .action-data .data-stripe {
    font-family: "Lato", sans-serif;
    padding: 20px;
    background: #297999;
    font-style: italic;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 40px;
}

.scale-tabs .nav-tabs {
    border: 0;
}

.scale-tabs .nav-tabs li {
    flex: 1;
}

.scale-tabs .nav-tabs .nav-link {
    border: 0;
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    color: #297999;
    width: 100%;
    padding: 30px 0px;
    border-bottom: 5px solid transparent;
}

.scale-tabs .nav-tabs .nav-link.active {
    border-color: #297999;
    font-weight: 700;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.scale-tabs .tab-title {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #297999;
    margin-bottom: 40px;
}

.scale-tabs .tab-content {
    margin-top: 40px;
}

.scale-tabs .tab-content .tab-title span {
    color: #FFB338;
    text-transform: uppercase;
}

.tab-card .tab-card-body {
    padding: 16px 0px;
    border: 1px solid rgba(156, 212, 196, 0.2);
    border-radius: 16px;
    text-align: center;
    padding: 15px 15px 30px;
    height: 100%;
}

.tab-card .tab-card-body .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
}

.tab-card .tab-card-body h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #000000;
    font-family: "Lato", sans-serif;
}

.tab-card .tab-card-body p {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.scale-tabs .result-trip {
    padding: 30px;
    background: linear-gradient(90deg, #E3EEDB 0%, #E1E7F1 25.85%, #F4D7D7 60.85%, #F7ECCE 95.35%);
    border-radius: 16px;
}

.scale-tabs .result-trip .result-card {
    text-align: center;
}

.scale-tabs .result-trip .result-card h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 34px;
    color: #297999;
}

.scale-tabs .result-trip .result-card p {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #297999;
}

.scale-tabs .result-trip .row>* {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.scale-tabs .result-trip .row>*:not(:last-of-type) {
    border-right: 1px solid #297999;
}


.change-makers {
    background-color: #9CD4C44D;
    padding: 40px 0px;
}

.change-makers .section-title p {
    color: #297999;
}

.change-makers .section-title h2 {
    margin-bottom: 35px;
}

.logo-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
    margin: 40px 0;
}

.logo-grid .logo-box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 15px;
    border: 1px solid #297999;
    border-radius: 16px;
}

.btn-primary {
    display: inline-block;
    padding: 0px 32px;
    background: #297999;
    border: 2px solid #297999;
    border-radius: 4px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 46px;
    color: #FFFFFF;
    transition: all 0.6s ease;
}

.btn-primary.yellow-bg {
    background-color: #FBD037;
    border-color: #FBD037;
    color: #000000;
}

.btn-primary:hover {
    background-color: #000000;
    border-color: #000000;
}

.btn-primary.yellow-bg:hover {
    background: #297999;
    border-color: #297999;
    color: #FFFFFF;
}

.become-cac {
    margin: 80px 0px;
    background-color: #E1F2ED;
    padding: 40px 0px;
}

.member-card .member-card-body {
    border-radius: 16px;
    background-color: #297999;
    padding: 60px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.member-card .member-card-body h2 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #FBD037;
}

.member-card .member-card-body p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFF9D7;
}

.member-card .member-card-body a {
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    color: #000000;
    padding: 8px 0px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-top: 20px;
    width: 100%;
    transition: all 0.6s ease;
}

.member-card .member-card-body a:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.tpoic-card .cr-img {
    position: absolute;
    border-radius: 16px;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.tpoic-card .cr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tpoic-card .cr-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #297999;
    opacity: 0.5;
}

.tpoic-card .tpoic-card-body {
    position: relative;
    height: 100%;
}

.tpoic-card .tpoic-card-body .cr-name {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #FBD037;
    text-align: center;
    padding-bottom: 25px;
    position: relative;
    padding-top: 80%;
}

.news-signup {
    padding: 40px 0px;
    background: linear-gradient(0deg, #FDE579 0%, #E1F2ED 69.84%);
}

.news-signup .news-form h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
    font-family: "Lato", sans-serif;
}

.news-signup .news-form p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    font-family: "Lato", sans-serif;
}

.news-signup .news-form form {
    margin-top: 30px;
}

.news-signup .news-form form input {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #000000;
    border-radius: 4px;
    outline: none;
    background-color: transparent;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.news-signup .news-form form input::placeholder {
    color: #000000;
}

.btn-submit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 32px;
    gap: 10px;
    background: #297999;
    border-radius: 4px;
    font-weight: 700;
    font-size: 24px;
    line-height: 46px;
    color: #FFFFFF;
    text-transform: uppercase;
    transition: all 0.6s ease;
    outline: none;
    border: 0;
}

.btn-submit:hover {
    background-color: #FFB338;

}

.site-footer {
    background-color: #045B7E;
    padding: 20px 0px 0;
}

.site-footer .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.site-footer .footer-top .brand-logo img {
    max-width: 215px;
    width: 100%;
}

.site-footer .footer-top .brand-logo p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    margin-top: 15px;
}

.site-footer .footer-top .social-links a {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    gap: 10px;
}

.site-footer .footer-row {
    display: flex;
    flex-wrap: wrap;
}

.site-footer .footer-row .footer-col {
    width: 100%;
    flex: 1;
}

.site-footer .footer-row .footer-col:not(:last-of-type) {
    padding-right: 25%;
}

.site-footer .footer-row .footer-col h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #FFB338;
}

.site-footer .footer-row .footer-col h4 a {
    color: inherit;
}

.site-footer .footer-row .footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site-footer .footer-row .footer-col ul li a {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    transition: all 0.6s ease;
}

.site-footer .footer-row .footer-col ul li a:hover {
    color: #FFB338;
}

.site-footer .footer-row .footer-col ul li:not(:last-of-type) {
    margin-bottom: 10px;
}

.footer-top-wrape,
.footer-mid {
    border-bottom: 1px solid #9CD4C466;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.site-footer .networks h5 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}

.network-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.site-footer .ftr-copyright {
    background: #297999;
    border-top: 1px solid rgba(41, 121, 153, 0.2);
    border-bottom: 1px solid rgba(41, 121, 153, 0.2);
    padding: 16px 0px;
    margin-top: 20px;
}

.site-footer .ftr-copyright p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
}

.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    padding: 40px;
    opacity: 0;
    visibility: hidden;
    margin-top: 15px;
    transition: all 0.6s ease;
}

.mega-menu .m-title {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #297999;
    margin-bottom: 35px;
}

.site-header .main-header .mega-menu .menu-body ul {
    display: block;
}

.site-header .main-header .mega-menu .menu-body ul li {
    padding: 0;
    margin: 0;
}

.site-header .main-header .mega-menu .menu-body ul li a {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.site-header .main-header .mega-menu .menu-body ul li:not(:last-of-type) {
    margin-bottom: 20px;
}

.site-header .main-header .mega-menu .drp-img {
    margin-bottom: 35px;
}

.site-header .main-header .mega-menu p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.site-header .main-header .mega-menu p:not(:last-of-type) {
    margin-bottom: 35px;
}

.site-header .main-header .mega-menu p+.btn-primary {
    margin-top: 35px;
}

.site-header .main-header .mega-menu .row {
    margin: 0 -40px;
}

.site-header .main-header .mega-menu .row>* {
    padding: 0 40px;
}

.site-header .main-header .mega-menu .row>*:not(:last-of-type) {
    border-right: 1px solid #666666;
}

.site-header .main-header .main-nav ul li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

.site-header .main-header .main-nav ul li.hase-menu:hover>a::after {
    transform: rotate(180deg);
}

.menu-toggle {
    position: relative;
    background: 0 0;
    border: 0;
    width: 25px;
    padding: 0;
    display: none;
}

.menu-toggle span,
.menu-toggle span::after,
.menu-toggle span::before {
    height: 3px;
    background: #000000;
    transition: .2s;
    display: block;
}

.menu-toggle span::after,
.menu-toggle span::before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
}

.menu-toggle span::before {
    top: -8px;
}

.menu-toggle span::after {
    bottom: -8px;
}

.menu-toggle.active span {
    transform: rotate(45deg);
}

.menu-toggle.active span::before {
    transform: translate3d(0, 8px, 0);
}

.menu-toggle.active span::after {
    transform: rotate(-90deg) translate3d(8px, 0, 0);
}

.mobile-menu-wrapper {
    position: fixed;
    z-index: 999;
    background: #ffff;
    top: 0;
    height: 100%;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    transform: translate(-100%, 0);
    left: 0;
    width: 280px;
}

.mobile-menu-wrapper.menu-active {
    transform: translate(0, 0);
}

.mobile-menu-head {
    padding: 15px;
    background: #297999;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.nav-close svg {
    color: #fafafa;
}

.mobile-menu-bar>ul {
    list-style: none;
    padding: 10px 20px;
    margin: 0;
    height: calc(100vh - 48px);
    overflow: auto;
}

.mobile-menu li {
    display: block;
    position: relative;
    padding: 13px 0;
    border-bottom: 1px solid #ececec;
}

.mobile-menu-bar ul li a {
    display: block;
    color: #212529;
}

.mobile-menu li .menu-expand {
    right: 0;
    position: absolute;
    cursor: pointer;
    z-index: 9;
    text-align: center;
    font-size: 12px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 38px;
    top: 5px;
    color: #000000;
}

.mobile-menu li.menu-item-has-children.active>.menu-expand i::before {
    content: "\f077";
    font-weight: 900;
}

.mobile-menu li ul li {
    padding: 10px 0;
    border-bottom: none;
    line-height: 1;
    margin: 0;
}

.mobile-menu li ul {
    list-style: none;
    padding: 10px 0 0 10px;
}

.mobile-menu li ul li a {
    font-size: 14px;
}

.overlay-main::after {
    content: '';
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .4s, opacity .4s;
    background: rgba(0, 0, 0, .3);
}

.overlay-main.active::after {
    visibility: visible;
    opacity: 1;
    transition-delay: .05s;
}

.page-banner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.page-banner .banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 110.77%);
    z-index: 1;
}

.page-name {
    position: relative;
        padding-top: 20%;
    padding-bottom: 60px;
    z-index: 2;
}

.page-banner .page-name h1 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
}

.page-banner .page-name .sub-title {
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 4px;
    text-align: center;
    font-family: "Lato", sans-serif;
    color: #FFFFFF;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.page-banner .page-name p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}

.page-banner .page-name .btn-primary {
    margin-top: 40px;
}

.vision-mission {
    background: rgba(156, 212, 196, 0.2);
}

.vision-mission .have-border {
    border-left: 1px solid #297999;
}

.mission-card {
    padding: 60px 0;
    text-align: center;
}

.mission-card .icon {
    margin-bottom: 10px;
}

.mission-card h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #297999;
}

.mission-card p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.padding-top-sm {
    padding-top: 40px;
}

.padding-bottom-sm {
    padding-bottom: 40px;
}

.principles-card {
    text-align: center;
}

.principles-card .principle-icon {
    max-width: 68px;
    height: 68px;
    width: 100%;
    background-color: #297999;
    border-radius: 5px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.principles-card h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    color: #000000;
}

.principles-card p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.beyond-wrapper {
    background: linear-gradient(180deg, #D3F7EB 0%, #FAF3CA 100%);
    border-radius: 10px;
    padding: 40px;
    margin-top: 20px;
}

.beyond-wrapper .title h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 52px;
    text-align: center;
    color: #000000;
    margin-bottom: 40px;
}

.beyond-card .beyond-card-body {
    padding: 20px;
    background: #FFFFFF;
    border-radius: 10px;
    display: flex;
    gap: 20px;
}

.beyond-card .beyond-card-body .icon-info {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 20px;
    min-width: 320px;
}

.beyond-card .beyond-card-body .icon-info .icon {
    background-color: #297999;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    padding: 0;
    border: 0;
}

.beyond-card .beyond-card-body .icon-info .name {
    flex: 1;
}

.beyond-card .beyond-card-body .icon-info h5 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #297999;
    margin-bottom: 0;
}

.beyond-card .beyond-card-body .icon-info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-top: 10px;
}

.beyond-card .beyond-card-body>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.beyond-card .beyond-card-body>div:not(:last-of-type) {
    border-right: 1px solid #297999;
    padding-right: 20px;
}

.beyond-card .beyond-card-body .ex-inf h6 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    color: #297999;
    margin-bottom: 10px;
}

.beyond-card .beyond-card-body .ex-inf p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.beyond-card:not(:last-of-type) {
    margin-bottom: 20px;
}

.systemic-change {
    padding: 40px 0px;
    background: linear-gradient(0deg, #FDE579 0%, #FFFFFF 69.84%);
}

.systemic-change .section-title h2 {
    color: #000000;
}

.cust-video-box {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    min-height: 385px;
    background-color: #000000;
}

.cust-video-box video {
    width: 100%;
    height: 100%;
}

.cust-video-box .play-btn {
    background: transparent;
    border: 0;
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
}

.team-card .team-card-body {
    position: relative;
    background: linear-gradient(180deg, #D3F7EB 0%, #FAF3CA 100%);
    border-radius: 16px;
    padding: 20px 20px 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.team-card .team-card-body::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/team-flower.png');
    width: 49px;
    height: 56px;
    display: none;
}

.team-card .team-card-body .team-img {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 16px;
    position: relative;
    padding-top: 90%;
}

.team-card .team-card-body .team-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.team-card .team-card-body .team-info {
    flex: 1;
}

.team-card .team-card-body .team-info h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #000000;
    margin-bottom: 10px;
}

.team-card .team-card-body .team-info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.team-card .team-card-body .social-media {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.section-title.mb-50 {
    margin-bottom: 50px;
}

.why-joinus {
    background-color: #9CD4C44D;
    margin: 40px 0 0px;
    padding: 40px 0px;
}

.section-title {
    margin-bottom: 40px;
}

.reson-card {
    text-align: center;
}

.reson-card .icon {
    margin-bottom: 35px;
}

.reson-card .title-rs h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    margin: 0;
}

.together-card {
    display: flex;
    gap: 16px;
}

.together-card .together-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95px;
    height: 95px;
    border-radius: 10px;
    flex-shrink: 0;
    background: linear-gradient(90deg, #E3EEDB 0%, #E1E7F1 25.85%, #F4D7D7 60.85%, #F7ECCE 95.35%);
    border: 1px solid #297999;
}

.together-card .together-info h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
}

.together-card .together-info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}



.action-partnerships .background-warpe {
    position: relative;
}

.action-partnerships .background-warpe::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(41, 121, 153, 0.19) 2.2%, #0E2833 89.63%);
}

.action-partnerships .background-warpe img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.action-partnerships .background-warpe .section-title {
    position: relative;
    padding-top: 130px;
    padding-bottom: 100px;
}

.action-partnerships .background-warpe .section-title h2,
.action-partnerships .background-warpe .section-title p {
    color: #FFFFFF;
}

.testimonial-box {
    padding: 78px 100px;
    background: #FBD037;
    border-radius: 24px;
}

.testimonial-card .user-profile {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.testimonial-card .user-profile .user-img img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    border-radius: 50%;
}

.testimonial-card .user-profile .user-name p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    color: #000000;
    margin-bottom: 5px;
}

.testimonial-card .user-profile .user-name h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    color: #000000;
    margin: 0;
}

.testimonial-card .user-desc p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.action-partnerships .partnership-wrapper {
    margin-top: -100px;
    position: relative;
}

.partner-form-part {
    padding: 40px 0px;
    background: linear-gradient(360deg, rgba(4, 91, 126, 0.4) 0%, rgba(156, 212, 196, 0.4) 95.35%);
}

.partner-form-part form .input-wrapper input {
    width: 100%;
    padding: 8px 10px;
    height: 40px;
    background: rgba(156, 212, 196, 0.1);
    border: 1px solid #297999;
    border-radius: 4px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    outline: none;
}

.partner-form-part form .input-wrapper input::placeholder {
    color: #000000;
}

.interested-in {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.interested-in .lbl {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.partner-form-part form .form-check .form-check-label {
    display: flex;
    align-items: center;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    gap: 10px;
    cursor: pointer;
}

.partner-form-part form .form-check .form-check-label::before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #297999;
    font-family: "Font Awesome 5 Free";
    font-size: 11px;
    font-weight: 900;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
    flex-shrink: 0;
}

.partner-form-part form .form-check {
    padding: 0;
}

.partner-form-part form .form-check-input[type=radio] {
    display: none;
}

.partner-form-part form .form-check-input[type=radio]:checked+.form-check-label::before {
    content: '\f00c';
    background-color: #297999;
}

.partner-form-part .form-info p {
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.partner-form-part .btn-primary {
    padding-top: 10px;
    padding-bottom: 10px;
}

.partner-form-part .select2 {
    width: 100% !important;
}


.select2-container--default .select2-selection--single {
    padding: 0px 10px;
    background: rgba(156, 212, 196, 0.1);
    border: 1px solid #297999;
    border-radius: 4px;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    color: #000000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    transform: translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
    width: 19px;
    height: 9px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="9" viewBox="0 0 17 9" fill="none"><path d="M16.281 1.28104L8.78104 8.78104C8.71139 8.85077 8.62867 8.90609 8.53762 8.94384C8.44657 8.98158 8.34898 9.00101 8.25042 9.00101C8.15186 9.00101 8.05426 8.98158 7.96321 8.94384C7.87216 8.90609 7.78945 8.85077 7.71979 8.78104L0.219792 1.28104C0.0790615 1.14031 0 0.94944 0 0.750417C0 0.551394 0.0790615 0.360522 0.219792 0.219792C0.360523 0.0790612 0.551394 0 0.750417 0C0.94944 0 1.14031 0.0790612 1.28104 0.219792L8.25042 7.1901L15.2198 0.219792C15.2895 0.150109 15.3722 0.0948337 15.4632 0.0571218C15.5543 0.0194098 15.6519 0 15.7504 0C15.849 0 15.9465 0.0194098 16.0376 0.0571218C16.1286 0.0948337 16.2114 0.150109 16.281 0.219792C16.3507 0.289474 16.406 0.3722 16.4437 0.463245C16.4814 0.554289 16.5008 0.651871 16.5008 0.750417C16.5008 0.848963 16.4814 0.946545 16.4437 1.03759C16.406 1.12863 16.3507 1.21136 16.281 1.28104Z" fill="black"/></svg>');
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(-180deg);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #297999;
}

.focus-area {
    background-color: #FFF9D7;
    padding: 40px 0;
}

.focus-area .section-title h2 {
    color: #000000;
}

.focus-card {
    text-align: center;
}

.focus-card .fc-num {
    background-color: #8E9952;
    border-radius: 5px;
    width: 45px;
    height: 45px;
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 45px;
    color: #FFFFFF;
    text-align: center;
    margin: 0 auto 10px;
}

.focus-card .fc-info h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.focus-card .fc-info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.aim-tabs {
    flex-direction: column;
}

.aim-tabs .nav-item .nav-link {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    border-radius: 0;
    border: 0;
    padding: 10px 100px 10px 10px;
    transition: all 0.6s ease;
    width: 100%;
    text-align: left;
}

.aim-tabs .nav-item .nav-link.active {
    color: #FFFFFF;
    background-color: #297999;
}

.aim-tabs .nav-item .nav-link:not(.active) {
    padding-left: 0;
}

.achieve-aim {
    overflow: hidden;
    background: linear-gradient(90deg, #E3EEDB 0%, #E1E7F1 25.85%, #F4D7D7 60.85%, #F7ECCE 95.35%);
}

.achieve-aim .left-side {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    padding-right: 100px;
}



.achieve-aim .right-side {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 100px;
}

.tab-content .tab-title {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #000000;
    margin-bottom: 40px;
}

.aim-list .aim-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.aim-list .aim-box .icon {
    flex-shrink: 0;
}

.aim-list .aim-box .info h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #297999;
    margin: 0;
}

.aim-list .aim-box .info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.aim-list .aim-box:not(:last-of-type) {
    margin-bottom: 20px;
}

.news-card .news-card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news-card .news-card-body .news-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px 16px 0px 0px;
}

.news-card .news-card-body .new-info {
    border: 1px solid #297999;
    border-top: 0;
    padding: 20px;
    border-radius: 0px 0px 16px 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news-card .news-card-body .new-info .date {
    display: block;
    font-family: "Lato", sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 10px;
}

.news-card .news-card-body .new-info h3 a {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
}

.news-card .news-card-body .new-info h3 {
    margin-bottom: 20px;
}

.news-card .news-card-body .new-info p {
    flex: 1;
}

.news-card .news-card-body .new-info .author {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 0;
    margin-top: 20px;
}

.btn-primary.btn-sm {
    font-size: 18px;
    line-height: 49px;
}

.coalition-card .coalition-card-body {
    border: 1px solid #FBD037;
    border-radius: 24px;
    overflow: hidden;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.coalition-card .coalition-card-body::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/flower-top.png');
    width: 83px;
    height: 52px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.coalition-card .coalition-card-body::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url('../images/flower-bottom.png');
    width: 62px;
    height: 46px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.coalition-card .coalition-card-body .coalition-title h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #000000;
    padding: 20px;
    margin: 0;
}

.coalition-card .coalition-card-body .coalition-title .img-title {
    text-align: center;
    padding: 12px;
}

.coalition-card .coalition-card-body .coalition-info {
    padding: 20px;
    background: linear-gradient(90deg, #E3EEDB 0%, #E1E7F1 25.85%, #F4D7D7 60.85%, #F7ECCE 95.35%);
    display: flex;
    flex-direction: column;
    flex: 1;
}

.coalition-card .coalition-card-body .coalition-info .key-stats {
    flex: 1;
}

.coalition-card .coalition-card-body .coalition-info .tag {
    display: inline-block;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 5px 10px;
    background-color: #297999;
    border-radius: 50px;
    margin-bottom: 10px;
}

.coalition-card .coalition-card-body .coalition-info h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.coalition-card .coalition-card-body .coalition-info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 20px;
}

.coalition-card .coalition-card-body .coalition-info h5 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 10px;
}

.coalition-card .coalition-card-body .coalition-info ul {
    list-style: auto;
    padding-left: 1rem;
    margin-bottom: 20px;
}

.coalition-card .coalition-card-body .coalition-info ul li {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.coalition-card .coalition-card-body .coalition-info ul li::marker {
    font-weight: 700;
}

.coalition-card .coalition-card-body .coalition-info .organisation-logo h6 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    margin: 0;
}

.coalition-card .coalition-card-body .coalition-info .organisation-logo img {
    margin: 10px 0px;
}

.coalition-card .coalition-card-body .coalition-info .key-stats .lbl {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 20px;
}

.coalition-card .coalition-card-body .coalition-info .key-stats .number {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    color: #000000;
}

.coalition-card .coalition-card-body .coalition-info .key-stats .key-name {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    display: block;
}

.coalition-card .coalition-card-body .coalition-info .key-stats {
    margin-bottom: 40px;
}

.impact-text-block {
    padding: 35px 20px;
    background: rgba(156, 212, 196, 0.2);
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.work-card .work-card-body {
    padding: 20px;
    background: rgba(156, 212, 196, 0.1);
    border: 1px solid rgba(156, 212, 196, 0.2);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.work-card .work-card-body .info h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    flex: 1;
}

.work-card .work-card-body .info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.work-card-row .col-lg-2 {
    width: 20%;
}

.work-card .work-card-body .icon {
    text-align: center;
    margin-bottom: 15px;
}

.every-stage .left-block {
    background-color: #8E9952;
    color: #FFFFFF;
    border-radius: 16px 0px 0px 16px;
}

.every-stage .right-block {
    background-color: #FBD037;
    color: #000000;
    border-radius: 0px 16px 16px 0px;
}

.every-stage .center-block {
    background-color: #297999;
    color: #FFFFFF;
}

.every-stage .stage-info h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    padding: 20px 20px;
    border-bottom: 1px solid #FFFFFF;
    margin: 0 0 0px;
}

.every-stage .stage-info .info-block {
    padding: 10px 20px 30px;
}

.every-stage .stage-info .info-block:not(:last-of-type) {
    border-bottom: 1px solid #FFFFFF;
}

.every-stage .stage-info .info-block h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

.every-stage .stage-info .info-block p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
}

.every-stage .right-block .stage-info .info-block p {
    color: #000000;
}

.every-stage .right-block .stage-info h3 {
    border-color: #000000;
}

.blog-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.blog-filter {
    margin-bottom: 40px;
}

.blog-filter button {
    background-color: #9CD4C433;
    border: 0;
    border-radius: 50px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    padding: 4px 16px;
}

.blog-filter button.active {
    background-color: #FBD037;
}

.blog-card .blog-card-body {
    display: flex;
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(90deg, #E3EEDB 0%, #E1E7F1 25.85%, #F4D7D7 60.85%, #F7ECCE 95.35%);
}

.blog-card .blog-card-body .blog-img {
    max-width: 320px;
    width: 100%;
    flex-shrink: 0;
}

.blog-card .blog-card-body .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-card .blog-card-body .blog-info {
    padding: 20px;
    background-color: #FFFFFF;
    margin: 5px 5px 5px 0px;
    border-radius: 0px 24px 24px 0px;
}

.blog-card .blog-card-body .blog-info .category {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    display: inline-block;
    margin-bottom: 20px;
}

.blog-card .blog-card-body .blog-info h3 a {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
}

.blog-card .blog-card-body .blog-info h3 {
    margin-bottom: 20px;
}

.blog-card .blog-card-body .blog-info .blg-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}

.blogs-list .blog-card:not(:last-of-type) {
    margin-bottom: 40px;
}

.blog-main-details {
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
}

.blog-main-details .blg-left {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    max-width: 200px;
    width: 100%;
    flex-shrink: 0;
    align-self: flex-start;
}

.blog-main-details .blg-right {
    flex: 1;
    padding-left: 40px;
}

.blg-share-links span {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    display: block;
    margin-bottom: 15px;
}

.blg-share-links ul {
    display: flex;
    gap: 5px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.blg-share-links ul li a {
    display: flex;
    background: #297999;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.res-nav {
    padding: 10px;
    background: #297999;
    border-radius: 10px;
    margin-top: 60px;
}

.res-nav .lbl {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.res-nav a {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    display: block;
    transition: all 0.6s ease;
}

.res-nav a:not(:last-of-type) {
    margin-bottom: 8px;
}

.blog-main-details .blg-right h2 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #297999;
}

.blog-main-details .blg-right .publish-info {
    display: flex;
    align-items: center;
    gap: 16px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 16px;
}

.blog-main-details .blg-right .publish-info .date {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #A8A8A8;
}

.blog-main-details .blg-right img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0px 0px 15px;
}

.tab-title.mb-20 {
    margin-bottom: 20px;
}

.critical-domains {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.critical-domains .domains {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #297999;
}

.achieve-aim .right-side .no-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;

}

.achieve-aim .right-side .no-list li {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.achieve-aim .right-side .no-list li b {
    color: #297999;
}

.achieve-aim .right-side .no-list li:not(:last-of-type) {
    margin-bottom: 20px;
}

.achieve-aim .right-side .bullet {
    margin: 20px 0 0;
    padding-left: 20px;
}

.achieve-aim .right-side .bullet li {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    position: relative;
}

.achieve-aim .right-side .bullet li::marker {
    color: #297999;
}

.achieve-aim .right-side .bullet li b {
    color: #297999;
}

.achieve-aim .right-side .bullet li:not(:last-of-type) {
    margin-bottom: 20px;
}

.achieve-aim .right-side .list-style-decimal {
    list-style: decimal;
    margin: 20px 0px 0px;
    padding-left: 20px;
}

.achieve-aim .right-side .list-style-decimal li:not(:last-of-type) {
    margin-bottom: 20px;
}

.achieve-aim .right-side .list-style-decimal li {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #297999;
}

.achieve-aim .right-side .list-style-decimal li::marker {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #297999;
}

.site-header .main-nav li .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #fff;
    min-width: 260px;
    padding: 25px 15px;
    -webkit-transition: .25s;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
    z-index: 999;
    border: 1px solid #ececec;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .05);
    list-style: none;
}

.site-header .main-nav li .sub-menu ul {
    display: block;
}

.site-header .main-nav li .sub-menu ul li {
    padding: 0;
}

.site-header .main-nav li .sub-menu ul li:not(:last-of-type) {
    margin-bottom: 15px;
}

.site-header .main-nav li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0px;
}

.banner-itm {
    position: relative;
    height: unset;
}

.main-banner-slider .slick-track {
    display: flex;
}

.new-title .sub-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1.2em !important;
    letter-spacing: 4px;
    color: #000000 !important;
    font-family: "Lato", sans-serif;
}

.new-title .main-title {
    font-family: "Lato", sans-serif;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 42px !important;
    color: #297999 !important;
}

.collective-action {
    padding: 40px 40px;
    background: linear-gradient(180deg, #D3F7EB 0%, #FAF3CA 100%);
}

.section-title.mb-70 {
    margin-bottom: 70px;
}

.coalition-card-new .coalition-card-new-body {
    padding: 20px;
    background: linear-gradient(180deg, #D3F7EB 0%, #FAF3CA 100%);
    border-radius: 24px;
    border: 1px solid #FBD037;
    border-top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.coalition-card-new .coalition-card-new-body .name-or-logo {
    text-align: center;
    height: 95px;
    display: flex;
    align-items: center;
}

.coalition-card-new .coalition-card-new-body .name-or-logo img {
    width: auto;
    height: auto;
    max-height: 100%;
}

.coalition-card-new .coalition-card-new-body .name-or-logo h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 0;
}

.coalition-card-new .coalition-card-new-body .info {
    margin-top: 40px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.coalition-card-new .coalition-card-new-body .info h5 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 20px;
}

.coalition-card-new .coalition-card-new-body .info p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 40px;
    flex: 1;
}

.share-text a {
    text-decoration: underline;
    color: #FFB338;
}

.time-line-card .time-line-body {
    padding: 16px;
    background: linear-gradient(180deg, #D3F7EB 0%, #FAF3CA 100%);
    border: 1px solid #297999;
    position: relative;
    height: 100%;
}

.time-line-card .time-line-body h3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #297999;
    margin-bottom: 10px;
}

.time-line-card .time-line-body p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

.time-line-card {
    position: relative;
    padding-bottom: 40px;
    flex: 1;
}

.time-line-card::before {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="29.7275" height="29.7275" rx="14.8638" fill="%23FBD037"/><circle cx="15.23" cy="14.8638" r="7.22998" fill="%23297999"/></svg>');
    border-radius: 50%;
    z-index: 1;
}

.time-line-view .time-line-top {
    display: flex;
    position: relative;
}

.time-line-view .time-line-top::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background-color: #297999;
}

.time-line-bottom {
    display: flex;
}

.time-line-bottom .time-line-card {
    flex: 1;
    padding-top: 40px;
}

.time-line-bottom .time-line-card::before {
    display: none;
}

.time-line-card .num-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 10px;
}


.time-line-card .num-grid div {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

.time-line-card .num-grid div span {
    display: block;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #297999;
}

.time-line-card .num-grid div:not(:last-of-type) {
    border-right: 1px solid #9cd4c473;
    padding-right: 10px;
}

.valu-card .valu-card-body {
    padding: 0px 15px 30px 40px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    display: flex;
    gap: 35px;
    position: relative;
    z-index: 1;
    height: 100%;
}

.valu-card .valu-card-body .value-info {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.valu-card .valu-card-body .valu-icon {
    position: relative;
    max-width: 155px;
    width: 100%;
    background: #297999;
    border-radius: 0px 0px 10px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.valu-card .valu-card-body .valu-icon::before {
    content: '';
    position: absolute;
    top: 0px;
    background: url('data:image/svg+xml,<svg width="186" height="18" viewBox="0 0 186 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 17.6615L14.3782 0H171.462L185.926 17.6615H0Z" fill="%23115C7A"/></svg>');
    width: 186px;
    height: 18px;
    z-index: -1;
}

.valu-card .valu-card-body h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}

.valu-card .valu-card-body ul {
    list-style: auto;
    padding-left: 15px;
}

.valu-card .valu-card-body ul li {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.canvas-info {
    padding: 40px;
    background: linear-gradient(180deg, #D3F7EB 0%, #FAF3CA 100%);
    border: 1px solid #297999;
    border-radius: 16px;
}

.canvas-info .canvas-block {
    display: flex;
    align-items: center;
}

.canvas-info .canvas-block .title {
    padding: 0px 44px;
    max-width: 330px;
    flex-shrink: 0;
    width: 100%;
}

.canvas-info .canvas-block .title h4 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
}

.canvas-info .canvas-block .info {
    flex: 1;
    padding-left: 40px;
}

.canvas-info .canvas-block .info span {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 20px;
    background-color: #8E9952;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.canvas-info .canvas-block .info p {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 20px;
}

.canvas-info .canvas-block .info .domain {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #297999;
}

.canvas-info .canvas-block:not(:last-of-type) {
    border-bottom: 1px solid #000000;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.italic {
    font-style: italic !important;
}

/*    
font-family: "Lato", sans-serif; 
*/