@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;500;600;700;800&display=swap);

.approch .swiper-wrapper .swiper-slide .card .card-overlay .readmore_btn,
.approch .swiper-wrapper .swiper-slide .card .card-overlay a,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back .readmore_btn,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back a,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front .readmore_btn,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front a,
.btn-link:focus,
.btn-link:hover,
.common-btn,
.mainconatiner .readmoretag,
.news_swiper .news-outer a,
.upcomingevents .upcoming-outer .upcoming-mainbx .details a,
a:hover,
footer .commonbx a {
    text-decoration: none
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

a {
    color: #fff
}

.approch .swiper-wrapper .swiper-slide .card .card-title,
.topicsbx .topiclist li a:hover,
a.blue-link {
    color: #008ba2
}

.reports-wrapper .reports-list a:hover img,
a.blue-link:hover {
    opacity: .8
}

body {
    font: 1rem/22px "Work Sans", sans-serif;
    color: #000
}

.about-approch .approch-cardbx .card .card-icon svg,
.impactcontainer .homeSwiper02 h2 .yellowcolor,
.news_swiper .news-outer .linkbx .card-text:hover h5,
.text-yellow,
footer .commonbx a:hover {
    color: #edc900
}

.bg-light-yellow {
    background-color: #fffbe6
}

.bg-light-blue {
    background-color: #f1fcfe
}

.navbar {
    -webkit-transition: box-shadow .3s ease-out;
    -o-transition: box-shadow .3s ease-out;
    transition: box-shadow .3s ease-out;
    background-color: #fff
}

.navbar.boxshadow,
.navbar.shadow {
    -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .2)
}

.navbar.sticky {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.navbar .navbar-brand {
    padding-left: 15px
}

.navbar .navbar-brand img,
footer .logobx img {
    max-width: 100px
}

.navbar .dropdown-toggle::after {
    display: none !important
}

.navbar .navbar-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.navbar .navbar-nav .nav-item,
.spacer {
    padding: 0
}

.navbar .navbar-nav .nav-item .nav-link {
    font-size: .9rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 25px
}

.navbar .navbar-nav .nav-item .nav-link .icondrop {
    padding-left: 5px
}

.navbar .navbar-nav .nav-item .nav-link .dropdown_arrow {
    padding-right: 15px;
    rotate: 180deg
}

.navbar .navbar-nav .nav-item .nav-link .bg-stripe,
.navbar .navbar-nav .nav-item .nav-link.active .bg-stripe {
    display: inline-block;
    position: relative
}

.navbar .navbar-nav .nav-item .nav-link.active .bg-stripe::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(1);
    height: 3px;
    bottom: -5px;
    left: 0;
    background-color: #008ba2;
    transform-origin: bottom left;
    transition: transform .25s ease-out
}

.navbar .navbar-nav .nav-item .nav-link .bg-stripe::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 3px;
    bottom: -5px;
    left: 0;
    background-color: #008ba2;
    transform-origin: bottom right;
    transition: transform .25s ease-out
}

.navbar .navbar-nav .nav-item:hover .bg-stripe::after {
    transform: scaleX(1);
    transform-origin: bottom left
}

.navbar .navbar-nav .nav-item .dropdown-menu {
    border: 0;
    box-shadow: none;
    background-color: #fff;
    padding: 0;
    margin: 0
}

.mobileshowbx .mainmobilbx,
.navbar .navbar-nav .nav-item .dropdown-menu li {
    display: flex;
    justify-content: center;
    align-items: center
}

.navbar .navbar-nav .nav-item .dropdown-menu li::before {
    width: .25rem;
    height: .25rem;
    display: block;
    background: #008ba2;
    padding: 0 0 0 .5rem;
    content: ''
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 400;
    text-align: left;
    padding: 12px;
    color: #000
}

.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: #fff !important
}

.navbar .icondrop {
    transition: .5s
}

.navbar .icondrop.angle-up {
    rotate: 180deg
}

.navbar .offcanvas-header {
    padding: 2rem 1.5rem 0 1rem
}

.navbar .navbar-toggler {
    border: 0
}

.navbar .navbar-toggler svg,
.site-search .search {
    fill: #01353A
}

.navbar .navbar-toggler:focus {
    outline: 0;
    box-shadow: none
}

.navbar .btn-close-custom {
    background-color: transparent;
    border: 0
}

.navbar .btn-close-custom svg {
    stroke: #01353A
}

.navbar .mobile-search {
    display: flex;
    margin-bottom: 30px
}

.navbar .mobile-search input {
    border: 0;
    border-radius: 0;
    background-color: #fffbe6;
    padding: 10px;
    color: #01353a;
    font-weight: 600
}

.navbar .mobile-search input::placeholder {
    color: #01353a
}

.navbar .mobile-search button[type=submit] {
    text-indent: -999px;
    overflow: hidden;
    width: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: inherit;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") center no-repeat #fffbe6;
    cursor: pointer;
    stroke: #EDC900;
    fill: red
}

.navbar .site-search {
    margin-top: 6px;
    margin-right: 16px
}

.navbar .search-bar {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 2;
    height: 0;
    transition: height .3s ease-in;
    overflow: hidden;
    background-color: #008ba2
}

.navbar .search-bar.open {
    height: 150%
}

.navbar .search-bar .search-holder {
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex
}

.navbar .search-bar .search-form {
    height: 100%;
    font-size: 24px;
    display: flex;
    width: 80%;
    align-items: baseline;
    flex-direction: column;
    padding-top: 10px
}

.navbar .search-bar .search-form .search-input,
.navbar .search-bar .search-form input[type=text] {
    width: 85%;
    border: 0;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    background-color: transparent;
    padding: 10px 15px;
    margin-right: 10px;
    display: flex;
    color: #fff
}

.navbar .search-bar .search-form .search-input::placeholder,
.navbar .search-bar .search-form input[type=text]::placeholder {
    color: #fff
}

.navbar .search-bar .search-form #all {
    background: 0 0;
    padding: 11px;
    color: #fff;
    width: 60%;
    border: 2px solid #fff !important;
    font-size: 1rem;
    margin-right: 20px;
    margin-bottom: 10px
}

.navbar .search-bar .search-form select option {
    color: #000;
    border: 0
}

.navbar .search-bar .btncloses button,
.navbar .search-bar .search-form button {
    background-color: transparent;
    border: 0;
    padding: 5px;
    margin: 5px
}

.navbar .search-bar .btncloses button:hover,
.navbar .search-bar .search-form button:hover {
    color: #00f
}

.navbar .search-bar .search-form button.search-toggle {
    position: absolute;
    right: 6%;
    bottom: 12%
}

.navbar .search-bar .btncloses {
    position: absolute;
    top: 0;
    right: 6%
}

.search {
    fill: #fff
}

.close {
    fill: none;
    stroke: #fff;
    width: 18px
}

.top-slider {
    margin-top: 90px
}

.top-slider .hero-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ebebeb;
    background-image: url("../images/main-banner-6.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 90vh;
    overflow: hidden
}

.top-slider .hero-frame .punchline {
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-weight: 600;
    max-width: 300px;
    min-width: 260px;
    font-size: 2.5rem;
    line-height: 4rem;
    color: #000
}

@media (min-width:992px) {
    .navbar .navbar-brand {
        padding-left: 0
    }

    .navbar .navbar-nav .nav-item .nav-link {
        padding-bottom: 15px
    }

    .navbar .navbar-nav .nav-item .dropdown-menu {
        -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .2);
        box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, .2)
    }

    .navbar .navbar-nav .nav-item .dropdown-menu li::before {
        content: none
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        padding: 10px 30px
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
        color: #008ba2
    }

    .navbar .navbar-nav .dropdown:hover .dropdown-menu {
        opacity: 1;
        border: 0;
        border-radius: 0;
        transform: translate3d(0, 0, 0);
        visibility: visible;
        display: block
    }

    .navbar .site-search {
        margin-top: -10px
    }

    .navbar-expand-lg .offcanvas {
        flex-grow: 0;
        justify-content: center;
        height: 100%
    }

    .top-slider .hero-frame {
        min-height: 600px
    }

    .top-slider .hero-frame .punchline {
        max-width: 400px;
        min-width: 280px;
        font-size: 3rem;
        line-height: 3rem;
        align-items: flex-start
    }
}

.top-slider .hero-frame .punchline div {
    padding: 5px;
    margin-bottom: 5px
}

.top-slider .hero-frame .punchline .mask {
    text-align: left;
    width: 100%;
    height: 3rem;
    position: relative;
    overflow: hidden;
    margin-top: var(--offset)
}

.mainconatiner .readmoretag.collapsed::after,
.mainconatiner .readmoretag::after {
    width: 16px;
    content: " ";
    height: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.top-slider .hero-frame .topbannerimg {
    transform: scale(1)
}

.mask span {
    color: #008ba2 !important;
    display: flex;
    box-sizing: border-box;
    position: absolute;
    text-align: left;
    left: 0;
    right: 0;
    padding-bottom: var(--offset);
    padding: 10px;
    top: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}

.mask span[data-show] {
    transform: translateY(-140%);
    transition: transform .5s ease-in-out
}

@media (min-width:992px) {
    .top-slider .hero-frame .punchline div {
        padding: 10px
    }

    .top-slider .hero-frame .punchline .mask {
        height: 4rem
    }

    .mask span {
        justify-content: flex-start
    }

    .mask span[data-show] {
        transform: translateY(-150%)
    }
}

.contactcontainer,
.mainconatiner {
    padding: 4rem 15px
}

@media (min-width:992px) {
    .mainconatiner {
        padding: 5rem 0
    }
}

.mainconatiner.padding-tb-less {
    padding: 2rem 15px
}

@media (min-width:992px) {
    .mainconatiner.padding-tb-less {
        padding: 4rem 0
    }
}

.mainconatiner.padding-top-only {
    padding-top: 4rem;
    padding-bottom: 0
}

@media (min-width:992px) {
    .mainconatiner.padding-top-only {
        padding-top: 6rem;
        padding-bottom: 0
    }
}

.mainconatiner.mission-outer p {
    margin: 60px 0
}

.mainconatiner.mission-outer h2 {
    font-size: 2rem
}

.mainconatiner .schoolimg {
    width: 80%;
    margin-bottom: -6rem
}

@media (min-width:992px) {
    .mainconatiner .schoolimg {
        width: 100%;
        margin-bottom: -12rem
    }
}

@keyframes animName {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.mainconatiner h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem
}

.mainconatiner h3 {
    font-weight: 600;
    margin: 20px 0
}

.mainconatiner h6 {
    color: #008ba2;
    font-weight: 600
}

.approch .swiper-wrapper .first-layer .content-area p,
.contactcontainer p,
.mainconatiner p {
    font-size: 1rem;
    line-height: 32px;
    font-weight: 300
}

.mainconatiner .moretext,
.topband .breadcrumb .breadcrumb-item:first-child::before {
    display: none
}

.mainconatiner .moreless-button {
    font-weight: 500;
    color: #008ba2;
    text-decoration: none;
    font-size: 1.5rem
}

.mainconatiner .readmoretag {
    font-size: 1rem;
    color: #008ba2;
    font-weight: 500;
    border: 1px solid #008ba2;
    border-radius: 32px;
    padding: 5px 20px
}

.mainconatiner .readmoretag.collapsed::after {
    background-image: url("../images/chevron-down.svg")
}

.mainconatiner .readmoretag::after {
    background-image: url("../images/chevron-up.svg")
}

.missionouter {
    background-color: #f1fcfe;
    margin-top: 3rem
}

.missionouter .mission-text {
    padding: 5% 0;
    text-align: center
}

.missionouter .mission-text h4 {
    color: #008ba2;
    font-weight: 500
}

.missionouter .mission-text h2 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 40px
}

.missionouter .imgwrapper {
    margin-top: -15%
}

.signupbx {
    background-color: #edc900;
    padding: 3rem;
    margin-bottom: -50px
}

.common-btn,
footer {
    background-color: #008ba2
}

.signupbx form,
.upcomingevents .upcoming-outer .upcoming-mainbx .details .timebx {
    display: flex;
    flex-direction: column
}

.signupbx form input {
    padding: 1rem .5rem 1rem 15px;
    width: 100%;
    margin-bottom: 30px;
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #000
}

.signupbx form input::placeholder {
    color: #000
}

.signupbx form .btn-primary {
    background-color: #000;
    color: #edc900;
    padding: 1rem .5rem;
    border-radius: 0;
    border: 0;
    width: 100%;
    margin: 0 auto
}

.horizontal-bx-main article a:hover .ho_content,
.reports-wrapper.topic_btn a:hover,
.signupbx form .btn-primary:hover {
    background-color: #008ba2;
    color: #fff
}

.signupbx h3 {
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 25px
}

footer {
    padding: 8rem 0 3rem;
    color: #fff
}

footer .logobx {
    text-align: center;
    padding-bottom: 3rem
}

footer .copyright {
    border-top: 1px solid #fff;
    padding-top: 2rem;
    margin-top: 1rem;
    text-align: center
}

footer .copyright p {
    margin: 0
}

footer .commonbx {
    padding: 1rem 2rem;
    text-align: center
}

footer .commonbx h4 {
    font-weight: 600;
    font-size: 1.3rem
}

footer .commonbx p {
    margin-bottom: .5rem
}

footer .socialbx {
    margin-top: 0
}

footer .socialbx .socialmedia {
    list-style: none;
    padding: 0;
    margin-top: 20px
}

footer .socialbx .socialmedia li {
    display: inline;
    padding-right: 15px
}

.approch .swiper-button-next::after,
.approch .swiper-button-prev::after,
.gg-bx .goals-slider .swiper-button-next::after,
.gg-bx .goals-slider .swiper-button-prev::after,
footer .socialbx .socialmedia li i {
    font-size: 25px
}

.common-btn {
    /* padding: 15px 35px; */
    padding: 8px 16px;
    color: #fff;
    text-align: center;
    margin-top: 2rem;
    border-radius: 4px;
    display: inline-block;
    border: 2px solid transparent;
    transition: .6s
}

.common-btn:hover {
    border-color: #008ba2;
    color: #000;
    background-color: #edc900
}

.impactcontainer {
    background-color: #008ba2;
    margin-bottom: 0;
    padding-bottom: 50px
}

.impactcontainer .impactimg {
    margin-top: -50px;
    margin-bottom: 50px;
    width: 100%;
    text-align: center
}

.impactcontainer .impacttitlebx h2 {
    font-size: 2rem;
    font-weight: 600
}

.impactcontainer .impacttitlebx h4 {
    color: #fff;
    font-size: 1.1rem;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 2rem;
    text-align: center
}

.impactcontainer .homeSwiper01 {
    margin-top: -50px;
    text-align: center
}

.about-approch .swiper-pagination,
.gg-bx .goals-slider .swiper-pagination,
.impactcontainer .homeSwiper01 .swiper-pagination,
.partnersswiper .swiper-pagination {
    position: relative;
    padding-top: 30px
}

.about-approch .swiper-pagination .swiper-pagination-bullet,
.approch .swiper-pagination .swiper-pagination-bullet,
.gg-bx .goals-slider .swiper-pagination .swiper-pagination-bullet,
.impactcontainer .homeSwiper01 .swiper-pagination .swiper-pagination-bullet,
.moments-gallery .galleryslider .swiper-pagination .swiper-pagination-bullet,
.partnersswiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #edc900 !important;
    opacity: 1 !important;
    margin: 18px 8px 6px;
    height: 12px;
    width: 12px
}

.about-approch .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.approch .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.gg-bx .goals-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.impactcontainer .homeSwiper01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.moments-gallery .galleryslider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.partnersswiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #008ba2 !important
}

.impactcontainer .homeSwiper02 {
    text-align: center
}

.impactcontainer .homeSwiper02 .swiper-slide {
    text-align: center;
    padding: 15px
}

.impactcontainer .homeSwiper02 h4 {
    color: #008ba2;
    font-size: 1.3rem;
    font-weight: 600
}

.impactcontainer .homeSwiper02 h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff
}

.impactcontainer .homeSwiper02 p {
    font-size: 1.3rem;
    line-height: 32px;
    margin-bottom: 0
}

.impactcontainer .homeSwiper02 .swiper-pagination {
    text-align: center !important;
    position: relative !important
}

.impactcontainer .homeSwiper02 .swiper-pagination-bullet {
    background-color: #fff !important;
    opacity: 1 !important;
    margin: 18px 8px 6px;
    height: 12px;
    width: 12px;
    text-align: left
}

.impactcontainer .homeSwiper02 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #edc900 !important
}

.contact-details .partners-no,
.partnersswiper {
    margin-top: 2rem
}

.partnersswiper .swiper-wrapper {
    flex-direction: row;
    transition-timing-function: linear
}

.partnersswiper .swiper-wrapper .swiper-slide {
    margin-top: 0 !important;
    margin-bottom: 10px !important
}

.partnersswiper .swiper-wrapper .swiper-slide img {
    background: #fff;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 2.5px 2.5px 10px #e9e9e9
}

.approch {
    padding: 5rem 1rem
}

.approch .swiper-button-next,
.approch .swiper-button-prev {
    background-color: #008ba2;
    padding: 30px;
    color: #fff;
    margin-top: -150px;
    display: none
}

.approch .swiper-wrapper .swiper-slide {
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: transform .5s ease-in-out
}

.approch .swiper-wrapper .swiper-slide .flip-card {
    background-color: transparent;
    width: 280px;
    height: 360px;
    perspective: 1000px;
    max-width: 280px;
    max-height: 360px
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d;
    border-radius: 4px;
    box-shadow: 0 4px 20px 15px rgba(0, 0, 0, .03)
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-inner h5 {
    font-size: 1.1rem
}

.approch .swiper-wrapper .swiper-slide .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back h5,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front h5 {
    color: #008ba2;
    margin-bottom: 20px
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back .clamp,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front .clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    margin-bottom: 20px
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back .readmore_btn::after,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front .readmore_btn::after {
    background-image: url("../images/arrow-right.svg");
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    content: '';
    margin: 0 0 0 10px;
    text-decoration: none
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front {
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: column
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front h5 {
    padding: 0 1rem
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front img {
    padding: 5px 10px
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back {
    color: #fff;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    background: #008ba2;
    text-align: left;
    padding: 30px;
    border-radius: 8px
}

.approch .swiper-wrapper .swiper-slide .card .card-overlay h5,
.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back h5 {
    color: #edc900;
    margin-bottom: 20px
}

.approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back p {
    font-weight: 300;
    line-height: 22px;
    font-size: 1rem
}

.approch .swiper-wrapper .swiper-slide .card {
    transition: transform 1s ease-in-out;
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 2.5px 2.5px 10px #e9e9e9;
    border: 0;
    max-width: 360px
}

.approch .swiper-wrapper .swiper-slide .card .card-overlay,
.moments-gallery .mgallerywrapper .mgallery .overlay {
    left: 0;
    top: 100%;
    transition: 350ms cubic-bezier(0, 0, .2, 1);
    color: #fff;
    height: 100%;
    width: 100%;
    z-index: 1;
    text-align: left
}

.approch .swiper-wrapper .swiper-slide .card .card-overlay {
    padding: 20px;
    position: absolute;
    background: #008ba2;
    display: flex;
    align-items: center
}

.approch .swiper-wrapper .swiper-slide .card .card-overlay .clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10
}

.approch .swiper-wrapper .swiper-slide .card .card-overlay .readmore_btn::after {
    content: '\f061';
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    margin: 0 0 0 10px;
    text-decoration: none
}

.approch .swiper-wrapper .swiper-slide .card:hover .card-overlay,
.moments-gallery .mgallerywrapper .mgallery:hover .overlay {
    top: 0
}

.approch .swiper-wrapper .first-layer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    text-align: left;
    max-width: 400px
}

.approch .swiper-wrapper .first-layer .content-area,
.vertical-bx-main article .vertical-bx-content {
    padding: 20px
}

.approch .swiper-wrapper .first-layer .content-area h3 {
    font-weight: 600;
    margin-bottom: 20px
}

.approch .swiper-wrapper .first-layer .content-area .readmore_btn,
.resources-title .title_right a {
    color: #008ba2;
    text-decoration: none
}

.approch .swiper-pagination,
.mobileshowbx,
.search-container .dropdown:hover .dropdown-content,
.simple_searchfilter_wrapper .simplefilterinputbx {
    display: block
}

.alliancemission-container,
.image-gallerywrapper .image-gallerycontainer,
.reports-wrapper .report-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.alliancemission-container .innerbx {
    width: 100%;
    transition: .3s ease-in-out;
    text-align: center;
    margin-top: 0
}

.alliancemission-container .innerbx img {
    max-width: 300px;
    width: 100%
}

.alliancemission-container .innerbx h5 {
    padding: 0 20px;
    margin-top: 20px;
    text-align: center
}

.moments-gallery .galleryslider .swiper-wrapper {
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row
}

.moments-gallery .galleryslider .swiper-wrapper .swiper-slide {
    max-width: 100%;
    margin-top: 0 !important
}

.moments-gallery .galleryslider .swiper-pagination {
    position: relative;
    padding-top: 30px;
    display: block
}

.moments-gallery .mgallerywrapper {
    margin: 0;
    padding: 10px
}

.moments-gallery .mgallerywrapper .mgallery {
    transition: transform 1s ease-in-out;
    position: relative;
    overflow: hidden;
    height: 100%
}

.moments-gallery .mgallerywrapper .mgallery .overlay {
    padding: 20px;
    position: absolute;
    background: #fff;
    display: flex;
    align-items: end;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 22%, rgba(1, 53, 58, .664303) 100%)
}

.moments-gallery .mgallerywrapper .mgallery:hover .overlay .innerdata p {
    font-size: 1rem;
    line-height: 22px;
    margin-bottom: 10px
}

.moments-gallery .mgallerywrapper .mgallery:hover .overlay .innerdata h5 {
    font-weight: 600
}

.news_swiper {
    margin-top: 20px
}

.news_swiper .news-outer {
    padding: 30px
}

.horizontal-bx-main article a:hover .ho_content .datetag,
.horizontal-bx-main article a:hover .ho_content .tags,
.news_swiper .news-outer .linkbx .card-text,
.upcomingevents .upcoming-outer .upcoming-mainbx .details .bottomread a:hover {
    color: #fff
}

.news_swiper .news-outer .linkbx:hover .card-image {
    transform: scale(1.2)
}

.news_swiper .news-outer .card {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    min-height: 400px;
    overflow: hidden;
    border-radius: 4px
}

.news_swiper .news-outer .card .card-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: transform .5s ease-in-out
}

.news_swiper .news-outer .card .iconimg {
    position: absolute;
    top: 25%;
    left: 40%;
    z-index: 9
}

.news_swiper .news-outer .card .iconimg svg {
    margin-top: 5px;
    margin-left: 7px
}

.news_swiper .news-outer .card .iconimg span {
    position: absolute;
    width: 51px;
    height: 51px;
    color: #fff;
    background-color: red;
    border-radius: 50px
}

.news_swiper .news-outer .card .iconimg span i {
    margin-top: 18px;
    margin-left: 20px
}

.news_swiper .news-outer .card .card-text {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    z-index: 2
}

.news_swiper .news-outer .card .card-text .newstag {
    background-color: #edc900;
    color: #000;
    text-transform: capitalize;
    padding: 2px 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50px
}

.news_swiper .news-outer .card .card-text h5 {
    font-size: 1.1rem;
    line-height: 26px;
    font-weight: 600;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.news_swiper .news-outer .card .card-text .desc {
    font-size: 1rem;
    line-height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.news_swiper .news-outer .card .card-text .news-date {
    font-size: 14px;
    margin-bottom: 0;
    color: #edc900
}

.topborder {
    border-top: 1px solid #000;
    padding: 4rem 0
}

@media (min-width:992px) {
    .mainconatiner h2 {
        font-size: 2.5rem
    }

    .approch .swiper-wrapper .first-layer .content-area p,
    .mainconatiner p {
        font-size: 1.1rem;
        line-height: 36px
    }

    .missionouter .mission-text {
        padding: 30% 25% 30% 0;
        text-align: left
    }

    .missionouter .mission-text h2 {
        font-size: 2.5rem;
        margin-bottom: 0
    }

    footer .logobx {
        text-align: left
    }

    footer .copyright {
        padding-top: 3rem;
        margin-top: 3rem
    }

    footer .commonbx {
        text-align: left;
        padding: 0 2rem
    }

    footer .socialbx {
        margin-top: 20px
    }

    .impactcontainer {
        padding: 0;
        margin-bottom: 0
    }

    .impactcontainer .impactimg {
        margin-top: -100px;
        margin-bottom: 0
    }

    .impactcontainer .impacttitlebx h2 {
        font-size: 3rem
    }

    .impactcontainer .impacttitlebx h4 {
        font-size: 1.8rem;
        text-align: left;
        text-decoration: underline;
        margin-bottom: 1rem
    }

    .impactcontainer .homeSwiper02 .swiper-slide {
        text-align: left;
        padding-left: 0
    }

    .impactcontainer .homeSwiper02 h4 {
        font-size: 1.9rem
    }

    .impactcontainer .homeSwiper02 h2 {
        font-size: 2rem
    }

    .impactcontainer .homeSwiper02 p {
        font-size: 1.5rem
    }

    .impactcontainer .homeSwiper02 .swiper-pagination {
        text-align: left !important
    }

    .partnersswiper .swiper-wrapper .swiper-slide {
        margin-bottom: 30px !important
    }

    .approch,
    .topborder {
        padding: 5rem 0
    }

    .approch .swiper-wrapper .swiper-slide {
        width: auto;
        height: auto
    }

    .approch .swiper-wrapper .first-layer .content-area {
        padding: 40px
    }

    .moments-gallery .galleryslider .swiper-pagination {
        display: none
    }

    .moments-gallery .mgallerywrapper {
        margin: 10px 0;
        padding: 10px
    }
}

.upcomingevents {
    padding-top: 0
}

.upcomingevents.media-upcoming {
    padding-top: 4rem
}

@media (min-width:992px) {
    .upcomingevents.media-upcoming {
        padding-top: 6rem
    }
}

@media (min-width:1600px) {
    .top-slider .hero-frame .punchline {
        max-width: 520px;
        min-width: 280px;
        font-size: 3.5rem;
        line-height: 4rem
    }

    .top-slider .hero-frame .punchline .mask {
        height: 4rem
    }

    .top-slider .hero-frame .topbannerimg {
        transform: scale(1.3)
    }

    .mask span[data-show] {
        transform: translateY(-130%)
    }

    .mainconatiner,
    .mainconatiner.padding-tb-less,
    .topborder {
        padding: 6rem 0
    }

    .mainconatiner.padding-top-only {
        padding-top: 8rem;
        padding-bottom: 0
    }

    .mainconatiner .schoolimg {
        margin-bottom: -17rem
    }

    .approch .swiper-wrapper .swiper-slide .flip-card {
        width: 320px
    }

    .approch .swiper-wrapper .swiper-slide .flip-card .flip-card-back .clamp,
    .approch .swiper-wrapper .swiper-slide .flip-card .flip-card-front .clamp {
        -webkit-line-clamp: 10
    }

    .upcomingevents.media-upcoming {
        padding-top: 8rem
    }
}

.upcomingevents .upcoming-outer {
    margin-bottom: 2rem
}

.upcomingevents .upcoming-outer .upcoming-mainbx {
    position: relative;
    background-color: #000;
    color: #edc900;
    display: block;
    margin-bottom: 1rem;
    width: 100%;
    height: 100%;
    min-height: 380px
}

.upcomingevents .upcoming-outer .upcoming-mainbx a,
.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n-1) a {
    color: #edc900 !important
}

.upcomingevents .upcoming-outer .upcoming-mainbx a:hover,
.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n-1) a:hover {
    color: #fff !important
}

.partner-grid-wrapper,
.upcomingevents .upcoming-outer .upcoming-mainbx .imgbx,
.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n+1) .imgbx,
.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n-1) .imgbx {
    position: relative
}

.upcomingevents .upcoming-outer .upcoming-mainbx .imgbx::after {
    content: '';
    background-image: url("../images/border-design-black.svg");
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 101%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-position: 101%;
    background-size: contain
}

.upcomingevents .upcoming-outer .upcoming-mainbx .boxinner {
    width: 100%;
    display: block
}

.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n-1) {
    background-color: #008ba2;
    color: #edc900
}

.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n-1) .imgbx::after {
    content: '';
    background-image: url("../images/border-design-blue.svg");
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 101%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-position: 101%;
    background-size: contain
}

.pagination li .page-link.active,
.pagination li .page-link:focus,
.pagination li .page-link:hover,
.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n+1) {
    background-color: #edc900;
    color: #000
}

.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n+1) a {
    color: #000 !important
}

.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n+1) a:hover {
    color: #008ba2 !important
}

.upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n+1) .imgbx::after {
    content: '';
    background-image: url("../images/border-design.svg");
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 101%;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    background-position: 101%;
    background-size: contain
}

.upcomingevents .upcoming-outer .upcoming-mainbx .eventsimg {
    width: 100%;
    height: 160px
}

.upcomingevents .upcoming-outer .upcoming-mainbx .eventsimg .imgbx {
    background-position: center;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details {
    width: 100%;
    overflow: visible;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding: 25px 20px
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details p {
    font-size: .8rem;
    line-height: 1.2rem;
    font-weight: 400;
    margin-bottom: 5px
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details h5 {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.2rem
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details .eventicon {
    margin-right: 5px
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details .datentime {
    font-size: 14px;
    font-weight: 500
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details .location {
    font-size: 14px;
    margin-left: 0
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details .location .eventicon {
    margin-bottom: 5px
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details .bottomread {
    margin-bottom: 0;
    font-size: .9rem;
    left: 2px;
    top: 15px;
    position: relative;
    bottom: 15px;
    right: 20px;
    font-weight: 500;
    font-style: italic;
    text-align: left
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details .bottomread a {
    text-decoration: none;
    color: #edc900
}

.upcomingevents .upcoming-outer .upcoming-mainbx .details .bottomread a .eventrightarrow {
    margin-left: 5px
}

.search-container {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 300px
}

.search-container input[type=text] {
    width: 100%;
    padding: 10px 20px 10px 40px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    background-color: #f6f6f6
}

.search-container .dropdown-btn,
.search-container button {
    border: none;
    background-color: #f6f6f6;
    font-size: 18px;
    padding: 10px 20px;
    cursor: pointer
}

.search-container button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.search-container button:hover {
    background-color: #eee
}

.search-container .dropdown {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.search-container .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    z-index: 1
}

.search-container .dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.search-container .dropdown-content a:hover {
    background-color: #f1f1f1
}

.se-pre-con {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1032
}

@keyframes ldio-74c7mlcnal {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.se-pre-con .ldio-74c7mlcnal div {
    animation: 1s linear infinite ldio-74c7mlcnal;
    border: 10px solid #008ba2;
    border-radius: 50%;
    border-top-color: transparent;
    height: 60px;
    left: 50px;
    position: absolute;
    top: 50px;
    width: 60px;
    box-sizing: content-box
}

.se-pre-con .loadingio-spinner-rolling-wckbw9e8jy {
    background: #fff;
    display: inline-block;
    height: 51px;
    overflow: hidden;
    width: 51px
}

.se-pre-con .ldio-74c7mlcnal {
    backface-visibility: hidden;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(.51);
    transform-origin: 0 0;
    width: 100%
}

.topband {
    background-color: #d9d9d9;
    height: 200px;
    color: #000;
    padding: 4rem 15px;
    position: relative;
    margin-top: 90px
}

.topband h1 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 0
}

.topband .breadcrumb {
    padding: 1rem 0;
    margin: 0
}

.topband .breadcrumb .breadcrumb-item {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    margin-bottom: 4px
}

.topband .breadcrumb .breadcrumb-item::before {
    float: none;
    width: .25rem;
    height: .25rem;
    display: block;
    background: #008ba2;
    margin-right: .5rem;
    padding: 0 0 0 .5rem;
    content: "" !important;
    padding-right: 0 !important;
    color: #767676
}

.topband .breadcrumb .breadcrumb-item a {
    text-decoration: none;
    color: #000
}

.contactcontainer .form-bx .form-check-label,
.topband .breadcrumb .breadcrumb-item a .active {
    color: #767676
}

.topband .designbx {
    position: absolute;
    right: 0;
    bottom: -28%
}

.resources-title .title_left,
.resources-title .title_right,
.topband .designbx img {
    width: 50%
}

.contact-details {
    margin-top: 100px
}

.contact-details .dd-bx {
    display: flex;
    padding: 1rem 0
}

.contact-details .dd-bx .contact-icon {
    margin-right: 15px
}

.contact-details .dd-bx .contact-icon.circle {
    background-color: #fff;
    padding: 12px 17px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .05)
}

.contact-details .dd-bx a {
    text-decoration: none;
    color: #008ba2
}

.contact-details .dd-bx a:hover,
.contact-details .partners-no a:hover,
.reports-internal .report-topics a:hover,
.resources-title .title_right a:hover,
.seeall-topics:hover {
    color: #000
}

.contact-details .dd-bx p {
    color: #767676;
    font-size: .9rem;
    margin-bottom: 0
}

.contact-details .partners-no h3 {
    font-size: 3rem;
    color: #008ba2;
    font-weight: 600
}

.contact-details .partners-no h4 {
    font-size: 2rem;
    color: #000;
    font-weight: 800
}

.contact-details .partners-no a {
    text-decoration: none;
    color: #008ba2;
    font-weight: 500
}

.map-outer {
    position: relative;
    width: 100%;
    min-height: 50px
}

.map-outer .map-frame {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2
}

.map-outer .map-frame iframe {
    width: 100%;
    height: 800px
}

.contactcontainer h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.contactcontainer .form-bx {
    background: #fffbe6;
    padding: 25px;
    bottom: -10%;
    z-index: 2;
    position: relative
}

.about-approch,
.contactcontainer .form-bx .form-wrap+.form-wrap {
    margin-top: 40px
}

.contactcontainer .form-bx .form-control {
    display: block;
    width: 100%;
    min-height: 60px;
    padding: 14px 19px 14px 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    color: #15171a;
    border-radius: 0;
    transition: .3s ease-in-out;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #767676
}

.contactcontainer .form-bx .form-control:focus {
    background-color: transparent;
    box-shadow: none;
    border-color: #15171a;
    padding-left: 20px
}

.contactcontainer .form-bx .form-label {
    padding: 0;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
    color: #15171a;
    position: static
}

.contactcontainer .form-bx .btn-primary {
    background-color: #008ba2;
    color: #fff;
    padding: 1rem .5rem;
    border-radius: 9px;
    border: 0;
    width: 100%;
    margin: 0 auto
}

.contactcontainer .form-bx .btn-primary:hover {
    background-color: #000;
    color: #edc900
}

.gg-bx {
    margin-top: 3rem
}

.gg-bx .goals-slider .goals-main {
    display: block;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center
}

.gg-bx .goals-slider .goals-main .goals-data,
.gg-bx .goals-slider .goals-main .goals-img {
    width: 100%;
    padding: 10px
}

.gg-bx .goals-slider .swiper-button-next,
.gg-bx .goals-slider .swiper-button-prev {
    background-color: #008ba2;
    padding: 30px;
    color: #fff;
    margin-top: -150px
}

.about-approch .approch-cardbx .card {
    background-color: #008ba2;
    color: #fff;
    padding: 20px;
    height: 320px;
    width: 100%;
    border-radius: 8px
}

.about-approch .approch-cardbx .card .card-icon {
    margin-bottom: 20px
}

.about-approch .approch-cardbx .card .card-icon img {
    width: 80px;
    height: 80px
}

.about-approch .approch-cardbx .card h3 {
    color: #edc900;
    font-weight: 600;
    font-size: 3rem
}

.about-approch .approch-cardbx .card p {
    font-size: 1.1rem;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8
}

.about-teamwrapper .padding-px {
    padding-left: 20px;
    padding-right: 20px
}

.about-teamwrapper .person {
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    text-align: center
}

.about-teamwrapper .person .link-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background-color: #15171a;
    transition: .25s ease-in-out
}

.about-teamwrapper .person .link-img img {
    transition: .25s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.about-teamwrapper .person .link-img:hover {
    opacity: .8;
    transform: scale(1.025)
}

.about-teamwrapper .person p {
    font-size: .75rem;
    line-height: 22px;
    font-weight: 400
}

.about-teamwrapper .person h5 {
    margin-bottom: .1rem;
    font-size: 1.22rem
}

.logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto
}

.logo-container .lcard-container {
    margin: 1rem;
    padding: 10px;
    width: 160px;
    height: 100px;
    transition: 1s;
    position: relative
}

.logo-container .lcard-container.dynamic {
    width: 100%;
    max-width: 240px;
    height: 100px
}

.logo-container .lcard-container .partner-logo {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    align-self: center;
    background: #fff;
    border-radius: 10px;
    transition: .8s;
    box-shadow: 0 4px 18px 4px rgba(0, 0, 0, .1);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.logo-container .lcard-container .partner-logo .logo-bx {
    margin: 0 auto
}

.logo-container .lcard-container .partner-logo .partnerouter-bx {
    position: relative;
    width: 100%
}

.logo-container .lcard-container .partner-logo .partnername {
    text-align: center;
    opacity: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;
    padding: 0 10px;
    transition: opacity 1.3s ease-in, height 1.2s linear
}

.logo-container .lcard-container .partner-logo .partnername h5 {
    font-size: .7rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-weight: 400
}

.logo-container .lcard-container .partner-logo .partnername h5 a {
    color: inherit
}

.logo-container .lcard-container:hover .partner-logo {
    transform: scale(1.2);
    height: 190px;
    z-index: 99
}

.logo-container .lcard-container:hover .partnername {
    opacity: 1;
    visibility: visible;
    height: 50px;
    overflow: hidden
}

.reports-internal p {
    font-weight: 300
}

.reports-internal ul {
    font-weight: 300;
    font-size: 1.1rem;
    line-height: 36px
}

.reports-internal a {
    color: #008ba2;
    text-transform: uppercase;
    text-decoration: none
}

.reports-internal .left-content-bx {
    border-bottom: 1px solid #000;
    padding-bottom: 2rem;
    margin-bottom: 2rem
}

.reports-internal .left-content-bx.noborder {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.reports-internal .left-content-bx .report-date {
    font-size: 1.1rem;
    font-weight: 400
}

.reports-internal .left-content-bx h3 {
    font-size: 2rem;
    font-weight: 700;
    text-align: center
}

.reports-internal .left-content-bx .authors {
    font-size: 1rem;
    margin-top: 1rem;
    font-weight: 400
}

.reports-internal .left-content-bx img {
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1.5rem
}

.reports-internal .left-content-bx iframe {
    width: 100%;
    height: 400px;
    margin: 1.5rem 0
}

.reports-internal .left-content-bx em,
.reports-internal .left-content-bx i {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 1.5rem;
    display: block
}

.reports-internal .other-report {
    margin: 0 auto;
    text-align: center
}

.reports-internal .report-topics a {
    margin-top: 1rem;
    color: #008ba2;
    text-transform: uppercase;
    text-decoration: none
}

.reports-internal .right-sidebar-bx .btn-download {
    width: 100%;
    padding: 17px;
    border-radius: 0;
    background-color: #008ba2;
    color: #fff;
    margin-bottom: 2rem
}

.reports-internal .right-sidebar-bx .btn-download:hover,
.search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm .searchsubmit:hover,
.simple_searchfilter_wrapper .simplefilterinputbx .simple-searchsubmit:hover,
.vertical-bx-main article:hover {
    background-color: #000
}

.resources-title {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 1rem;
    padding: 0 20px
}

.resources-title .title_left h3 {
    font-weight: 700;
    font-size: 1.5rem
}

.resources-title .title_right {
    text-align: right;
    margin-top: 20px
}

.resources-title .title_right a h4 {
    font-size: .9rem;
    font-weight: 600
}

.resources-title .title_right a h4 svg {
    width: 14px;
    height: 14px
}

.strech {
    margin-bottom: 25px;
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    display: flex;
    flex-wrap: wrap
}

.vertical-bx-main {
    padding: 0 10px;
    width: 100%;
    margin-bottom: 1.5rem
}

.vertical-bx-main a {
    color: #fff;
    text-decoration: none
}

.vertical-bx-main article {
    margin-bottom: 1.5rem;
    display: flex;
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    transition: .3s ease-in-out;
    background-color: #008ba2;
    height: 100%;
    border: 1px solid #dfe1e5
}

.vertical-bx-main article .vertical-bx-img {
    height: 80%;
    width: 100%
}

.vertical-bx-main article .vertical-bx-img img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.vertical-bx-main article .vertical-bx-content .tags {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: .5rem
}

.vertical-bx-main article .vertical-bx-content .datetag {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: .5rem
}

.horizontal-bx-main .horizontal-bx-wrapper .ho_content p,
.vertical-bx-main article .vertical-bx-content .clamp p {
    font-size: .9rem;
    line-height: 24px;
    font-weight: 300;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.horizontal-bx-main {
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 10px;
    width: 100%;
    transition: .3s ease-in-out
}

.horizontal-bx-main.blogsgrid,
.horizontal-bx-main.threegridbx,
.horizontal-bx-main.threegridbx .horizontal-bx-wrapper .ho_content,
.horizontal-bx-main.threegridbx .horizontal-bx-wrapper .ho_img,
.horizontal-bx-main.twogridbx,
.horizontal-bx-main.twogridbx .horizontal-bx-wrapper .ho_content,
.horizontal-bx-main.twogridbx .horizontal-bx-wrapper .ho_img {
    width: 100%
}

.horizontal-bx-main.blogsgrid .ho_img {
    width: 40%
}

.horizontal-bx-main.blogsgrid .ho_content {
    width: 60%
}

.horizontal-bx-main.blogsgrid article {
    margin-bottom: 30px;
    display: block
}

.horizontal-bx-main.threegridbx .horizontal-bx-wrapper,
.horizontal-bx-main.twogridbx .horizontal-bx-wrapper {
    flex-direction: column
}

.horizontal-bx-main article {
    margin-bottom: 1.5rem;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.horizontal-bx-main article:nth-child(3) {
    margin-bottom: 0
}

.horizontal-bx-main article a {
    color: #000;
    text-decoration: none
}

.horizontal-bx-main .horizontal-bx-wrapper {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 0 4px 24px 4px rgba(0, 0, 0, .05);
    border: 1px solid #dfe1e5;
    transition: .3s ease-in-out
}

.horizontal-bx-main .horizontal-bx-wrapper .ho_content {
    width: 100%;
    padding: 15px
}

.horizontal-bx-main .horizontal-bx-wrapper .ho_content h4 {
    font-size: 1.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.horizontal-bx-main .horizontal-bx-wrapper .ho_content .tags {
    color: #008ba2;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: .5rem
}

.horizontal-bx-main .horizontal-bx-wrapper .ho_content .datetag {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: .5rem;
    color: #565656
}

.horizontal-bx-main .horizontal-bx-wrapper .ho_img {
    height: 100%;
    width: 100%;
    min-height: 250px;
    overflow: hidden;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 0 !important
}

.mobileshowbx .mobile-toolbar__btn,
.search-filter-wrapper .search-filtercontainer .search-filter-btn {
    padding: 1.2rem 1.5rem;
    min-width: 10rem;
    color: #000;
    text-decoration: none;
    font-size: 1rem;
    background-color: #fff
}

.top-slide-bar {
    text-align: right;
    margin-right: 10px;
    font-size: 1.875rem;
    display: block
}

.topicsbx {
    padding: 0 20px
}

.topicsbx h3 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.topicsbx .topiclist {
    list-style: none
}

.topicsbx .topiclist li {
    padding: .9rem 0;
    position: relative
}

.topicsbx .topiclist li::before {
    content: "";
    background-color: #008ba2;
    display: inline-block;
    height: .5rem;
    width: .5rem;
    position: absolute;
    left: -1.5rem;
    top: 1.3rem
}

.topicsbx .topiclist li a {
    color: #000;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none
}

.seeall-topics {
    color: #008ba2;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.1rem
}

.seeall-topics h5 {
    margin-left: 10px
}

.mobileshowbx .mobile-toolbar__btn {
    border: 1px solid #767676;
    border-radius: 3.5rem;
    text-align: center;
    margin-bottom: 3rem
}

.mobileshowbx .mobile-toolbar__btn::after {
    width: 16px;
    content: " ";
    background-image: url("../images/topic-down.svg");
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

@media (max-width:991.98px) {
    #primarysidebar {
        left: -100%;
        top: 0;
        margin-top: 0 !important;
        padding: 20px;
        transition: left .5s ease-in-out;
        width: 100%;
        position: fixed;
        z-index: 125;
        background-color: #fff;
        height: 100vh;
        overflow: scroll
    }

    #primarysidebar.open {
        left: 0
    }
}

.search-filter-wrapper {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: 2rem
}

.search-filter-wrapper .search-filtercontainer {
    margin: 0;
    width: auto
}

.search-filter-wrapper .search-filtercontainer .search-filter-btn {
    border: 1px solid #767676;
    border-radius: 3.5rem;
    text-align: center
}

.search-filter-wrapper .search-filtercontainer .search-filter-btn::after {
    width: 16px;
    content: " ";
    background-image: url("../images/search.svg");
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 5px
}

.search-filter-wrapper .search-filtercontainer #searchfiltermain {
    width: 100%;
    position: absolute;
    right: 0;
    z-index: 11;
    background: #fff;
    border: 1px solid #c9c9c9;
    margin-top: 10px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}

.search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm {
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm h3 {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1rem
}

.search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm #search-input {
    width: 100%;
    padding: 12px;
    border-radius: 0;
    border: 1px solid #767676;
    margin-bottom: 20px;
    margin-right: 20px
}

.search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm .filter-options {
    display: block;
    justify-content: space-between;
    margin-bottom: 20px
}

.search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm .filter-options select {
    width: 100%;
    padding: 12px;
    border-radius: 0;
    border: 1px solid #767676;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff
}

.search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm .searchsubmit {
    width: 100%;
    background-color: #008ba2;
    padding: 12px;
    border: 0;
    margin-bottom: 20px;
    transition: .3s ease-in-out
}

.reports-wrapper {
    box-sizing: border-box;
    text-align: center;
    width: 100%
}

.reports-wrapper.topic_btn a {
    background-color: #fff;
    padding: 15px 35px;
    color: #008ba2;
    text-align: center;
    margin-top: 1rem;
    margin-right: .5rem;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #008ba2;
    text-transform: uppercase
}

.reports-wrapper .reports-list {
    padding: 20px;
    width: 100%;
    transition: .3s ease-in-out
}

.reports-wrapper .reports-list img {
    border: 4px solid #edc900
}

.reports-wrapper .reports-list a {
    overflow: hidden
}

.reports-wrapper .reports-list a:hover .report_link {
    color: #01353a
}

.reports-wrapper .report_date {
    font-size: 1rem;
    color: #606367;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 1rem
}

.reports-wrapper .report_link {
    font-size: 1rem;
    color: #008ba2;
    font-weight: 400;
    line-height: 22px
}

.simple_searchfilter_wrapper .searchouter_container {
    padding: 0 5px;
    border-bottom: 1px solid #babcbe;
    padding-bottom: 2rem !important
}

.simple_searchfilter_wrapper .searchouter_container h3 {
    font-weight: 700;
    text-transform: uppercase
}

.simple_searchfilter_wrapper .simplefilterinputbx .groupinput {
    display: flex;
    width: 100%
}

.simple_searchfilter_wrapper .simplefilterinputbx .groupinput .searchglass {
    padding: 12px;
    border-radius: 0;
    border: 1px solid #767676;
    margin-bottom: 20px;
    margin-right: 0;
    border-left: 0
}

.simple_searchfilter_wrapper .simplefilterinputbx input {
    padding: 12px;
    border-radius: 0;
    border: 1px solid #767676;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
    line-height: 24px;
    border-right: 0
}

.simple_searchfilter_wrapper .simplefilterinputbx select {
    padding: 12px;
    border-radius: 0;
    border: 1px solid #767676;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 100%;
    background-color: #fff
}

.simple_searchfilter_wrapper .simplefilterinputbx .simple-searchsubmit {
    width: 100%;
    background-color: #008ba2;
    padding: 12px;
    border: 0;
    margin-bottom: 20px !important;
    transition: .3s ease-in-out
}

.pagination li {
    margin: 8px
}

.pagination li .page-link {
    color: #fff;
    font-weight: 600;
    background-color: #008ba2;
    border: 0
}

.pagination .page-link {
    padding: 10px
}

.pagination .page-link:focus {
    box-shadow: none
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
    border-radius: 0
}

.image-gallerywrapper {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    text-align: center;
    width: 100%
}

.image-gallerywrapper .image-gallerycontainer.popup-gallery {
    margin: 2rem 0
}

.image-gallerywrapper .image-gallerycontainer .image-grid {
    width: 100%;
    transition: .3s ease-in-out
}

.image-gallerywrapper .image-gallerycontainer .gallerypopup {
    padding: 10px;
    width: 100%;
    transition: .3s ease-in-out
}

@media (min-width:768px) {

    .navbar .navbar-brand img,
    footer .logobx img {
        max-width: 120px
    }

    .navbar .search-bar.open {
        height: 100%
    }

    .navbar .search-bar .search-form {
        width: 80%;
        flex-direction: row;
        padding-top: 0;
        align-items: center
    }

    .navbar .search-bar .search-form #all {
        margin-bottom: 0;
        width: 120px
    }

    .navbar .search-bar .btncloses,
    .navbar .search-bar .search-form button.search-toggle {
        position: static
    }

    .signupbx form {
        display: flex;
        flex-direction: row
    }

    .signupbx form input {
        width: 70%;
        margin-bottom: 0
    }

    .signupbx form .btn-primary {
        width: 30%;
        margin-left: 20px
    }

    .signupbx h3 {
        font-size: 1.8rem
    }

    .approch .swiper-button-next,
    .approch .swiper-button-prev,
    .gg-bx .goals-slider .swiper-button-next,
    .gg-bx .goals-slider .swiper-button-prev {
        margin-top: -50px
    }

    .about-approch .swiper-pagination,
    .approch .swiper-pagination {
        display: none
    }

    .alliancemission-container .innerbx {
        margin-top: 20px
    }

    .moments-gallery .galleryslider .swiper-wrapper {
        justify-content: center;
        flex-wrap: wrap
    }

    .moments-gallery .galleryslider .swiper-wrapper .swiper-slide {
        max-width: 270px
    }

    .news_swiper .news-outer {
        padding: 0
    }

    .topband {
        padding: 4rem 0;
        margin-top: 90px
    }

    .topband .designbx {
        bottom: -42%;
        right: 6%
    }

    .search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm #search-input,
    .topband .designbx img {
        width: 75%
    }

    .contactcontainer .form-bx .btn-primary {
        width: 100%
    }

    .gg-bx .goals-slider .goals-main {
        display: flex;
        padding: 0 80px;
        text-align: left
    }

    .gg-bx .goals-slider .goals-main .goals-data,
    .gg-bx .goals-slider .goals-main .goals-img {
        width: 50%;
        padding: 30px
    }

    .about-approch .approch-cardbx .card {
        padding: 30px 25px;
        height: 300px
    }

    .about-approch .approch-cardbx .card p {
        -webkit-line-clamp: 6
    }

    .about-teamwrapper .person {
        margin-top: 60px;
        text-align: center
    }

    .spacer {
        padding: 0 2rem
    }

    .resources-title {
        margin-bottom: 1.5rem;
        padding: 0 10px
    }

    .resources-title .title_left h3 {
        font-size: 1.7rem
    }

    .resources-title .title_right a h4 {
        font-size: 1rem
    }

    .horizontal-bx-main.threegridbx {
        width: 33.33333333%
    }

    .horizontal-bx-main.twogridbx,
    .image-gallerywrapper .image-gallerycontainer .gallerypopup,
    .image-gallerywrapper .image-gallerycontainer .image-grid {
        width: 50%
    }

    .horizontal-bx-main .horizontal-bx-wrapper {
        flex-direction: row
    }

    .horizontal-bx-main .horizontal-bx-wrapper .ho_content {
        width: 65%
    }

    .horizontal-bx-main .horizontal-bx-wrapper .ho_img {
        width: 35%
    }

    .topicsbx .topiclist li {
        padding: .4rem 0
    }

    .topicsbx .topiclist li::before {
        top: .9rem
    }

    .topicsbx .topiclist li a {
        font-size: 1.1rem
    }

    .search-filter-wrapper {
        margin-top: 0
    }

    .search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm {
        padding: 30px 40px
    }

    .search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm .filter-options,
    .simple_searchfilter_wrapper .simplefilterinputbx {
        display: flex
    }

    .search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm .filter-options select {
        margin-bottom: 0
    }

    .search-filter-wrapper .search-filtercontainer #searchfiltermain .search-containerm .searchsubmit {
        width: 20%;
        margin-bottom: 0
    }

    .reports-wrapper .reports-list {
        width: 25%
    }

    .simple_searchfilter_wrapper .searchouter_container {
        padding: 0 20px
    }

    .simple_searchfilter_wrapper .simplefilterinputbx .groupinput {
        display: flex;
        width: 40%
    }

    .simple_searchfilter_wrapper .simplefilterinputbx .groupinput .searchglass {
        margin-right: 20px
    }

    .simple_searchfilter_wrapper .simplefilterinputbx input {
        width: 90%
    }

    .simple_searchfilter_wrapper .simplefilterinputbx select {
        width: 150px
    }

    .simple_searchfilter_wrapper .simplefilterinputbx .simple-searchsubmit {
        margin-bottom: 0;
        width: 150px
    }

    .pagination li {
        margin: 15px
    }

    .pagination .page-link {
        padding: 15px
    }
}

.image-gallerywrapper .image-gallerycontainer .gallerypopup img {
    transition: opacity 1s linear
}

.image-gallerywrapper .image-gallerycontainer .gallerypopup a:hover img {
    opacity: .7
}

.pulled-top-img {
    margin-top: -50px
}

@media (min-width:992px) {
    .upcomingevents .upcoming-outer .upcoming-mainbx {
        min-height: 160px;
        height: 160px;
        display: flex;
        align-items: center
    }

    .upcomingevents .upcoming-outer .upcoming-mainbx .imgbx::after,
    .upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n+1) .imgbx::after,
    .upcomingevents .upcoming-outer .upcoming-mainbx:nth-child(3n-1) .imgbx::after {
        height: 100%
    }

    .upcomingevents .upcoming-outer .upcoming-mainbx .boxinner {
        display: flex
    }

    .horizontal-bx-main,
    .upcomingevents .upcoming-outer .upcoming-mainbx .eventsimg {
        width: 50%
    }

    .upcomingevents .upcoming-outer .upcoming-mainbx .details {
        padding: 5px 20px 10px;
        overflow: hidden;
        width: 50%
    }

    .upcomingevents .upcoming-outer .upcoming-mainbx .details .timebx {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .upcomingevents .upcoming-outer .upcoming-mainbx .details h5 {
        margin-bottom: 5px;
        font-size: 1.2rem
    }

    .upcomingevents .upcoming-outer .upcoming-mainbx .details .location {
        margin-left: 3rem
    }

    .upcomingevents .upcoming-outer .upcoming-mainbx .details .bottomread {
        position: absolute;
        bottom: 11px;
        right: 20px;
        font-size: 1rem;
        text-align: right;
        top: inherit
    }

    .topband h1 {
        font-size: 3.5rem
    }

    .contactcontainer {
        padding-top: 2rem
    }

    .contactcontainer h2 {
        font-size: 3rem
    }

    .contactcontainer p {
        font-size: 1.1rem;
        line-height: 36px
    }

    .contactcontainer .form-bx {
        padding: 50px
    }

    .about-teamwrapper .person {
        text-align: left
    }

    .vertical-bx-main {
        width: 50%;
        margin-bottom: 0
    }

    .mobileshowbx,
    .top-slide-bar {
        display: none
    }

    .search-filter-wrapper .search-filtercontainer .search-filter-btn {
        padding: 1rem 1.5rem;
        min-width: 15rem;
        display: block
    }

    .search-filter-wrapper .search-filtercontainer #searchfiltermain {
        width: 60%
    }

    .image-gallerywrapper .image-gallerycontainer .image-grid {
        width: 25%
    }

    .image-gallerywrapper .image-gallerycontainer .gallerypopup {
        width: 33.33%
    }

    .pulled-top-img {
        margin-top: -80px
    }
}

@media (min-width:1200px) {
    .navbar .navbar-nav .nav-item {
        padding: 0 12px
    }

    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item,
    .navbar .navbar-nav .nav-item .nav-link {
        font-size: .9rem
    }

    .pulled-top-img {
        margin-top: -100px
    }
}

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

.partner-grid-new .partner-box {
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center
}

.partner-grid-wrapper .left-top-decoration {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: auto
}

.partner-grid-wrapper .right-bottom-decoration {
    position: absolute;
    bottom: 120px;
    right: 0;
    z-index: -1;
    width: auto
}

@media screen and (max-width:991px) {
    .partner-grid-new {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px
    }

    .partner-grid-new .partner-box {
        height: 100px
    }
}

@media screen and (max-width:767px) {
    .partner-grid-new {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }

    .partner-grid-new .partner-box {
        height: 90px
    }

    .partner-grid-wrapper .left-top-decoration {
        top: 50px;
        z-index: 1;
        width: 30px
    }

    .partner-grid-wrapper .right-bottom-decoration {
        bottom: 100px;
        z-index: 1;
        width: 30px
    }

    .common-btn {
        padding: 8px 16px
    }

    .our-partners p {
        font-size: 14px;
        line-height: 20px
    }

    .our-partners h2 {
        margin-bottom: 20px
    }
}

/* siddhi */
.topband {
    height: 377px;
    background-image: url('../images/about-banner.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 0;
    display: flex;
    align-items: flex-end;
    width: 100%;
    overflow: hidden;
}

.banner-bottom-bar {
    width: 100%;
    height: 111px;
    background-color: #008BA2;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.banner-inner-container {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

.banner-bottom-bar h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #FFFFFF;
}

.banner-deco {
    position: absolute;
    z-index: 10;
}

.deco-left {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}

.deco-right {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}

.topband .breadcrumb {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
}

.topband .breadcrumb-item,
.topband .breadcrumb-item a {
    color: #fff !important;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
}

.topband .breadcrumb-item.active {
    color: #e0e0e0;
}

.topband .breadcrumb-item+.breadcrumb-item::before {
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5' fill='none'%3E%3Cpath d='M1.91667 2.5L0 0.583333L0.583333 0L3.08333 2.5L0.583333 5L0 4.41667L1.91667 2.5Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    width: 6px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    /* Adjust spacing around the arrow */
    color: transparent !important;
    /* Hide default text */
    padding: 0;
}

/* siddhi: Home Page Styles */
.logo-container {
    margin-top: 2rem !important;
}



.supporter-card {
    border: 1px solid #aecfd6;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
}

.supporter-card img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.supporter-name {
    text-align: center;
    font-weight: 700;
    color: #000;
    font-size: 16px;
    font-family: "Work Sans";
}



.supporter-name a {
    text-decoration: none;
    color: inherit;
}

/* Pathway Section New Styles */
.pathway-card {
    display: flex;
    width: 1005px;
    max-width: 100%;
    /* Ensure responsiveness */
    height: 190px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
    margin: 0 auto 30px auto;
    background-color: #fff;
    border: 1px solid #EDC900;
    border-radius: 20px;
}

.pathway-card img {
    max-height: 160px;
    /* fitting within 190px - padding */
    max-width: 250px;
    object-fit: contain;
}

.pathway-content {
    flex: 1;
    text-align: left;
}

.pathway-title {
    align-self: stretch;
    color: #008BA2;
    font-family: "Work Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 120% */
    margin-bottom: 8px;
}

.pathway-desc {
    color: #000;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 137.5% */
    margin-bottom: 8px;
}

.pathway-readmore {
    color: #EDC900;
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .pathway-card {
        height: auto;
        flex-direction: column !important;
        /* Force column on mobile */
        text-align: center;
        padding: 20px;
    }

    .pathway-content {
        text-align: center;
    }

    .pathway-card img {
        margin-bottom: 15px;
    }
}

.new-mission .section-title h2 {
    font-weight: 500;
    font-size: 39px !important;
    line-height: 47px;
    text-align: center;
    color: #000000;
}

.new-mission .section-title h5 {
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

.mission-card .mission-card-body {
    padding: 20px;
    border: 1px solid #008BA2;
    border-radius: 10px;
    text-align: center;
    height: 100%;
}

.mission-card .mission-card-body .mission-card-img {
    max-width: 225px;
    width: 100%;
    max-height: 183px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto 10px;
    display: block;
}

.mission-card .mission-card-body h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #008BA2;
    margin-bottom: 10px;
}

.mission-card .mission-card-body p {
    font-family: 'Work Sans';
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #000000;
    margin: 0px 0 20px;
}

.mission-card .mission-card-body .link-btn {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #EDC900;
    text-decoration: none;
    transition: all 0.6s ease;
}

.mission-card .mission-card-body .link-btn:hover {
    color: #008BA2;
}

.banner-inner-container .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .new-mission .section-title h2 {
        font-size: 24px !important;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .new-mission .section-title h5 {
        font-size: 14px;
        line-height: 20px;
    }

    .mission-card .mission-card-body .mission-card-img {
        max-height: unset;
        height: auto;
    }

    .mission-card .mission-card-body h5 {
        font-size: 18px;
        line-height: 24px;

    }

    .mission-card .mission-card-body p {
        font-size: 14px;
        line-height: 20px;
    }

    .mission-card .mission-card-body .link-btn {
        font-size: 14px;
        line-height: 20px;
    }

    .banner-bottom-bar h1 {
        font-size: 24px;
        line-height: 28px;

    }

    .banner-bottom-bar {
        height: auto;
        padding: 10px 0px;
    }

    .deco-left,
    .deco-right {
        height: 46px;
    }

    .topband .breadcrumb-item,
    .topband .breadcrumb-item a {
        font-size: 10px;
    }

    .topband .breadcrumb .breadcrumb-item {
        font-size: 10px;
    }
}

.wg-content img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.wg-inner-layout {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.wg-inner-layout .wg-sidebar {
    max-width: 360px;
    width: 100%;
    flex-shrink: 0;
    padding: 20px;
    background: #008BA2;
    border: 1px solid #008BA2;
    border-radius: 10px;
}

.wg-inner-layout .wg-sidebar .wg-sidebar-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.wg-inner-layout .wg-sidebar a {
    display: block;
    padding: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    text-decoration: none;
}

.wg-inner-layout .wg-sidebar a.active {
    color: #000000;
    background-color: #EDC900;
}

.wg-inner-layout .wg-sidebar a:not(:last-of-type) {
    margin-bottom: 10px;
}


.wg-inner-layout .wg-content {
    flex: 1;
}

.wg-inner-layout .wg-content .wg-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    color: #008BA2;
    margin-bottom: 24px;
}

.wg-inner-layout .wg-content .wg-description {
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 40px;
}

.wg-content .img-wrape {
    margin-bottom: 40px;
}

.working-info {
    margin-bottom: 40px;
}

.working-info p {
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
}

.wg-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.wg-cards .wg-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #008BA2;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}

.wg-cards .wg-info h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin: 0 0 10px;
}

.wg-cards .wg-info p {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
    margin: 0;
}

@media screen and (min-width: 991px) {
    .wg-inner-layout .wg-sidebar {
        position: sticky;
        top: 105px;
    }
}

@media screen and (max-width: 1024px) {
    .wg-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 991px) {
    .wg-inner-layout {
        flex-direction: column;
    }

    .wg-inner-layout .wg-sidebar {
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .wg-inner-layout .wg-sidebar a {
        font-size: 14px;
        line-height: 20px;
    }

    .wg-inner-layout .wg-sidebar .wg-sidebar-title {
        font-size: 18px;
        line-height: 21px;
    }

    .contactcontainer,
    .mainconatiner {
        padding: 50px 15px;
    }

    .wg-inner-layout {
        gap: 20px;
    }

    .wg-inner-layout .wg-content .wg-title {
        font-size: 24px;
        line-height: 28px;
    }

    .wg-inner-layout .wg-content .wg-description {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .wg-content .img-wrape {
        margin-bottom: 20px;
    }

    .working-info p {
        font-size: 14px;
        line-height: 20px;
    }

    .working-info {
        margin-bottom: 20px;
    }

    .wg-cards .wg-icons {
        width: 40px;
        height: 40px;
        padding: 5px;
    }

    .wg-cards .wg-info h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .wg-cards .wg-info p {
        font-size: 14px;
        line-height: 20px;
    }
}

.section-title-partner h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #000000;
}

.section-title-partner p {
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-bottom: 0;
}

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

.partner-filter-blocks {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.partner-filter-blocks select {
    padding: 10px 40px 10px 10px;
    background-color: #EDC900;
    border: 0;
    outline: none;
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 7.4L0 1.4L1.4 0L6 4.6L10.6 0L12 1.4L6 7.4Z" fill="%231C1B1F"/></svg>');
    background-position: right .75rem center;
    background-repeat: no-repeat;
}

.partner-grid-wrapper-new {
    position: relative;
}

.partner-grid-wrapper-new .left-top-decoration {
    position: absolute;
    top: 350px;
    left: 0;
    z-index: -1;
    width: auto;
}

.partner-grid-wrapper-new .right-bottom-decoration {
    position: absolute;
    bottom: 350px;
    right: 0;
    z-index: -1;
    width: auto;
}

.supporters-section {
    padding: 40px 0 !important;
}

.supporters-section .section-title h2 {
    font-weight: 500;
    font-size: 40px;
    line-height: 47px;
    text-align: center;
    color: #000000;
    margin-bottom: 24px;
}

.supporters-section .section-title p {
    font-weight: 300;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin: 0;
}

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

.mainconatiner.our-partners {
    padding-left: 0;
    padding-right: 0;
}

.partner-filter .filter-btn {
    display: none;
    padding: 10px;
    background-color: #EDC900;
    border: 0;
    outline: none;
    font-family: 'Work Sans';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #000000;

}

@media screen and (max-width:767px) {

    .partner-grid-wrapper-new .right-bottom-decoration,
    .partner-grid-wrapper-new .left-top-decoration {
        display: none;
    }

    .section-title-partner h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .section-title-partner p {
        font-size: 14px;
        line-height: 20px;
    }

    .partner-filter-blocks {
        justify-content: flex-start;
        margin-bottom: 20px;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.4s ease;
    }

    .partner-filter-blocks select {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
    }

    .section-title-partner {
        margin-bottom: 20px;
    }

    .partner-filter .filter-btn {
        display: inline-block;
        margin-bottom: 20px;
    }

    .partner-filter .filter-btn.active svg {
        transform: rotate(180deg);
    }

    .supporters-section .section-title h2 {
        font-size: 24px;
        line-height: 28px;

    }

    .supporters-section .section-title p {
        font-size: 14px;
        line-height: 20px;
    }

    .supporters-section .section-title {
        margin-bottom: 20px;
    }

    .supporters-section {
        padding: 20px 0 !important;
    }
}