@charset "utf-8";
:root {
    --black: #000000;
    --black-02: #181818;
    --black-03: #303030;
    --black-04: #1d1d1d;
    --black-05: #59585e;
    --black-06: #202020;
    --white: #ffffff;
    --blue: #007aa3;
    --blue-02: #000aff;
    --blue-03: #8287ff;
    --blue-04: #512888;
    --blue-05: #f2f6ff;
    --blue-06: #ebf0f6;
    --blue-07: #0079a2;
    --blue-08: #007aa3;
    --blue-09: #ddedf2;
    --yellow: #fcb033;
    --yellow-02: #fbb031;
    --yellow-03: #fcb032;
    --yellow-04: #da8f0a;
    --yellow-05: #d48801;
    --yellow-06: #e4ba04;
    --peach: #fff7ea;
    --peach-02: #ffd186;
    --peach-03: #fee2b5;
    --peach-04: #fff7e9;
    --gray-01: #828282;
    --gray-02: #dcdcdc;
    --gray-03: #d1d1d1;
    --gray-04: #ececec;
    --gray-05: #d6d6d6;
    --gray-06: #f1f2f6;
    --gray-07: #f3f0eb;
    --gray-08: #cfcfcf;
    --gray-09: #e8e8e8;
    --red: #ff0000;
    --lgtbl: #ebede8;
    --peach-04: #ffeac8;
    --peach-05: #fff1dc;
    --font-size-12: clamp(0.625em, 1vw + 0.5em, 0.75em);
    --font-size-14: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
    --font-size-16: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
    --font-size-18: clamp(0.875rem, 1vw + 0.25rem, 1.125rem);
    --font-size-12-18: clamp(0.75em, 1vw + 0.5em, 1.125em);
    --font-size-20: clamp(0.875rem, 1vw + 0.5rem, 1.25rem);
    --font-size-24: clamp(1rem, 1vw + 0.5rem, 1.5rem);
    --font-size-14-22: clamp(0.875em, 1vw + 0.5em, 1.375em);
    --font-size-26: clamp(1.125rem, 1vw + 0.65rem, 1.625rem);
    --font-size-26-16: clamp(1rem, 1vw + 0.65rem, 1.625rem);
    --font-size-28: clamp(1.125rem, 1vw + 0.65rem, 1.75rem);
    --font-size-30: clamp(1.25rem, 2vw + 0.5rem, 1.875rem);
    --font-size-36: clamp(1.25rem, 2vw + 0.5rem, 2.25rem);
    --font-size-47: clamp(1.35em, 2.5vw + 1em, 2.75em);
    --font-size-48: clamp(1.35em, 2.5vw + 1em, 3em);
    --font-size-49: clamp(1.35em, 2.5vw + 1em, 3.0625em);
    --font-size-60: clamp(2rem, 3vw + 1rem, 3.75rem)
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    outline: 0;
    border: none;
    position: relative;
    line-height: 1.2em;
    font-family: Montserrat, sans-serif
}

*,
:after,
:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    width: 100%;
    min-width: 320px;
    margin: 0 auto
}
/* Target .cont inside all slides except .slide_01 */

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    color: var(--black);
    min-width: 320px;
    font-family: Palanquin, sans-serif
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: block
}

.row {
    width: 100%
}

.container {
    width: 92%;
    margin: 0 auto;
    max-width: 1276px
}

.cover {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgb(5 5 5 / .9);
    top: 0;
    left: 0;
    z-index: 1;
    display: none
}

.flex {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between
}

.align-center {
    align-items: center
}

.align-start {
    align-items: flex-start
}

.justify-center {
    justify-content: center
}

.align-end {
    align-items: flex-end
}

.justify-end {
    justify-content: flex-end
}

.justify-left {
    justify-content: flex-start
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-column {
    flex-direction: column
}

::placeholder {
    color: var(--gray-01);
    font-family: 'Open Sans', sans-serif
}

::-moz-placeholder {
    color: var(--gray-01);
    font-family: 'Open Sans', sans-serif
}

::-webkit-input-placeholder {
    color: var(--gray-01);
    font-family: 'Open Sans', sans-serif
}

.scrollToTop {
    bottom: 7.5em;
    z-index: 999;
    display: none;
    position: fixed;
    right: 20px;
    background: var(--gray-01) url(../images/arw-up.png) no-repeat center center;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 5px rgb(0 0 0 / .5);
    box-shadow: 1px 1px 5px rgb(0 0 0 / .5);
    cursor: pointer
}

.btn {
    display: inline-block;
    color: var(--white);
    background-color: var(--blue);
    font-size: var(--font-size-18);
    padding: .7em 1.15em;
    transition: all ease-in-out .25s;
    -webkit-transition: all ease-in-out .25s;
    font-weight: 700;
    text-align: center;
    border-radius: 3.125rem;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #aeafb1
}

.btn:hover {
    color: var(--blue);
    background-color: var(--white)
}

.slide06-btn {
    display: inline-block;
    color: var(--white);
    background-color: #0557c5;
    font-size: var(--font-size-18);
    padding: .7em 1.15em;
    transition: all ease-in-out .25s;
    -webkit-transition: all ease-in-out .25s;
    font-weight: 700;
    text-align: center;
    border-radius: 3.125rem;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #aeafb1
}

.slide06-btn:hover {
    color: var(--blue);
    background-color: var(--white)
}

.btn.call_btn {
    background: var(--yellow) url(../images/phone-volume-solid.svg) no-repeat;
    background-size: 1rem;
    background-position: 1em center;
    padding-left: 2.5em;
    border-color: var(--yellow)
}

.btn.next_btn {
    padding: 0;
    color: var(--blue);
    font-weight: 600;
    background: #fff0 url(../images/chevron-right-solid.svg) no-repeat right center;
    padding-right: 1em;
    background-size: .4rem;
    border-radius: initial;
    white-space: nowrap;
    border: 0
}

.bdrb1 {
    border-bottom: 1px solid #bcbcbc
}

.btn.white_btn {
    color: var(--black);
    font-weight: 500;
    background-color: var(--white);
    border: 1px solid var(--white)
}

.btn.white_btn:hover {
    border: 1px solid var(--black)
}

.btn.yrg_btn {
    background: var(--white) url(../images/yrg-plus-logo-01.png) no-repeat center center;
    background-size: 80%;
    color: #fff0;
    border: 1px solid var(--white)
}

.btn.yrg_btn:hover {
    border: 1px solid var(--black)
}

.btn.secondary {
    border-radius: .3em;
    background: var(--blue-08);
    border-color: var(--blue-08);
    font-size: var(--font-size-24);
    font-weight: 600;
    padding: .5255em 1.15em
}

.btn.secondary:hover {
    background: var(--white);
    color: var(--blue-08)
}

.btn.arrow {
    text-align: left;
    background: var(--blue) url(../images/right-arrow-white-01.png) no-repeat 90% center;
    padding: .8em 3.33em .8em 1.83em;
    line-height: 1em;
    background-size: .5em
}

.btn.arrow:hover {
    background: var(--white) url(../images/right-arrow-blue-01.png) no-repeat 90% center
}

.rupee {
    font-family: sans-serif;
    line-height: 1em
}

.home-page {
    color : red;
    font-weight: bold;
}
.link {
    color: var(--blue-07)
}

.underline {
    text-decoration: underline
}

.link_btn {
    color: var(--blue-07);
    font-weight: 700;
    font-size: var(--font-size-18);
    background: url(../images/link-btn-arrow.png) no-repeat left center;
    padding: .85em 0 .85em 4em;
    text-decoration: underline;
    background-size: contain;
    display: inline-block
}

input[type=email],
input[type=text],
select,
textarea {
    color: var(--black);
    border: 1px solid var(--gray-02);
    width: 100%;
    padding-bottom: .5em;
    font-size: var(--font-size-18);
    resize: none;
    background-color: var(--white);
    padding: 1em;
    border-radius: 2.5em;
    max-height: 47px;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif
}

select {
    background: var(--white) url(../images/chevron-down-solid.svg) no-repeat 94% center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 1em;
    color: var(--black-05)
}

select.blue_select {
    background: var(--white) url(../images/select-arrow-blue.png) no-repeat 94% center;
    background-size: 1em;
    color: var(--blue-07);
    font-weight: 700;
    border: 1px solid var(--blue-07);
    border-radius: 2.5em
}

.tag_inp select {
    width: 6em;
    border-right: 0
}

.error input[type=email],
.error input[type=text],
.error textarea {
    border-bottom: 1px solid var(--gray-02)
}

.swiper-pagination {
    bottom: 1em
}

.swiper-pagination-bullet {
    width: 1.75rem;
    height: .3125rem;
    background-color: var(--white);
    opacity: 1;
    border-radius: 5px
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: .6
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px
}

.signup_sec .uagb-slick-carousel ul.slick-dots li {
    width: auto;
    height: auto;
    margin: 0 7px
}

.signup_sec .uagb-slick-carousel ul.slick-dots li button {
    padding: 0
}

.signup_sec .slider_sec {
    padding-bottom: 1.5em
}

.signup_sec .uagb-slick-carousel ul.slick-dots li button::before {
    visibility: hidden
}

.custom_pagination {
    position: relative;
    bottom: auto !important;
    margin-top: 1em
}

.custom_pagination .swiper-pagination-bullet {
    border: 1px solid var(--gray-03);
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    opacity: 1;
    line-height: 1em
}

.custom_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: var(--blue);
    border-color: var(--blue)
}

ul.list li {
    background: url(../images/list-arrow-blue-01.png) no-repeat left center;
    padding-left: 1em;
    margin-bottom: 1em
}

ul.list li a {
    font-size: var(--font-size-18);
    color: var(--blue);
    font-weight: 600
}

ul.list li:last-child {
    margin-bottom: 0
}

ul.list li:hover {
    background: url(../images/list-arrow-orange-01.png) no-repeat left center
}

ul.list li:hover a {
    color: var(--yellow)
}

ul.bullet {
    margin-left: 1em
}

ul.bullet li {
    list-style-type: disc;
    font-weight: 600;
    font-size: var(--font-size-18);
    line-height: 1.5em;
    margin-bottom: clamp(.25em, 1vw + .25em, 1em)
}

ul.dash li {
    background: url(../images/list-dash-01.png) no-repeat left .5em;
    padding-left: 1em;
    margin-bottom: .5em;
    font-size: var(--font-size-18)
}

ul.dash li:last-child {
    margin-bottom: 0
}

ul.black_arrow li {
    background: url(../images/list-arrow-black-03.png) no-repeat left .25em;
    padding-left: 1em;
    margin-bottom: 1em;
    font-size: var(--font-size-14)
}

.bold {
    font-weight: 700
}

.semi_bold {
    font-weight: 600
}

.text_red {
    color: var(--red)
}

header.sticky .main_navs {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: var(--white);
    -webkit-box-shadow: -1px 3px 13px 0 rgb(173 173 173);
    -moz-box-shadow: -1px 3px 13px 0 rgb(173 173 173);
    box-shadow: -1px 3px 13px 0 rgb(173 173 173)
}

header nav {
    position: fixed;
    right: -100%;
    top: 0;
    height: 100%;
    background-color: var(--yellow);
    z-index: 2;
    flex-direction: column;
    align-items: flex-end;
    padding: 1.5em;
    -webkit-box-shadow: -2px 0 17px -9px rgb(0 0 0 / .75);
    -moz-box-shadow: -2px 0 17px -9px rgb(0 0 0 / .75);
    box-shadow: -2px 0 17px -9px rgb(0 0 0 / .75);
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    overflow-y: auto;
    width: 85%;
    max-width: 250px
}

header.active nav {
    right: 0
}

header .close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    z-index: 1
}

header .menu_list a {
    color: var(--black);
    font-size: 1.125em;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    padding: .5em 0;
    font-family: Palanquin, sans-serif;
    text-transform: uppercase
}

header .menu_list {
    margin-top: 2em;
    width: 100%
}

header .info_sec {
    display: none;
    background-color: var(--gray-04);
    padding: .75em 0
}

header .info_sec .right_links {
    width: 100%;
    align-items: center
}

header .info_sec .container>.flex {
    align-items: center;
    flex-wrap: wrap
}

header .info_sec .appoinment,
header .info_sec .help {
    font-size: var(--font-size-18);
    font-family: Palanquin, sans-serif;
    margin-bottom: 1em;
    font-weight: 300
}

header .info_sec .btn+.btn {
    margin-left: 1em
}

header .info_sec .btn {
    font-family: Palanquin, sans-serif
}

header .info_sec .appoinment a,
header .info_sec .help a {
    font-weight: 700;
    color: var(--black);
    font-family: Palanquin, sans-serif
}

header {
    background-color: var(--white)
}

header .hamburger_icon {
    width: 1.5rem;
    margin-left: 1em
}

header .main_navs .btn+.btn {
    margin-left: 1em
}

header .main_navs {
    padding: .5em 0
}

header .logo_container img {
    max-width: 85%
}

header .social a:not(:last-child) {
    margin-right: 1.125em
}

header .social a:hover img {
    filter: grayscale(1)
}

header .menu_list .sub_level {
    background: url(../images/down-arrow-black-01.png) no-repeat right 1em
}

header .menu_list .sub_level.active {
    background: url(../images/up-arrow-black-01.png) no-repeat right 1em
}

header .menu_list .sub_level ul {
    margin-left: 1em;
    display: none;
    padding-bottom: 1em
}

header .menu_list .sub_level ul a {
    font-weight: 400
}

footer {
    background-color: var(--peach);
    padding: clamp(2rem, 4vw + 1rem, 5.625rem) 0 clamp(2rem, 2vw + 1rem, 11rem)
}

.footer_container {
    flex-direction: column-reverse
}

footer nav li:not(:last-child) {
    margin-bottom: .65em
}

footer nav a {
    color: var(--black)
}

footer nav a:hover {
    filter: brightness(.5)
}

footer .banner {
    background: var(--white);
    background-size: 11em;
    padding: clamp(1rem, 2vw + .75rem, 1.5625rem) clamp(1rem, 2vw + .75rem, 1.5625rem) clamp(1rem, 2vw + .75rem, 1.5625rem);
    border-radius: 1.5em
}

footer .banner p {
    color: var(--black);
    font-weight: 700;
    width: 90%
}

footer .banner .btn_sec {
    margin-top: .875em
}

footer .banner::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(255 255 255 / .35);
    border-radius: 1.5em
}

footer .nav_col {
    width: 38%
}

footer .other_col p {
    font-size: var(--font-size-12);
    display: block;
    text-align: right;
    margin-top: 2% !important;
    cursor: pointer
}

footer .logo_sec {
    width: 38%
}

footer .copy_right_sec {
    color: var(--black)
}

footer .copy_right_sec p {
    font-size: var(--font-size-14)
}

footer .col_sm {
    margin-top: 2em
}

footer .social a:hover img {
    filter: brightness(.5)
}

footer .social {
    margin-top: 3.75em
}

footer .col_lg {
    flex-wrap: wrap
}

footer .banner .hd {
    color: var(--red);
    font-size: var(--font-size-24);
    font-weight: 700;
    margin-bottom: .5em
}

footer .banner .col_left p {
    font-size: var(--font-size-18);
    color: #606060;
    width: 100%;
    text-align: left
}

footer .banner .btn_sec {
    justify-content: flex-start;
    align-items: center
}

footer .banner .btn_sec span {
    font-size: var(--font-size-16);
    margin-left: 1em
}

footer .banner ul {
    flex-wrap: wrap;
    justify-content: flex-start
}

footer .banner ul li {
    color: #606060;
    width: 33%;
    margin-bottom: .25em;
    font-size: var(--font-size-16)
}

footer .banner .icont {
    flex-direction: column
}

footer .banner .col_right {
    margin-top: 1em
}

footer .clast a {
    margin-top: 1.5em;
    color: #606060;
    font-size: var(--font-size-12)
}


.banner_section .cont {
    background-color: var(--white);
    border-radius: 1em;
    padding: clamp(1.5rem, 2vw + 1rem, 2.6875rem) clamp(1.5rem, 2vw + 1rem, 3.75rem) clamp(1.5rem, 2vw + 1rem, 2.75rem);
    min-height: 320px;
}

.banner_section .cont .logo img {
    max-width: 9em
}

.banner_section .cont p.mtext {
    font-weight: 700
}

.banner_section .cont .btn_sec {
    margin-top: 1.5em
}

.home_slider .swiper-slide {
    padding: clamp(1.5rem, 2vw + 1rem, 2.5rem) 0 0;
    height: auto
}

.home_slider .pic {
    margin-top: -1.25em
}

.banner_section .btn,
.home_slider p {
    font-family: Palanquin, sans-serif
}

.home_slider .swiper-slide .container>.flex {
    flex-direction: column
}

.home_slider .swiper-slide.slide_01 {
    background: #d38700;
    background: -moz-linear-gradient(0deg, rgb(211 135 0) 0, rgb(211 135 1) 100%);
    background: -webkit-linear-gradient(0deg, rgb(211 135 0) 0, rgb(211 135 1) 100%);
    background: linear-gradient(0deg, rgb(211 135 0) 0, rgb(211 135 1) 100%)
}

.home_slider .swiper-slide.slide_03 {
    background: #aeaea4 url(../images/home-slider-03-mob.jpg) no-repeat center bottom;
    background-size: 100%;
}

.home_slider .swiper-slide.slide_05 {
    background: #81827e url(../images/tb25/tb_mobile.png) no-repeat center top;
    background-color: #faf6dc;
    background-size: 100%;
    cursor: pointer
}
.home_slider .swiper-slide.slide_05_new {
    background: url(../images/home-slider-06.png) no-repeat center center;
    background-color: #faf6dc;
    background-size: 100%;
    cursor: pointer
}

.home_slider .swiper-slide.slide_02 {
    background: #e8e8e1
}

.home_slider .swiper-slide.slide_04 {
    background: #81827e url(../images/tb25/tb_mobile.png) no-repeat center top;
    background-color: #faf6dc;
    background-size: 100%;
    cursor: pointer
}

.home_slider .swiper-slide.slide_06 {
    background-color: #fffae8;
    background-size: 100%;
    cursor: pointer
}

.home_slider .swiper-slide:not(:first-child) .cont .logo:nth-child(2) {
    margin-bottom: 1em;
    margin-top: 10px
}

.home_slider .swiper-slide:not(:first-child) .cont .logo {
    margin-bottom: 1em
}

.swiper_nav {
    display: none
}

.about_section {
    background-color: var(--peach);
    padding: clamp(1.5rem, 2vw + 1rem, 3rem) 0
}

.about_section .info {
    text-align: center
}

.about_section .info p {
    font-size: var(--font-size-24);
    line-height: 1.5em
}

.about_section .btn_sec {
    margin-top: 1.5em;
    text-align: center
}

.about_section h1 {
    text-align: center
}

.about_section .sub_hd {
    text-align: center;
    color: var(--black-02);
    font-size: var(--font-size-18);
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 1.25em;
    font-weight: 600
}

.about_section .sub_hd br {
    display: none
}

.about_section .form_sec {
    margin-top: clamp(2.8125rem, 3vw + 1rem, 3.9375rem)
}

.about_section .form_sec .inp_sec {
    margin-bottom: .25em
}

.about_section form {
    margin-top: clamp(.75rem, 1vw + .5rem, 2rem)
}

.focus_area_section {
    padding-top: clamp(3rem, 5vw + 1rem, 6.4375rem)
}

.focus_area_section h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem)
}

.focus_container .col {
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 5.625rem);
    width: 94%;
    cursor: pointer;
    display: inline-block
}

.focus_container .col .pic img {
    width: 100%
}

.focus_container h2 {
    margin: clamp(.5rem, 1vw + 1rem, 2.25rem) 0 clamp(.5rem, 1vw + .35rem, 1rem) 0
}

.focus_area_section .container {
    width: 100%;
    padding-left: 4%
}

.focus_area_section .swiper-pagination-bullet,
.history_slider .swiper-pagination-bullet {
    background-color: var(--gray-03);
    width: .75rem;
    height: .75rem;
    border-radius: 50%
}

.focus_area_section .swiper-pagination-bullet.swiper-pagination-bullet-active,
.history_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--yellow);
    opacity: 1
}

.focus_area_section .swiper-pagination {
    margin-top: 1em;
    position: relative;
    bottom: auto;
    text-align: center
}

.focus_container .col p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--black)
}

.focus_container .col .pic {
    overflow: hidden;
    border-radius: 15px
}

.focus_container .col .pic img {
    transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s
}

.focus_container .col:hover .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

.focus_container .col .link {
    display: inline-block;
    margin-top: 1em
}

.serve_container {
    flex-wrap: wrap;
    gap: 1em
}

.serve_container .col {
    background-color: var(--peach);
    width: 47.25%;
    align-items: center;
    justify-content: flex-start;
    padding: 1em .75em;
    border-radius: 15px
}

.people_served {
    padding-top: clamp(3rem, 5vw + 1rem, 2.9375rem)
}

.people_served h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem)
}

.serve_container .col .pic {
    margin-right: .5em
}

.serve_container .col .pic img {
    max-width: 2em;
    mix-blend-mode: multiply
}

.serve_container .col .pic img:nth-child(9) {
    max-width: 3.2em;
    mix-blend-mode: multiply
}

.serve_container .col p {
    color: var(--black-03);
    font-weight: 700;
    font-size: var(--font-size-20)
}

.impact_section {
    padding: clamp(3rem, 5vw + 1rem, 6.4375rem) 0 clamp(3rem, 6vw + 1rem, 7.1875rem)
}

.impact_section .container {
    width: 100%
}

.impact_section h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem)
}

.impact_section h3,
.impact_section p {
    color: var(--white)
}

.impact_section p {
    width: 70%
}

.impact_container {
    flex-wrap: wrap
}

.impact_container .col {
    width: 50%;
    padding: clamp(1.5rem, 3vw + 1rem, 2.8125rem)
}

.impact_container .col:nth-child(1) {
    background: var(--blue-02) url(../images/impact-icon-01.png) no-repeat;
    background-size: 2em;
    background-position: 90% 77%
}

.impact_container .col:nth-child(2) {
    background: var(--blue-03) url(../images/impact-icon-02.png) no-repeat;
    background-size: 2.75em;
    background-position: 90% 63%
}

.impact_container .col:nth-child(3) {
    background: var(--yellow-02) url(../images/impact-icon-03.png) no-repeat;
    background-size: 2.75em;
    background-position: 90% 77%
}

.impact_container .col:nth-child(4) {
    background: #bfae69 url(../images/impact-icon-04.png) no-repeat;
    background-size: 2.75em;
    background-position: 90% 77%
}

.doc_section {
    background: var(--black-04) url(../images/graphy-01.png) no-repeat center center;
    background-size: cover;
    text-align: center;
    padding: clamp(2.5rem, 4vw + 1rem, 4.5625rem) 0 clamp(2.5rem, 5vw + 1rem, 5rem)
}

.doc_section h4 {
    color: var(--white);
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem)
}

.doc_section .btn {
    margin-top: 2.5em
}

.doc_section .pic {
    text-align: center
}

.doc_section iframe {
    width: 100%;
    height: 100%;
    max-width: 59.3125rem
}

.impact_stories_section {
    padding-top: clamp(3rem, 6vw + 1rem, 7.8125rem)
}

.impact_stories_section .container {
    width: 100%
}

.impact_stories_section h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem)
}

.impact_slider .swiper-slide>.flex {
    flex-direction: column;
    align-items: center
}

.impact_slider .cont {
    border: 7px solid var(--peach-03);
    padding: clamp(1rem, 2vw + 1rem, 3.125rem);
    width: 92%;
    margin-top: -3.5em;
    background-color: var(--white)
}

.impact_slider .cont p {
    font-size: var(--font-size-28);
    color: var(--blue-04)
}

.impact_slider .cont .author p {
    font-size: var(--font-size-18);
    color: var(--black-03)
}

.impact_slider .cont .author p:first-child {
    font-weight: 700;
    margin-bottom: .25em
}

.impact_slider .cont .author {
    margin-top: clamp(1rem, 2vw + 1rem, 2.3125rem)
}

.impact_slider .pic {
    width: 100%
}

.impact_slider .pic img {
    width: 100%
}

.impact_slider .btn.next_btn {
    position: absolute;
    bottom: -.55rem;
    left: clamp(1rem, 2vw + 1rem, 3.125rem);
    background-color: var(--white);
    padding: 0 1em 0 .5em;
    background-position-x: 95%
}

.impact_stories_section .impact_slider .cont>p {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.testimonials,
.testimonials_yrg {
    padding: clamp(3rem, 6vw + 1rem, 7.8125rem) 0 clamp(3rem, 6vw + 1rem, 8.125rem)
}

.testimonials .col,
.testimonials_yrg .col {
    background-color: var(--peach);
    padding: clamp(1rem, 3vw + 1rem, 3.045rem) clamp(1rem, 3vw + 1rem, 2.55rem);
    margin-bottom: 1em;
    border-radius: 15px
}

.testimonials .col:last-child,
.testimonials_yrg .col:last-child {
    margin-bottom: 0
}

.testimonials h1,
.testimonials_yrg h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem);
    width: 100%
}

.testimonials .author,
.testimonials_yrg .author {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 2.6875rem)
}

.testimonials .author .pic,
.testimonials_yrg .author .pic {
    margin-right: 1em
}

.testimonials .author .desc p,
.testimonials_yrg .author .desc p {
    font-size: var(--font-size-14)
}

.testimonials .author .pic img,
.testimonials_yrg .author .pic img {
    max-width: 6em
}

.testimonials .author p:first-child,
.testimonials_yrg .author p:first-child {
    margin-bottom: 0;
    font-weight: 700
}

.testimonials .btn_sec,
.testimonials_yrg .btn_sec {
    margin-top: clamp(1.5rem, 3vw + 1rem, 3.3125rem)
}

.testimonials .cont p,
.testimonials_yrg .cont p {
    font-size: var(--font-size-14)
}

.testi_container {
    flex-direction: column
}

.newsletter_section {
    padding-top: clamp(3rem, 6vw + 1rem, 7.8125rem)
}

.newsletter_section .container {
    width: 100%
}

.newsletter_section h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem);
    width: 100%
}

.newsletter_section .impact_slider .cont p {
    font-size: var(--font-size-18)
}

.newsletter_section .impact_slider .logo_sec img {
    max-width: 70%
}

.newsletter_section .impact_slider .logo_sec {
    margin-bottom: clamp(1.5rem, 2vw + 1rem, 2.375rem)
}

.newsletter_section .impact_slider>.flex {
    flex-direction: column;
    align-items: center
}

.newsletter_section .impact_slider .cont {
    padding: clamp(1rem, 4vw + 1rem, 5.3125rem) clamp(1rem, 3vw + 1rem, 4.5rem)
}

.new_event_section {
    padding: clamp(3rem, 6vw + 1rem, 7.8125rem) 0 clamp(3rem, 6vw + 1rem, 8.125rem)
}

.new_event_section h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem);
    width: 100%
}

.ne_container {
    flex-wrap: wrap;
    gap: 1em
}

.ne_container .col {
    width: 47.25%;
    margin-bottom: 1.5em
}

.ne_container .col p {
    font-size: var(--font-size-24);
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.ne_container .col .pic {
    margin-bottom: clamp(1rem, 1vw + .8rem, 2rem)
}

.ne_container .col .pic img {
    width: 100%
}

.ne_container .col .btn_sec {
    margin-top: clamp(1rem, 2vw + .8rem, 2.5rem)
}

.campaigns_section {
    padding-top: clamp(3rem, 6vw + 1rem, 7.8125rem)
}

.campaigns_section .container {
    width: 100%
}

.campaigns_section h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem);
    width: 100%
}

.campaigns_section .impact_slider .cont {
    border: 0;
    background-color: var(--peach);
    overflow: hidden;
    padding: clamp(1rem, 3vw + 1rem, 4.375rem) clamp(1rem, 2vw + 1rem, 2.8125rem) clamp(1rem, 2vw + 1rem, 3.5rem)
}

.campaigns_section .impact_slider .btn.next_btn {
    position: relative;
    left: auto;
    bottom: auto;
    background-color: #fff0;
    padding: 0;
    background-position: right;
    padding-right: 1em
}

.campaigns_section .impact_slider .cont h5 span {
    background-color: var(--peach);
    z-index: 1;
    padding-right: .5em
}

.campaigns_section .impact_slider .cont h5::after {
    width: 150%;
    height: 1px;
    content: '';
    background-color: var(--yellow-02);
    position: absolute;
    left: 0;
    top: 46%
}

.campaigns_section .impact_slider .cont p {
    font-size: var(--font-size-24);
    font-weight: 700;
    color: var(--black-03);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.campaigns_section .impact_slider .cont .info_sec p {
    font-size: var(--font-size-16);
    font-weight: 400;
    color: var(--black-05)
}

.campaigns_section .impact_slider .cont .info_sec .amount {
    font-size: var(--font-size-30);
    font-weight: 700
}

.campaigns_section .impact_slider .cont .info_sec .number {
    font-size: var(--font-size-24);
    font-weight: 700
}

.campaigns_section h5 {
    margin-bottom: clamp(1rem, 2vw + .5rem, 1.875rem);
    text-transform: uppercase
}

.campaigns_section .btn_sec {
    margin-top: clamp(1rem, 2vw + .5rem, 1.875rem)
}

.campaigns_section .info_sec {
    margin-top: clamp(1rem, 2vw + .5rem, 2.5rem);
    flex-wrap: wrap
}

.campaigns_section .info_sec .col:first-child {
    width: 100%;
    margin-bottom: 1em
}

.campaigns_section .tab_hdr {
    margin-top: clamp(2rem, 3vw + 1rem, 4.5rem)
}

.campaigns_section .tab_hdr .container {
    width: 92%
}

.campaigns_section .tab_hdr .hdr {
    color: var(--blue-02);
    font-weight: 700;
    font-size: var(--font-size-24);
    text-align: center;
    padding-bottom: 1.125em;
    cursor: pointer
}

.campaigns_section .tab_hdr .hdr span {
    font-weight: 300
}

.campaigns_section .tab_hdr .hdr.active::after {
    content: '';
    width: 100%;
    height: 3px;
    background-color: var(--blue-02);
    position: absolute;
    left: 0;
    bottom: 0;
    bottom: -2px
}

.campaigns_section .tab_hdr p {
    margin-bottom: clamp(1rem, 1vw + .5rem, 1.375rem)
}

.campaigns_section .custom_pagination {
    width: auto;
    margin: 0
}

.campaigns_section .pgn_container {
    align-items: center;
    margin-top: 1.25em;
    padding: 0 3%;
    flex-direction: column
}

.campaigns_section .pgn_container .btn {
    margin-top: 1em
}

.campaigns_section .tab_cont .swiper {
    display: none
}

.campaigns_section .tab_cont .swiper:first-child {
    display: block
}

.campaigns_section .tab_hdr {
    border-bottom: 1px solid var(--gray-05)
}

h1 {
    font-size: var(--font-size-30);
    font-weight: 700;
    line-height: 1em;
    color: var(--yellow)
}

h2 {
    font-size: var(--font-size-30);
    line-height: 1em;
    font-weight: 700;
    color: var(--black-03)
}

h3 {
    font-size: var(--font-size-60);
    line-height: 1em;
    font-weight: 700
}

h4 {
    font-size: var(--font-size-36);
    font-weight: 700;
    line-height: 1em
}

h5 {
    font-size: var(--font-size-24);
    font-weight: 700;
    line-height: 1em;
    color: var(--black-03)
}

address,
p {
    font-size: var(--font-size-18);
    line-height: 1.444444444444444em;
    margin-bottom: 1em;
    font-weight: 400;
    font-style: normal
}

address:last-of-type,
p:last-of-type {
    margin-bottom: 0
}

.hd_container {
    align-items: flex-start
}

.hd_container .btn {
    display: none
}

#eapps-instagram-feed-1>a,
.eapps-instagram-feed-title,
.eapps-link {
    display: none !important
}

.social_media_section {
    background-color: var(--gray-06);
    padding: clamp(3rem, 0 + 1rem, 7.8125rem) 0
}

.social_media_section h1 {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw + 1rem, 3.5rem);
    width: 100%
}

.media_container {
    flex-wrap: wrap;
    flex-direction: column
}

.social_media_section .hd {
    color: var(--blue-02);
    font-weight: 700;
    font-size: var(--font-size-18);
    margin-bottom: clamp(1rem, 2vw + .5rem, 2rem);
    display: inline-block;
    padding-left: 2.1875em
}

.social_media_section .col:not(:last-child) {
    margin-bottom: clamp(3rem, 6vw + 1rem, 5.625rem)
}

.social_media_section .insta .hd {
    background: url(../images/instagram-logo-01.png) no-repeat left center;
    color: #b62688
}

.social_media_section .twitter .hd {
    background: url(../images/twitter-logo-01.png) no-repeat left center;
    color: #00a7e6
}

.social_media_section .facebook .hd {
    background: url(../images/facebook-logo-01.png) no-repeat left center;
    color: #395692
}

.page_title {
    background: #da8f0a;
    background: -moz-linear-gradient(left, #da8f0a 0, #f8b835 100%);
    background: -webkit-linear-gradient(left, #da8f0a 0, #f8b835 100%);
    background: linear-gradient(to right, #da8f0a 0, #f8b835 100%);
    padding: clamp(1.25em, 3vw + 1em, 2.25em) 0
}

.page_title .title {
    font-size: var(--font-size-30);
    color: var(--white);
    font-weight: 700
}

.page_title .sub_title a {
    font-size: var(--font-size-18);
    color: var(--black);
    font-weight: 600;
    text-decoration: underline;
    white-space: nowrap
}

.page_inner_hdr {
    padding: clamp(1.25em, 3vw + 1em, 3.125em) 0
}

.page_inner_hdr .hdr {
    font-size: var(--font-size-28);
    color: var(--yellow-03);
    font-weight: 700
}

.client_section {
    padding: clamp(1.25em, 3vw + 1em, 3.9375em) 0 clamp(5em, 14vw + 1em, 16.5625em)
}

.client_section .logos_wrapper:not(.marquee-loop)>.row {
    margin-bottom: clamp(1.25em, 3vw + 1em, 4.375em);
    display: inline
}

.client_section .logos_wrapper>.row:last-child {
    margin-bottom: 0
}

.client_section .client_logo {
    display: inline-flex;
    vertical-align: middle;
    width: 32%;
    min-height: 6em;
    align-items: center;
    justify-content: center
}

.client_section .client_logo img {
    max-width: 90%
}

.client_section h2 {
    margin-bottom: clamp(.5em, 2vw + .25em, 1em);
    border-bottom: 1px solid var(--gray-02);
    padding-bottom: 1em;
    color: #da8f0a
}

.client_section .logos_main:not(:last-child) {
    margin-bottom: clamp(1.25em, 3vw + 1em, 5em)
}

.current_partners .page_div:first-child .client_section {
    padding-bottom: clamp(2em, 5vw + 1em, 7em)
}

.govenance_section {
    padding-bottom: clamp(1.25em, 10vw + 1em, 12.5em)
}

.govenance_section .gov_row {
    flex-direction: column;
    margin-bottom: clamp(1.25em, 7vw + 1em, 8.875em)
}

.govenance_section .gov_row:last-child {
    margin-bottom: 0
}

.govenance_section .gov_row .pic {
    margin-bottom: 1em;
    width: 50%
}

.govenance_section .author {
    font-size: var(--font-size-30);
    font-weight: 700
}

.govenance_section .desig {
    font-size: var(--font-size-18)
}

.govenance_section .gov_row p {
    font-weight: 300
}

.govenance_section .gov_row .info {
    margin-bottom: clamp(1.25em, 1vw + 1em, 1.5em)
}

.patch_section {
    background-color: var(--peach);
    padding: clamp(1.25em, 2vw + 1em, 2.875em) 0
}

.patch_section h2 {
    font-size: var(--font-size-18);
    margin-bottom: .88em;
    margin-top: 2.3em
}

.report_section {
    padding-bottom: clamp(2em, 2vw + 1em, 3.125em)
}

.report_section h1 {
    font-size: var(--font-size-48);
    margin-bottom: .875em
}

.report_section .sec {
    padding: clamp(2.5em, 5vw + 1em, 6.0625em) 0
}

.report_section .sec:nth-child(2n+2) {
    background-color: var(--blue-05)
}

.report_section .sec>.container {
    flex-direction: column
}

.report_section .sec.summary_sec>.container {
    flex-direction: column-reverse
}

.report_section .year {
    font-size: var(--font-size-36);
    margin-bottom: clamp(.25em, 1vw + 1em, .8333333333333333em)
}

.report_section .summary_sec .col {
    width: 50%;
    margin-bottom: 1.5em
}

.report_section .summary_sec .sum_doc {
    flex-wrap: wrap
}

.report_section .disc_link {
    width: 48%;
    -webkit-box-shadow: 2px 2px 13px 0 rgb(232 232 232);
    -moz-box-shadow: 2px 2px 13px 0 rgb(232 232 232);
    box-shadow: 2px 2px 13px 0 rgb(232 232 232)
}

.report_section h1 br {
    display: none
}

.donate_main {
    background: var(--blue-06)
}

.donate_main .intro_text {
    padding: clamp(1em, 2vw + 1em, 1.25em) 0 clamp(.5em, 2vw + 1em, .5em)
}

.col_form {
    background-color: var(--white);
    padding: clamp(1em, 2vw + 1em, 1.75em) clamp(.75em, 2vw + .25em, 1.5em) clamp(3em, 2vw + 1em, 6.5625em);
    width: 100%;
    border-radius: .5em
}

.inp_sec .label {
    font-size: var(--font-size-18);
    color: var(--black);
    margin-bottom: clamp(.4em, 1vw + .25em, .8888888888888889em)
}

.btn_radio_inp {
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: clamp(.875em, 2vw + .25em, 1.25em)
}

.don_cause {
    flex-direction: column;
    border-bottom: 1px solid #cfcfcf;
    padding: .875em 0
}

.inp_sec {
    margin-bottom: clamp(1.5em, 2vw + .25em, 1.875em)
}

.inp_sec .info_text {
    font-size: var(--font-size-12);
    margin-top: .625em;
    display: inline-block
}

.amont_inp::after {
    content: "\20B9";
    position: absolute;
    left: .8125em;
    top: .7em;
    font-weight: 600;
    font-size: var(--font-size-18);
    font-family: sans-serif;
    font-weight: 400
}

.col_form .amont_inp input[type=text] {
    padding-left: 2em
}

.one_time_amt .other_inp {
    margin-top: 1em
}

.col_form .sec h5 {
    margin-bottom: 1.25em
}

.col_form .sec:not(:last-child) {
    margin-bottom: 4em
}

.don_amount {
    font-size: var(--font-size-36)
}

.col_form .don_amount input[type=text] {
    font-size: 1em;
    font-weight: 600;
    border: 0;
    padding: 0;
    height: auto
}

.final_amt_sec .label {
    margin-bottom: 0
}

.col_form input[type=email],
.col_form input[type=text],
.col_form select,
.col_form textarea {
    border-radius: .3em;
    height: 2.375rem;
    max-height: initial;
    padding: 0 1em
}

.col_form textarea {
    min-height: 8em;
    height: auto;
    padding: 1em
}

.col_form select {
    background: var(--white) url(../images/down-arrow-select.png) no-repeat 95% center
}

.final_amt_sec {
    margin-bottom: 0
}

.final_amt_sec .btn {
    margin-top: .83em
}

.form_main {
    flex-direction: column-reverse
}

.col_question {
    margin-bottom: 2em
}

.col_question .drop_hd {
    color: var(--white);
    background: var(--blue-07) url(../images/down-arrow-select-white.png) no-repeat 95% center;
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: .651em clamp(.875em, 2vw + .25em, 1.354em);
    cursor: pointer;
    border-radius: .3em;
    white-space: nowrap
}

.col_question .drop_hd.active {
    background: var(--blue-07) url(../images/up-arrow-select-white.png) no-repeat 95% center
}

.col_question .drop_list {
    border: 1px solid #aeadb2;
    background-color: var(--white);
    border-radius: .5em;
    padding: clamp(.875em, 2vw + .25em, 1.875em) clamp(.875em, 2vw + .25em, 2.5em);
    position: absolute;
    left: 0;
    display: none;
    max-height: 30vh;
    overflow: auto;
    width: 100%
}

.drop_list li {
    font-size: var(--font-size-18);
    background: url(../images/list-arrow-black-01.png) no-repeat left .2em;
    padding-left: 1.25em;
    background-size: auto;
    margin-bottom: clamp(.65em, 2vw + .25em, 1.25em)
}

.drop_list>li {
    cursor: pointer
}

.drop_list li ul {
    padding: .5em 0 0;
    display: none
}

.drop_list li ul li,
.drop_list li.active ul li {
    padding-left: 0;
    background: 0 0;
    font-size: var(--font-size-16)
}

.drop_list li.active {
    background: url(../images/list-arrow-black-02.png) no-repeat left .4em
}

.split_inp {
    flex-direction: column
}

.one_time_main {
    flex-direction: column
}

.info_form {
    display: none
}

.memory_honor_inp {
    display: none
}

.radio_btn input[type=radio] {
    position: absolute;
    opacity: 0
}

.radio_btn input[type=radio]+label {
    font-size: var(--font-size-18);
    color: var(--blue-07);
    font-weight: 700;
    display: inline-block;
    padding: .651em clamp(.875em, 2vw + .25em, 1.354em);
    cursor: pointer;
    border-radius: .3em;
    white-space: nowrap
}

.radio_btn input[type=radio]:checked+label {
    color: var(--white);
    background-color: var(--blue-07)
}

.cus_check label {
    font-size: var(--font-size-18);
    color: var(--black)
}

.cus_check input[type=checkbox] {
    position: absolute;
    opacity: 0
}

.cus_check input[type=checkbox]+label::before {
    content: '';
    width: 1em;
    height: 1em;
    border: 1px solid #6b6c6e;
    display: inline-block;
    margin-right: .5em
}

.cus_check input[type=checkbox]+label span:not(.info_text) {
    width: 95%
}

.cus_check input[type=checkbox]:checked+label::after {
    content: '\2713';
    position: absolute;
    left: 3px;
    top: 0;
    font-size: .7em;
    font-weight: 700
}

.cus_radio .radio_cus {
    margin-right: 1em
}

.cus_radio [type=radio]:checked,
[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.cus_radio [type=radio]:checked+label,
.cus_radio [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 1.85em;
    cursor: pointer;
    line-height: 1.5em;
    display: inline-block;
    font-size: var(--font-size-18)
}

.cus_radio [type=radio]:checked+label:before,
.cus_radio [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.388888888888889em;
    height: 1.388888888888889em;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff
}

.cus_radio [type=radio]:checked+label:after,
.cus_radio [type=radio]:not(:checked)+label:after {
    content: '';
    width: .6666666666666667em;
    height: .6666666666666667em;
    background: var(--yellow);
    position: absolute;
    top: .35em;
    left: .35em;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.cus_radio [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.cus_radio [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.donate_yrg_care .donate_main {
    padding-bottom: 2em
}

.more_way_donate .donate_main {
    padding: 2em 0
}

.more_way_donate .sec:first-child {
    border-bottom: 1px solid #9c9c9c;
    margin-bottom: clamp(1.5em, 2vw + .25em, 2.625em);
    padding-bottom: clamp(1.5em, 2vw + .25em, 2.5em)
}

.more_way_donate .sec:first-child address {
    margin-top: 1em
}

.more_way_donate .sec:first-child h5 {
    color: var(--black)
}

.wire_trns_sec {
    border: 1px solid #9c9c9c;
    padding: clamp(1em, 2vw + .25em, 2.5em);
    margin-bottom: 2em
}

.wire_trns_sec:last-child {
    margin-bottom: 0
}

.wire_trns_sec .hd {
    font-size: var(--font-size-18);
    color: var(--yellow-04);
    font-weight: 700;
    margin-bottom: .9444444444444444em
}

.wire_trns_sec>.row {
    border-top: 1px solid #9c9c9c;
    padding: 1em 0
}

.wire_trns_sec>.row:last-child {
    padding-bottom: 0
}

.wire_trns_sec .label {
    font-size: var(--font-size-18);
    line-height: 1.25em;
    font-weight: 400;
    font-style: normal;
    width: 50%
}

.wire_trns_sec .details {
    width: 50%
}

.contri_sup h2 {
    margin-bottom: 1.066666666666667em
}

.contri_sup h5 {
    color: var(--yellow-04)
}

.camp_sec {
    margin-bottom: clamp(2em, 7vw + .25em, 7.6875em);
    flex-direction: column
}

.camp_sec:last-child {
    margin-bottom: 0
}

.camp_sec .pic {
    margin-bottom: 1em
}

.camp_sec .donate_sec {
    margin-top: clamp(.5em, 2vw + .25em, 1.25em);
    width: 80%
}

.camp_sec .donate_sec .other_inp {
    width: 50%
}

.camp_sec .donate_sec .btn {
    width: 49%
}

.camp_sec .amont_inp input[type=text] {
    font-size: var(--font-size-26);
    font-weight: 700;
    padding: .4em 1.15em;
    height: auto;
    padding-left: 1.85em
}

.camp_sec .amont_inp::after {
    font-size: var(--font-size-26);
    top: .6em
}

.fa_section {
    padding: clamp(.1em, 3vw + .25em, 1.25em) 0 clamp(2em, 8vw + .25em, 9.25em)
}

.fa_section .sec {
    flex-direction: column;
    margin-bottom: 1.875em
}

.fa_section .sec:last-child {
    margin-bottom: 0
}

.fa_section .sec h2 {
    margin-bottom: .43em
}

.fa_section .pic {
    margin-bottom: 1em;
    width: 100%
}

.fa_section .pic img {
    width: 100%;
    max-width: 38.875em
}

.fa_section .sec .desc p {
    line-height: 1.5em
}

.about_banner .slider_01 {
    background: var(--yellow-03) url(../images/about-banner-bg.jpg) no-repeat center top;
    background-size: cover;
    overflow: hidden
}

.about_banner .slider_02 {
    background: #a5936d url(../images/about-banner-bg-01-mob.jpg) no-repeat center bottom;
    background-size: contain;
    overflow: hidden
}

.about_banner .scroll_animation {
    margin-bottom: 1.125em;
    min-height: 76px
}

.about_banner h1 {
    text-transform: none;
    margin-bottom: .73em;
    color: var(--white);
    font-size: var(--font-size-49)
}

.about_banner h4 {
    margin-bottom: .73em;
    color: var(--white);
    font-weight: 600
}

.about_banner h1.active {
    opacity: 1
}

.about_banner p {
    color: var(--white)
}

.about_banner .cont {
    padding: 3em 0 1em
}

.about_banner .container {
    flex-direction: column-reverse
}

.about_banner .swiper-slide {
    height: auto
}

.about_banner .slider_02 .cont p {
    font-style: italic;
    padding-left: 1.5em
}

.about_banner .swiper-slide .container {
    height: 100%;
    justify-content: flex-end
}

.prjt_banner {
    background: var(--yellow-03) url(../images/about-banner-bg.jpg) no-repeat center top;
    overflow: hidden
}

.prjt_banner h1 {
    text-transform: none;
    color: var(--white);
    margin-bottom: .73em;
    font-size: var(--font-size-47)
}

.prjt_banner p {
    color: var(--white)
}

.prjt_banner .cont {
    padding: 3em 0 1em
}

.prjt_banner .container {
    flex-direction: column-reverse
}

.about_pg h2 {
    font-size: var(--font-size-48);
    color: var(--yellow-03)
}

.vm_section {
    padding: clamp(1.5em, 3vw + .25em, 3.75em) 0 clamp(2.5em, 11vw + .25em, 7.5em)
}

.vm_section .info {
    padding-bottom: clamp(2.5em, 7.5vw + .25em, 8.75em)
}

.vm_section .info p {
    font-size: var(--font-size-24);
    line-height: 1.5em
}

.vm_section .info .btn_sec {
    margin-top: clamp(1.5em, 2vw + .25em, 2.6875em)
}

.vm_info h2 {
    margin-bottom: .416em
}

.vm_info {
    flex-direction: column
}

.vm_info .pic {
    margin-bottom: 1em
}

.vm_info .pic img {
    width: 100%
}

.vm_info .desc p {
    font-size: var(--font-size-20);
    line-height: 1.5em
}

.vm_info .col:not(:last-child) {
    margin-bottom: 2em
}

.history_section {
    background-color: var(--peach)
}

.history_section {
    padding: clamp(1.5em, 7vw + .25em, 8.3125em) 0
}

.history_section h2 {
    margin-bottom: .5625em
}

.history_section .container>.row {
    flex-direction: column
}

.history_section .desc p {
    font-size: var(--font-size-20);
    line-height: 1.5em
}

.history_section .btn_sec {
    margin-top: clamp(1.5em, 3vw + .25em, 3.5625em)
}

.history_section .pic {
    margin-bottom: 1.5em
}

.history_section .pic p {
    font-size: var(--font-size-14);
    font-style: italic;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #000;
    background: linear-gradient(180deg, #fff0 0, rgb(0 0 0) 100%);
    padding: 12.1875em 1.875em 1.875em;
    color: var(--white);
    line-height: 1.7em
}

.camprainbow .pic p {
    font-size: var(--font-size-14);
    font-style: italic;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: #000;
    background: linear-gradient(180deg, #fff0 0, rgb(0 0 0) 100%);
    padding: 12.1875em 1.875em 1.875em;
    color: var(--white);
    line-height: 1.7em
}

.history_section .pic img {
    width: 100%
}

.camprainbow .pic img {
    width: 100%
}

.history_section .swiper-pagination {
    position: relative;
    margin-top: 2.5em
}

.cp_section {
    padding: clamp(1.5em, 7vw + .25em, 8.4375em) 0
}

.cp_section .container>.flex {
    flex-direction: column
}

.cp_section h2 span {
    color: var(--black)
}

.cp_section .p_logos {
    margin-top: 1em
}

.cp_section .p_logos .logs img {
    max-width: 90%
}

.cp_section .p_logos .logs {
    width: 23%
}

.cp_section .btn_sec {
    margin-top: 1.5em
}

.marquee_container {
    overflow-x: hidden
}

.p_logos {
    display: flex;
    animation: scrolling 10s linear infinite;
    -webkit-animation: scrolling 10s linear infinite
}

.p_logos .logs {
    flex: 0 0 16vw;
    margin: 0 2vw
}

@keyframes scrolling {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translatex(-300vw)
    }
}

.our_gov_section {
    background-color: var(--yellow-03);
    padding: 2em 0
}

.our_gov_section .col_info {
    padding: 17em 0 0;
    margin-top: 5em
}

.our_gov_section h2 {
    color: var(--white);
    position: absolute;
    top: 0;
    left: 0
}

.our_gov_section .col_info h3 {
    font-size: var(--font-size-30);
    color: var(--white);
    margin-bottom: .2em
}

.our_gov_section .col_info p {
    color: var(--white)
}

.our_gov_section .col_hd {
    margin-top: 1.5em;
    position: static
}

.our_gov_section .container .swiper-slide .flex {
    flex-direction: column
}

.our_gov_section .btn_sec {
    margin-top: clamp(1em, 2vw + .25em, 2.3125em)
}

.our_gov_section .swiper-slide {
    background-color: var(--yellow-03)
}

.our_gov_section .col_info.dr-sunil-suhas-solomon {
    background: url(../images/dr-sunil-solomon-pic-02.png) no-repeat left top;
    background-size: 16em
}

.our_gov_section .col_info.sp-thyagarajan {
    background: url(../images/sp-thyagarajan-02.png) no-repeat left top;
    background-size: 21em
}

.our_gov_section .col_info.mk-man {
    background: url(../images/mk-mani-02.png) no-repeat left top;
    background-size: 21em
}

.our_gov_section .col_info.kartar-singh {
    background: url(../images/kartar-singh-02.png) no-repeat left top;
    background-size: 19em
}

.our_gov_section .swiper-pagination {
    position: relative;
    margin-top: 2em
}

.legal_section {
    padding: clamp(1.5em, 7vw + .25em, 8.625em) 0
}

.legal_section .container>.flex {
    flex-direction: column
}

.icons_sec .col {
    flex-direction: row;
    text-align: left;
    margin-bottom: 1.5em;
    justify-content: flex-start
}

.icons_sec .col .icon {
    background-color: var(--yellow-03);
    width: clamp(8em, 14vw + .25em, 16.4375em);
    height: clamp(8em, 14vw + .25em, 16.4375em);
    border-radius: 50%;
    border: clamp(1em, 2vw + .25em, 2.1875em) solid #feebcd;
    margin-bottom: 0
}

.icons_sec .col .icon picture {
    max-width: 55%
}

.icons_sec .col:last-child .icon picture {
    max-width: 40%
}

.icons_sec .col p {
    font-size: var(--font-size-20);
    font-weight: 700;
    padding-left: 1.5em;
    width: 61%;
    color: var(--black)
}

.icons_sec .col p br {
    display: none
}

.legal_section .icons_sec {
    flex-direction: column
}

.legal_section h2 {
    margin-bottom: 1em
}

.project_pg .intro_text {
    padding: 0 0 clamp(2em, 4vw + .25em, 3.375em)
}

.project_pg .intro_text p {
    font-size: var(--font-size-24)
}

.project_hdrs>.flex {
    flex-direction: column
}

.project_hdrs .col {
    font-size: var(--font-size-16);
    font-weight: 600;
    color: var(--black-06);
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
    cursor: pointer;
    background: url(../images/list-arrow-orange-01.png) no-repeat right center;
    padding-right: 2em
}

.project_hdrs .col:hover {
    color: var(--yellow-04)
}

.project_hdrs .col br {
    display: none
}

.project_details {
    padding: clamp(2.5em, 4vw + .25em, 4.75em) 0 clamp(2.5em, 7vw + .25em, 8.125em)
}

.pro_sec .hdr {
    font-size: var(--font-size-30);
    color: var(--black-03);
    font-weight: 700;
    background-color: var(--peach);
    padding: .9em 1.25em;
    border-radius: .35em
}

.pro_logos {
    padding: clamp(1.5em, 2vw + .25em, 3.125em) 0 clamp(1em, 2vw + .25em, 2.1875em);
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #ccc
}

.pro_logos .logo {
    width: 50%;
    text-align: center;
    margin-bottom: 1em
}

.pro_logos .logo img {
    display: inline-block;
    max-width: 65%
}

.project_details .details {
    padding: clamp(1.5em, 2vw + .25em, 3em) 0 clamp(2.5em, 5vw + .25em, 5.9375em);
    flex-direction: column
}

.project_details .details .pic {
    margin-bottom: 1em
}

.project_details .details .pic img {
    width: 100%
}

.project_details .details .btn_sec {
    margin-top: clamp(1.5em, 2vw + .25em, 3em)
}

.project_details .pro_sec:last-child .details {
    padding-bottom: clamp(2.5em, 5vw + .25em, 2.9375em)
}

.involve_sec {
    padding: clamp(2.5em, 5vw + .25em, 3.625em) 0 clamp(2.5em, 5vw + .25em, 5.125em)
}

.involve_sec .container>.flex {
    flex-direction: column
}

.involve_sec h2 {
    margin: 1.16em 0 .56em
}

.involve_sec .btn_sec {
    margin-top: clamp(1.5em, 2vw + .25em, 2.3125em)
}

.involve_sec .col:not(:last-child) {
    margin-bottom: 2.5em
}

.involve_sec .col_lg {
    margin-bottom: 2.5em
}

.involve_sec .col .pic img {
    width: 100%
}

.form_wrapper {
    background-color: #f0f0f0;
    padding: clamp(1.5em, 4vw + .25em, 4.6875em) 0 clamp(2.5em, 11vw + .25em, 13.125em)
}

.form_wrapper .col_form {
    background: 0 0;
    padding: 0
}

.form_wrapper .col_form .sec {
    flex-direction: column;
    margin-bottom: 0;
    border-top: 1px solid #b4b4b4;
    padding: clamp(1.5em, 2vw + .25em, 2.375em) 0
}

.form_wrapper .hdr {
    font-size: var(--font-size-24);
    font-weight: 700;
    margin-bottom: 1em
}

.ai_checkbox {
    flex-wrap: wrap
}

.ai_checkbox .inp_sec {
    width: 50%
}

.form_wrapper .intro_text {
    margin-bottom: clamp(1.5em, 3vw + .25em, 2.5em)
}

.form_wrapper .intro_text p a {
    color: inherit
}

.form_details {
    flex-direction: column
}

.form_details .inp_sec:last-child {
    margin-bottom: 0
}

.form_details .inp_sec {
    margin-bottom: clamp(1em, 2vw + .25em, 1.875em)
}

.form_details>p {
    margin-bottom: clamp(1.3em, 3vw + .25em, 2.2em)
}

.col_form .form_details select {
    background-position-x: 95%
}

.form_wrapper .cus_check input[type=checkbox]+label::before {
    background-color: var(--white);
    margin-right: 1em
}

.custom-file-input {
    color: #fff0;
    max-width: clamp(8em, 7vw + .25em, 10.20002550006375em)
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden
}

.custom-file-input::before {
    content: 'Browse';
    color: var(--black);
    display: inline-block;
    background: #d8d8d8;
    border: 1px solid #b5b5b5;
    border-radius: 3.125em;
    padding: 1.12em 0;
    outline: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 600;
    font-size: var(--font-size-18);
    width: 100%;
    text-align: center
}

.custom-file-input:active {
    outline: 0
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9)
}

.contactus_pg .map_sec {
    background-color: #e3e3e3;
    padding: clamp(2em, 3vw + .25em, 3.5625em) 0
}

.contactus_pg .map_sec .flex {
    flex-direction: column
}

.contactus_pg .map_sec iframe {
    width: 100%;
    aspect-ratio: 16/9;
    margin-top: 1.5em
}

.contactus_pg .map_sec p {
    font-size: var(--font-size-24)
}

.contactus_pg .form_wrapper .col_form .sec:first-child {
    border-top: 0
}

.contactus_pg .sec form>.flex {
    flex-direction: column
}

.form_wrapper .upload_sec {
    flex-direction: column
}

.form_wrapper .upload_sec .hd {
    font-size: var(--font-size-18);
    font-weight: 700;
    margin-bottom: .88em
}

.form_wrapper .upload_sec p {
    font-size: var(--font-size-12-18)
}

.form_wrapper .upload_sec .inp_upload {
    margin-right: 1.125em
}

.form_wrapper .more_fields {
    flex-direction: column;
    margin-top: .8125em;
    margin-bottom: clamp(1em, 2vw + .25em, 2em)
}

.form_wrapper .more_fields p {
    margin-bottom: .5em
}

.form_wrapper .more_fields .cus_radio {
    margin-bottom: 1em
}

.captcha_sec {
    flex-wrap: wrap
}

.captcha_sec .captcha_img {
    margin-bottom: 1em;
    border: 1px solid var(--gray-02);
    height: 38px;
    background-color: var(--white);
    width: 49%
}

.captcha_sec .inp_sec {
    width: 49%
}

.captcha_sec .captcha_img img {
    max-height: 33px;
    width: 95%
}

.form_wrapper a[href^="tel:"] {
    color: inherit
}

.contactus_pg .intro_text .hd {
    font-size: var(--font-size-24);
    font-weight: 700;
    margin-bottom: .7em
}

.contactus_pg .intro_text p {
    font-size: var(--font-size-24)
}

.contactus_pg .btn {
    padding: .956em 1.5em
}

.contactus_pg .form_details .col_s {
    margin-bottom: 1.5em
}

.contactus_pg .form_details.extra_lh .link {
    color: inherit;
    font-weight: 700;
    text-decoration: underline
}

.contactus_pg .more_info p {
    font-size: var(--font-size-14-22)
}

.contactus_pg .form_wrapper {
    background-color: var(--white);
    padding: clamp(1.5em, 4vw + .25em, 3.5625em) 0 clamp(2.5em, 11vw + .25em, 2.125em)
}

.contactus_pg .form_details.extra_lh p {
    line-height: 1.8em
}

.contactus_pg .form_details>p {
    margin-bottom: 0
}

.contactus_pg .form_wrapper .col_form .sec {
    padding: clamp(1.5em, 4vw + .25em, 4.6875em) 0
}

.contactus_pg .form_wrapper .col_form .sec:first-child {
    padding-top: 0
}

.contactus_pg .cus_radio [type=radio]:not(:checked)+label:before {
    background: #ddd
}

.contactus_pg .other_enq .intro_text .hd {
    margin-bottom: .25em
}

.contactus_pg .form_details .col_l .hd,
.contactus_pg .form_details .col_s .hd {
    font-size: var(--font-size-18);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: clamp(.75em, 2vw + .25em, 1.6em)
}

.service_banner {
    background: var(--lgtbl)
}

.service_pg .service_banner h1 {
    font-size: var(--font-size-49);
    color: var(--white);
    padding: clamp(1.2em, 7vw + .25em, 2.9em) 0;
    text-transform: none;
    text-align: left;
    line-height: 1em
}

.service_pg .intro_text {
    padding: clamp(1.5em, 4vw + .25em, 3.3125em) 0
}

.service_pg .intro_text p {
    font-size: var(--font-size-24);
    line-height: 1.5em
}

.service_pg h1 {
    text-transform: none;
    font-size: var(--font-size-48);
    text-align: center;
    line-height: 1.145833333333333em
}

.service_pg h1 br {
    display: none
}

.service_pg p {
    line-height: 1.666666666666667em
}

.service_sec {
    background-color: var(--peach);
    padding: clamp(2.5em, 6vw + .25em, 7.125em) 0 clamp(2.5em, 4vw + .25em, 2em)
}

.service_sec h1 {
    margin-bottom: clamp(1.5em, 6vw + .25em, 2.29em)
}

.service_sec .col {
    flex-direction: column;
    align-items: center;
    width: 50%;
    justify-content: flex-start;
    margin-bottom: clamp(2.5em, 5vw + .25em, 5.3125em);
    padding: 0 2%
}

.service_sec .col p {
    text-align: center;
    font-size: var(--font-size-20);
    font-weight: 700;
    line-height: 1.444444444444444em
}

.service_sec .col img {
    max-width: 70%
}

.service_sec .col .icon {
    margin-bottom: 1em
}

.service_sec .container>.row {
    flex-wrap: wrap
}

.op_clinic_sec {
    padding: clamp(2.5em, 6vw + .25em, 7.1875em) 0
}

.op_clinic_sec .main_info {
    margin-top: clamp(2em, 6vw + .25em, 4.875em);
    flex-direction: column-reverse
}

.op_clinic_sec .main_info .pic img {
    width: 100%
}

.op_clinic_sec .main_info .pic {
    margin-bottom: 1em
}

.highlights_sec {
    background-color: var(--peach);
    margin-top: 1.5em
}

.highlights_sec h2 {
    font-size: var(--font-size-24);
    margin-bottom: 2em
}

.highlights_sec>.row {
    flex-direction: column
}

.highlights_sec {
    background: var(--peach) url(../images/highlights-bg-01.png) no-repeat left bottom;
    padding: clamp(2em, 8.5vw + .25em, 10.3125em) 1.5em 16em;
    background-size: 14em;
    background-position-x: 0
}

.op_clinic_sec .more_details {
    padding-top: clamp(2em, 7vw + .25em, 7.8125em);
    flex-direction: column
}

.op_clinic_sec .more_details .pic {
    margin-bottom: clamp(1em, 3vw + .25em, 2.5em)
}

.op_clinic_sec .more_details .col:not(:last-child) {
    margin-bottom: 1.5em
}

.op_clinic_sec .more_details p {
    line-height: 1.666666666666667em
}

.op_clinic_sec .btn_sec {
    margin-top: clamp(2em, 7vw + .25em, 4.375em)
}

.service_pg .satellite_clinic h1 {
    text-align: left;
    margin-bottom: .875em
}

.satellite_clinic .desc {
    background-color: var(--peach);
    padding: clamp(1.5em, 6vw + .25em, 6.6875em) 1.5em
}

.satellite_clinic .desc p {
    line-height: 1.666666666666667em
}

.satellite_clinic .container>.flex {
    flex-direction: column
}

.lab_sec .highlights_sec {
    background: var(--peach);
    padding: clamp(2em, 8.5vw + .25em, 6.9375em) clamp(1.5em, 4.5vw + .25em, 3.4375em) clamp(2em, 8.5vw + .25em, 6.9375em) clamp(1.5em, 4.5vw + .25em, 5.4375em)
}

.lab_sec .highlights_sec .col {
    align-items: center;
    margin-bottom: clamp(1.5em, 4vw + .25em, 3.125em)
}

.lab_sec .highlights_sec .col:last-child {
    margin-bottom: 0
}

.lab_sec .highlights_sec .col .pic {
    width: 20%
}

.lab_sec .highlights_sec .col p {
    width: 75%;
    font-weight: 700;
    font-size: var(--font-size-20);
    line-height: 1.444444444444444em
}

.lab_sec .highlights_sec>p {
    margin-top: 1.6em
}

.lab_sec .highlights_sec h2 {
    font-size: var(--font-size-30)
}

.expertise_sec {
    padding-top: clamp(1.5em, 4.5vw + .25em, 3.5625em)
}

.expertise_sec h2 {
    line-height: 1.333333333333333em;
    margin-bottom: .9em;
    font-size: var(--font-size-30)
}

.expertise_sec .dash {
    margin-bottom: clamp(1em, 2vw + .25em, 2.5em)
}

.lab_sec .expertise_sec .btn_sec {
    text-align: left;
    margin: clamp(1.5em, 2.5vw + .25em, 2.75em) 0 clamp(2.5em, 4vw + .25em, 4.5em)
}

.expertise_sec>p a {
    font-weight: 600;
    color: var(--yellow-03);
    text-decoration: underline
}

.expertise_sec>p a[href^="tel:"] {
    color: inherit;
    text-decoration: none
}

.procurement_notice {
    padding: clamp(1.5em, 2.5vw + .25em, 3em) 0
}

.notice_sec {
    margin-top: clamp(1.5em, 2.5vw + .25em, 3em);
    justify-content: flex-start;
    flex-wrap: wrap
}

.notice_sec .pic {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none
}

.notice_sec .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.notice_sec .cont {
    background: rgb(0 0 0 / .6);
    padding: 2em 1.5em 1.5em;
    height: 100%
}

.notice_sec h1 {
    color: var(--white);
    font-size: var(--font-size-20);
    text-transform: none;
    line-height: 1.25em;
    margin-bottom: .65em
}

.notice_sec p {
    font-size: var(--font-size-14);
    color: var(--white);
    margin-bottom: .75em
}

.notice_sec ul li {
    font-size: var(--font-size-14);
    color: var(--white);
    margin-bottom: .35em
}

.notice_sec ul li:last-child {
    margin-bottom: 0
}

.notice_sec ul li a {
    color: var(--white);
    text-decoration: underline
}

.notice_sec .link {
    font-size: var(--font-size-14);
    color: var(--white);
    margin-top: 1em;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase
}

.notice_sec .btn_sec {
    justify-content: flex-start;
    margin-top: 1em
}

.notice_sec .btn_sec a {
    margin-right: 1em;
    font-size: var(--font-size-14)
}

.notice_sec a:not(.btn):hover {
    color: var(--yellow-03)
}

.notice_sec .col {
    margin-bottom: 1em;
    width: 100%
}

.procurement_notice select {
    max-width: 10em;
    line-height: 1em
}

.notice_sec .cont .status {
    background-color: var(--yellow-03);
    color: var(--black);
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    font-size: var(--font-size-14);
    padding: .25em 1em;
    font-weight: 400
}

.research_pg .banner {
    background: var(--black-05) url(../images/research-banner-mob.jpg) no-repeat top center;
    background-size: contain
}

.research_pg .banner p {
    color: var(--white);
    font-size: var(--font-size-18);
    font-weight: 600;
    line-height: 1.666666666666667em
}

.research_pg .banner p br {
    display: none
}

.research_pg .banner .cont {
    padding: 59% 0 2em
}

.research_pg .intro_sec {
    padding-top: clamp(2em, 4vw + .25em, 4.688em);
    padding-bottom: clamp(2em, 5vw + .25em, 5.688em)
}

.research_pg .mul_res_sec {
    background-color: var(--peach);
    padding: clamp(2em, 4vw + .25em, 5.938em) 0
}

.researchers_sec .key_researchers_slider,
.researchers_sec .researchers_slider {
    overflow: hidden
}

.researchers_sec .key_researchers_slider .swiper-pagination,
.researchers_sec .researchers_slider .swiper-pagination {
    display: none
}

.researchers_sec {
    padding: clamp(2em, 4vw + .25em, 5.938em) 0
}

.researchers_sec h1 {
    font-size: var(--font-size-36)
}

.researchers_sec .researchers_cont {
    width: 100%;
    max-width: 405px;
    padding-bottom: 1.5em
}

.researchers_sec .researchers_cont .researchers_nm {
    font-size: var(--font-size-18);
    padding-top: clamp(.5em, 2vw, 1.389em);
    line-height: 1.667em
}

.researchers_sec .row.pb {
    padding-bottom: 2em
}

.research_pg .mul_res_sec .mul_res_inner_cont {
    width: 100%;
    max-width: 405px;
    padding-bottom: 1.5em
}

.research_pg .mul_res_sec .res_icon {
    width: auto;
    position: relative;
    padding-bottom: clamp(.5em, 4vw, 1.5em)
}

.research_pg .mul_res_sec .res_head.lnh {
    line-height: 1.25em
}

.research_pg .mul_res_sec .res_head {
    line-height: 1.667em;
    font-size: var(--font-size-24);
    padding-bottom: clamp(.1em, 2vw, .833em);
    margin: 0
}

.research_pg .mul_res_sec .res_desc {
    line-height: 1.444em;
    font-size: var(--font-size-18);
    padding-bottom: clamp(1em, 2vw, 1.833em);
    margin: 0
}

.researchbtn {
    display: inline-block;
    color: var(--blue-07);
    background-color: var(--white);
    font-size: var(--font-size-18);
    padding: .7em 1.15em;
    transition: all ease-in-out .25s;
    -webkit-transition: all ease-in-out .25s;
    font-weight: 700;
    text-align: center;
    border-radius: 3.125rem;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid var(--blue-07)
}

.researchbtn:hover {
    color: var(--white);
    background-color: var(--blue-07);
    border: 2px solid var(--white)
}

.research_pg .intro_sec h1 {
    font-size: var(--font-size-48);
    line-height: .833em
}

.research_pg .intro_sec p {
    font-size: var(--font-size-18);
    line-height: 1.625em;
    font-weight: 500;
    max-width: 98%
}

.research_pg .res_publication_sec {
    padding: clamp(2em, 4vw + .25em, 5.938em) 0 0 0
}

.research_pg .res_publication_sec h1 .researchbtn {
    float: right
}

.research_pg .res_publication_sec .container {
    padding-bottom: clamp(2em, 4vw + .25em, 5.938em)
}

.research_pg .res_publication_sec .pub_cont {
    width: 100%;
    max-width: 405px
}

.research_pg .res_publication_sec .pub_cont .date {
    font-size: var(--font-size-14);
    line-height: 2.143em;
    padding-bottom: .714em;
    margin: 0
}

.research_pg .flex {
    flex-wrap: wrap
}

.research_pg .res_publication_sec .pub_cont .pub_des {
    font-size: var(--font-size-24);
    line-height: 1.083em;
    padding-bottom: .625em;
    margin: 0;
    color: var(--blue-07);
    display: block
}

.research_pg .res_publication_sec .pub_cont .pub_nme {
    font-size: var(--font-size-18);
    line-height: 1.667em;
    padding-bottom: .625em;
    margin: 0
}

.research_pg .mul_res_sec {
    padding-top: clamp(2em, 3vw + .25em, 3.438em)
}

.research_pg .mul_res_sec .tag_sec.btm {
    padding: 1.667em 0
}

.research_pg .mul_res_sec .tag_sec.flex {
    justify-content: start;
    align-items: center;
    gap: 0 5px
}

.research_pg .mul_res_sec .tag_sec .tag {
    color: var(--blue-07);
    background-color: var(--blue-09);
    border: 0;
    border-radius: 6px;
    font-size: var(--font-size-18);
    line-height: 1.333em;
    padding: 7px 15px;
    margin-bottom: 5px
}

.research_pg .mul_res_sec .pub_det_rw.pb0 {
    padding-bottom: 0
}

.research_pg .mul_res_sec .pub_det_rw {
    font-size: var(--font-size-18);
    line-height: 1.667em;
    padding-bottom: .611em
}

.research_pg .mul_res_sec .pub_det_rw.flex {
    justify-content: start
}

.research_pg .mul_res_sec .pub_det_rw .lbl {
    padding-right: 8px;
    width: 100%;
    max-width: 210px
}

.research_pg .mul_res_sec .pub_det_rw .lbl_txt {
    padding-left: 8px
}

.research_pg .mul_res_sec .pub_stud_head {
    color: var(--blue-07);
    font-size: var(--font-size-20);
    line-height: 1.25em;
    padding: .458em 0 .917em;
    width: 100%;
    max-width: 952px
}

.research_pg .publication_stud_sec .container .row:not(:nth-child(2)) {
    padding-top: clamp(1em, 2vw + .25em, 1.875em)
}

.research_pg .publication_stud_sec .container .row:not(:last-child) {
    padding-bottom: clamp(2em, 2vw + .25em, 2.375em);
    border-bottom: 1px solid #d7d7d7
}

.research_pg .publication_stud_sec .container {
    padding-bottom: clamp(2em, 2vw + .25em, 2.375em)
}

.research_pg .sm_banner_sec .row.flex {
    align-content: center;
    align-items: center
}

.research_pg .sm_banner_sec .bnr_cont {
    background-color: var(--peach-04);
    border: 1px solid #f6ede0;
    height: 175px;
    width: 100%;
    max-width: 407px;
    align-items: center;
    justify-content: flex-start;
    gap: 0 20px;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer
}

.research_pg .sm_banner_sec .bnr_cont .icn {
    width: 100%;
    max-width: 100px
}

.research_pg .sm_banner_sec .bnr_cont .icn_txt {
    font-size: var(--font-size-20);
    color: var(--blue-07);
    line-height: 1.3em;
    font-weight: 700
}

.research_pg .sm_banner_sec {
    padding-bottom: clamp(2em, 3vw + .25em, 3.75em)
}

.research_pg h1 {
    font-size: var(--font-size-36);
    line-height: 25px;
    text-transform: none;
    margin-bottom: .7em
}

.research_pg .btn_sec {
    margin-top: 1.875em
}

.research_pg .link_sec {
    padding-top: clamp(2em, 4vw + .25em, 4.125em)
}

.research_pg .link_sec .sec:first-child {
    background-image: url(../images/institutional-review-board-icon-01.png), url(../images/arrow.png);
    margin-bottom: 1.5em
}

.research_pg .link_sec .sec:last-child {
    background-image: url(../images/community-advisory-board-icon-01.png), url(../images/arrow.png);
    background-size: 4em, 2em
}

.research_pg .link_sec {
    flex-direction: column
}

.research_pg .link_sec .sec {
    font-size: var(--font-size-20);
    text-transform: uppercase;
    color: var(--black);
    font-weight: 700;
    border: 1px solid #f2eee2;
    padding: clamp(1.5em, 2.62vw + .25em, 3em) 0 clamp(1.5em, 2.62vw + .25em, 3em) clamp(8em, 15vw + .25em, 10.9em);
    background-color: var(--peach);
    background-position: 9% center, 90% center;
    background-repeat: no-repeat, no-repeat;
    background-size: 5em, 2em;
    line-height: 1.3em
}

.research_pg .link_sec .sec:hover {
    background-color: var(--peach-03)
}

.research_pg .accre_sec {
    padding-bottom: clamp(2em, 4vw + .25em, 6.875em)
}

.research_pg .accre_sec .accre_cont {
    text-align: center;
    max-width: 100px
}

.research_pg .intro_sec .accre_cont {
    text-align: center;
    max-width: 100px;
    padding-bottom: clamp(.5em, 2vw, 1em)
}

.research_pg .accre_sec .row.flex {
    justify-content: flex-start;
    gap: 0 85px
}

.research_pg .intro_sec .row.flex {
    justify-content: flex-start;
    gap: 0 40px
}

.research_pg .intro_sec .accre_cont .accre_txt {
    font-size: var(--font-size-12)
}

.research_pg h2 {
    font-size: var(--font-size-36);
    color: var(--yellow-03);
    margin-bottom: 1.166666666666667em
}

.research_pg .banner .tnt {
    font-size: var(--font-size-14);
    font-style: italic;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    background: linear-gradient(0deg, rgb(154 154 154) 35%, #fff0 100%);
    padding: 12.1875em 1.875em 1.875em;
    color: var(--white);
    line-height: 1.7em
}

.res_project .pro_container {
    flex-direction: column
}

.res_project {
    padding: clamp(3em, 5.5vw + .25em, 6.375em) 0 clamp(3em, 6.5vw + .25em, 7.5em)
}

.res_project .select_sec {
    flex-direction: column;
    max-width: 47.5em
}

.res_project .select_sec .col:not(:last-child) {
    margin-bottom: 1em
}

.res_project .pro_container {
    margin-top: clamp(1.5em, 3vw + .25em, 3.4375em)
}

.res_project .pro_container .hd {
    font-size: var(--font-size-20);
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: .8em
}

.res_project .pro_container .hd span {
    background-color: var(--peach);
    padding: .25em .25em .25em clamp(1.25rem, 2.5vw + .25em, 1.875rem)
}

.res_project .pro_container .hd span:first-child {
    background: var(--peach) url(../images/arrow-orange.png) no-repeat left center;
    z-index: 1
}

.res_project .pro_container .hd span:last-child:not(:first-child) {
    padding-left: .25em;
    margin-left: clamp(1.25rem, 2.5vw + .25em, 1.875rem);
    left: -.25em
}

.res_project .pro_container .cont {
    background-color: var(--peach);
    border: 1px solid #f2eee3;
    padding: clamp(1.5em, 2.5vw + .25em, 2.3125em) 0;
    padding-right: 1em;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #fff0;
    z-index: 2
}

.res_project .pro_container p {
    margin-left: clamp(1.25rem, 2.5vw + .25em, 1.875rem);
    font-weight: 500;
    line-height: 1.333333333333333em;
    color: var(--black)
}

.res_project .pro_container .link {
    margin-left: clamp(1.25rem, 2.5vw + .25em, 1.875rem);
    font-size: var(--font-size-16);
    color: var(--yellow-03);
    font-weight: 500;
    margin-top: clamp(1.25em, 2.5vw + .25em, 1.75em);
    display: inline-block
}

.res_project .pro_container .col {
    margin-bottom: 1.5em;
    cursor: pointer
}

.res_project .pro_container .col .pic img {
    width: 100%
}

.res_project .pro_container .col::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--peach);
    z-index: 1;
    opacity: 1;
    transition: all ease-in .25s;
    -webkit-transition: all ease-in .25s
}

.research_pg .toggle_cont {
    margin-top: 1em;
    display: none
}

#completed-projects {
    display: none
}

.client_section .client_logo:empty {
    display: none
}

.scrolled .donate_main .intro_text {
    background-color: var(--blue-06)
}

.donate_main .intro_text {
    position: sticky;
    top: 5.03125em;
    z-index: 1
}

.col_question {
    position: sticky;
    top: 5.03125em;
    z-index: 1
}

.download_sec {
    padding: clamp(1.25em, 4vw + .25em, 4.5em) 0
}

.download_sec>.flex {
    flex-wrap: wrap
}

.download_sec .col {
    background-color: var(--peach);
    padding: clamp(1.25em, 3vw + .25em, 3.75em) 1.25em;
    margin-bottom: 1em;
    width: 100%
}

.download_sec .col:last-child {
    margin-bottom: 0
}

.download_sec .col .title {
    font-size: var(--font-size-18);
    font-weight: 700;
    line-height: 1.5em
}

.download_sec .col .link_sec {
    margin-top: clamp(1em, 2vw + .25em, 2.25em);
    justify-content: flex-start
}

.download_sec .col .link_sec a {
    color: var(--yellow-02);
    font-size: var(--font-size-18);
    background: #fff url(../images/pdf.png) no-repeat 20px 7px;
    padding: .7em 2em .7em 2.8em;
    color: var(--white);
    background-color: var(--blue);
    border-radius: 3.125rem
}

.download_sec .col .link_sec a:hover {
    color: var(--blue);
    background-color: var(--white);
    border: var(--blue) solid 1px
}

.download_sec .col .link_sec a:not(:last-child)::after {
    content: '|';
    color: var(--black);
    margin: 0 .25em
}

.page_title.transparent {
    background: 0 0;
    padding: clamp(1.25em, 3vw + 1em, 2.9375em) 0 clamp(0, 2vw + 1em, 1.875em)
}

.page_title.transparent .title {
    font-size: var(--font-size-48);
    color: var(--yellow-03);
    text-transform: none
}

.insti_board .intro_text {
    padding: clamp(1.25em, 3vw + .25em, 2.5em) 0
}

.insti_board h2 {
    font-size: var(--font-size-36);
    color: var(--yellow-03);
    margin-bottom: .83em
}

.insti_board .tag {
    font-weight: 700;
    font-size: var(--font-size-20);
    margin-bottom: .8em
}

.insti_board .container>.row {
    flex-direction: column
}

.insti_board .container .masonry {
    flex-wrap: wrap;
    flex-direction: row
}

.pro_member .col {
    padding-bottom: 0
}

.pro_member .col.exe_col,
.pro_member .col.exe_col .cont {
    width: 100%
}

.pro_member .col .cont {
    padding: clamp(1.25em, 3vw + .25em, 2.5em) clamp(1em, 3vw + .25em, 1.875em);
    border-bottom: 1px solid #f6eee1
}

.pro_member .col.exe_col .cont {
    background-color: var(--peach);
    border: 1px solid #f6eee1
}

.pro_member .col .name {
    font-size: var(--font-size-20);
    font-weight: 700;
    margin-bottom: .6em
}

.pro_member .col p {
    line-height: 1.333333333333333em
}

.insti_board .pro_member {
    padding-bottom: clamp(3em, 6vw + .25em, 7em);
    background: url(../images/governance-bg-01.png) no-repeat right 2em
}

.comm_adv .pro_member .col {
    order: initial !important
}

.marquee-loop {
    overflow: hidden
}

.client_section .marquee-loop .logos_lists .client_logo {
    width: auto;
    flex: 0 0 23vw;
    margin-right: 1.5em
}

.comm_adv .pro_member .col.exe_col .cont {
    width: 100%
}

.comm_adv .pro_member .col.exe_col:first-child {
    margin-bottom: 1em
}

.donate_main .intro_text {
    position: relative;
    top: auto
}

.donate_main .stick_hd {
    position: sticky;
    top: 85px;
    z-index: 2;
    padding: .5em 0 1.5em
}

.col_question {
    position: relative;
    top: auto
}

.scrolled .donate_main .stick_hd {
    background: var(--blue-06)
}

blockquote::before {
    content: open-quote;
    font-size: 2em;
    line-height: .25em;
    position: absolute;
    left: 0;
    top: 0
}

blockquote {
    quotes: "“" "”" "‘" "’";
    padding-left: 1em
}

blockquote span {
    padding-right: 1em;
    display: inline-block
}

blockquote span::after {
    content: close-quote;
    font-size: 2em;
    position: absolute;
    right: 0;
    top: 6px
}

.home_slider .swiper-slide.slide_02 .pic {
    position: absolute;
    left: 0;
    bottom: 0
}

.home_slider .swiper-slide.slide_02>.container {
    position: static
}

.home_slider .swiper-slide.slide_02>.container>.row {
    position: static
}

.home_slider .swiper-slide.slide_01 h2,
.home_slider .swiper-slide.slide_02 h2 {
    margin-bottom: .5em
}

.home_slider .swiper-slide.slide_02 p {
    width: 90%
}

.international_form {
    display: none
}

.international_form iframe {
    width: 100%;
    min-height: 137.5em
}

.service_pg .service_banner {
    background: #ebede8;
    background: -moz-linear-gradient(left, #ebede8 0, #cad2d6 100%);
    background: -webkit-linear-gradient(left, #ebede8 0, #cad2d6 100%);
    background: linear-gradient(to right, #ebede8 0, #cad2d6 100%)
}

.service_pg .service_banner h1 {
    color: var(--black)
}

.serve_container .col:nth-child(9) .pic img {
    max-width: 3em
}

footer .banner {
    margin-top: 1em
}

.get_involved_pg .form_wrapper {
    display: none
}

.swiper-button-next,
.swiper-button-prev {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,0.6) !important;  /* transparent grey circle */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;   /* force parent color to white */
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 12px !important;
  height: 12px !important;
  stroke: #ffffff !important;   /* solid white stroke */
  fill: #ffffff !important;     /* solid white fill */
  opacity: 1 !important;        /* no fading */
}

.notice_sec .btn_sec {
    flex-wrap: wrap
}

.notice_sec .btn_sec a {
    margin-bottom: .75em
}

.info_section {
    padding: clamp(1.25em, 3vw + 1em, 3.125em) 0;
    counter-reset: section
}

.info_section .sec {
    margin-bottom: clamp(1.25em, 3vw + 1em, 3em)
}

.info_section h2 {
    margin-bottom: .5em
}

.info_section .sec.counter h2::before {
    counter-increment: section;
    content: counter(section) ". "
}

footer .nav_col {
    width: 100%
}

footer .other_col {
    width: 100%
}

footer .col_sm {
    flex-wrap: wrap
}

footer .copy_right_sec {
    width: 100%;
    margin-top: 1.5em
}

footer .copy_right_sec br {
    display: none
}

footer .col_sm {
    margin-top: 0
}

footer .social a:not(:last-child) {
    margin-right: .75em
}

.project_acce h1 {
    text-align: center
}

.project_acce .community_serv.camprainbow h1 span {
    text-align: center;
    font-size: var(--font-size-24);
    font-weight: 700;
    line-height: 1em;
    display: block;
    word-spacing: 15px;
    margin: 2% 0 6% 0
}

.pro_banner {
    background: var(--peach-04);
    flex-direction: column-reverse
}

.pro_banner .cont {
    padding: clamp(1.5em, 4vw + 1em, 4.8125em) 0 clamp(1.5em, 4vw + 1em, 5.625em)
}

.pro_banner h1 {
    color: var(--black);
    text-transform: none;
    font-size: var(--font-size-36);
    margin-bottom: 1em;
    line-height: 1.3em;
    text-align: left
}

.pro_banner .btn_sec {
    margin-top: 1.25em
}

.pro_acc {
    padding: clamp(2.5em, 4vw + 1em, 2.6875em) 0 clamp(2.5em, 4vw + 1em, 4.375em)
}

.pro_acc .pro_logos {
    border-bottom: 0
}

.pro_acc .cont p {
    font-size: var(--font-size-24)
}

.community_serv {
    background: #e3a600;
    background: -moz-linear-gradient(top, #e3a600 0, #ffc417 100%);
    background: -webkit-linear-gradient(top, #e3a600 0, #ffc417 100%);
    background: linear-gradient(to bottom, #e3a600 0, #ffc417 100%);
    padding: clamp(2.5em, 4vw + 1em, 5.1875em) 0 clamp(2.5em, 5vw + 1em, 7em)
}

.community_serv h1 {
    margin-bottom: clamp(.5em, 2.8vw + 1em, 5.1875em);
    color: var(--white)
}

.community_serv .cont {
    flex-direction: column
}

.community_serv .icon {
    width: 20%
}

.community_serv .icon img {
    max-width: 70%
}

.community_serv .info {
    padding-left: .875em;
    width: 80%;
    border-left: 1px solid #fad723
}

.community_serv .label {
    font-weight: 700;
    margin-bottom: .5em
}

.community_serv .label,
.community_serv .short_label {
    color: var(--white);
    font-size: var(--font-size-18)
}

.community_serv .col:not(:last-child) {
    margin-bottom: 1.5em
}

.goal {
    padding: clamp(2.5em, 2vw + 1em, 2.1875em) 0 clamp(2.5em, 2vw + 1em, 2.8125em)
}

.goal h1 {
    margin-bottom: 1em
}

.goal .pic .info {
    margin-top: 1em
}

.goal .pic .info .name {
    font-size: var(--font-size-18);
    font-weight: 700;
    margin-bottom: .25em
}

.goal .pic .info .desig {
    font-size: var(--font-size-18)
}

.goal .details {
    margin-top: clamp(1em, 6vw + 1em, 4em)
}

.goal .cont {
    flex-direction: column
}

.goal .details h1 {
    text-align: left
}

.objective {
    background-color: var(--peach-05);
    padding: clamp(1em, 5vw + 1em, 6.5em) 0 clamp(1em, 6vw + 1em, 8.1em)
}

.objective h1 {
    margin-bottom: clamp(1em, 2vw + 1em, 3.125rem)
}

.objective .col {
    text-align: center;
    flex-direction: column;
    margin-bottom: 1.5em
}

.objective .cont {
    flex-direction: column
}

.objective .icon {
    margin-bottom: clamp(1em, 1vw + .5em, 1.25em)
}

.objective p {
    font-weight: 600
}

.objective .desc {
    max-width: 90%
}

.dot_pagination .swiper-pagination-bullet {
    background-color: var(--gray-03);
    width: .75rem;
    height: .75rem;
    border-radius: 50%
}

.dot_pagination .swiper-pagination-bullet-active {
    background-color: var(--yellow);
    opacity: 1
}

.recent_happening {
    padding: clamp(2.5em, 5vw + 1em, 6.25em) 0 clamp(2.5em, 6vw + 1em, 8.625em)
}

.recent_happening h1 {
    text-align: left;
    white-space: nowrap;
    margin-bottom: clamp(1em, 1vw + .5em, 2.5rem)
}

.recent_happening .link {
    font-size: var(--font-size-18)
}

.recent_happening .col {
    width: 95%;
    display: inline-block;
    margin-bottom: 3.5em
}

.recent_happening .container {
    width: 100%;
    padding-left: 4%
}

.recent_happening .hdr {
    padding-right: 4%
}

.recent_happening h2 {
    font-size: var(--font-size-24);
    line-height: 1.125em
}

.recent_happening .col .link {
    display: inline-block;
    margin-top: 1em
}

.recent_happening .col .pic {
    margin-bottom: clamp(1em, 1vw + .5em, 1.875em)
}

.recent_happening .col .pic img {
    width: 100%
}

.recent_happening .col .cat {
    color: #a6a6a6;
    font-weight: 500;
    font-size: var(--font-size-18);
    margin-bottom: 1em
}

.pa_article {
    background-color: var(--peach-05);
    padding: clamp(2.5em, 5vw + 1em, 6.25em) 0 clamp(2.5em, 6vw + 1em, 8.4em)
}

.pa_article .sec {
    flex-direction: column
}

.pa_article .sec:not(:last-child) {
    margin-bottom: clamp(2.5em, 1vw + .5em, 2.5em)
}

.pa_article .pic img {
    max-width: 70%
}

.pa_article picture {
    justify-content: center
}

.pa_article .pic {
    margin-bottom: 1.5em
}

.pa_article .sec .btn_sec {
    margin-top: clamp(1.5em, 1vw + .5em, 1.5em)
}

.pa_article .sec:first-child .pic img {
    max-width: 52%
}

.resources {
    padding: clamp(2.5em, 5vw + 1em, 7.5em) 0;
    text-align: center
}

.resources h1 {
    margin-bottom: clamp(1rem, 1vw + .5em, 1.5625rem)
}

.resources .link_sec {
    flex-direction: column;
    align-items: center
}

.resources .link_sec a {
    color: var(--blue-07);
    text-decoration: underline;
    font-weight: 600;
    background: #fff url(../images/pdf.png) no-repeat left 2px;
    background-size: 1em;
    padding-left: 2em;
    width: auto;
    text-align: left;
    min-height: 2em;
    width: 100%
}

.resources .link_sec a:not(:last-child) {
    margin-bottom: .65em;
    display: inline-block
}

.more_info_link {
    background: #da8f0a;
    background: -moz-linear-gradient(left, #da8f0a 0, #f8b835 100%);
    background: -webkit-linear-gradient(left, #da8f0a 0, #f8b835 100%);
    background: linear-gradient(to right, #da8f0a 0, #f8b835 100%);
    text-align: center;
    padding: clamp(1.5em, 3vw + 1em, 3.65em) 0
}

.more_info_link p {
    font-size: var(--font-size-30);
    font-weight: 500;
    color: var(--white)
}

.more_info_link a {
    font-weight: 700;
    text-decoration: underline;
    color: var(--white)
}

.accord_main .hdr {
    font-size: var(--font-size-24);
    font-weight: 700;
    background: url(../images/plus-yellow-01.png) no-repeat left center;
    padding-left: 1.35rem;
    background-size: .875em;
    cursor: pointer
}

.accord_main .hdr.active {
    background: url(../images/minus-yellow-01.png) no-repeat left center;
    background-size: .875em
}

.accord_main .sec {
    padding: clamp(1em, 1vw + 1em, 1.54em) 0;
    border-top: 1px solid #d5d5d5
}

.accord_main .cont {
    display: none;
    margin-top: clamp(.65rem, 1vw + .5em, 1.375em)
}

.accord_main .cont>.flex {
    flex-direction: column
}

.accord_main .sec:first-child .cont {
    display: block
}

.accord_main iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9
}

.services .accord_main {
    margin-top: clamp(1.5em, 2.5vw + .5em, 3.125em)
}

.services .sub_hd {
    font-size: var(--font-size-18);
    text-align: center;
    margin-top: 1em
}

.services .sub_hd br {
    display: none
}

.services {
    padding: clamp(1.5em, 6vw + 1em, 7.375em) 0 clamp(1.5em, 6vw + 1em, 8.125em)
}

.pa_location {
    background-color: var(--gray-04);
    padding: clamp(1.5em, 6vw + 1em, 5.375em)
}

.pa_location svg {
    width: 85%;
    height: auto
}

.pa_location svg .state {
    display: none
}

.pa_location .map {
    justify-content: center
}

.map_accord .hdr {
    font-size: var(--font-size-20);
    font-weight: 700;
    color: var(--yellow);
    background: url(../images/location-pin.png) no-repeat left center;
    background-size: contain;
    padding-left: 1.35rem;
    cursor: pointer
}

.map_accord .hdr.active {
    color: red
}

.map_accord {
    margin-top: 2em
}

.map_accord ul li {
    font-size: var(--font-size-18);
    margin-bottom: .25em
}

.map_accord .cont {
    padding-left: 1.35rem;
    margin-top: .5em;
    display: none
}

.map_accord .sec {
    margin-bottom: clamp(1em, 1.2vw + .5em, 1.875em)
}

#state-01 {
    display: block
}

.map_accord .sec:first-child .cont {
    display: block
}

.impacts {
    padding: clamp(2.5em, 5vw + 1em, 6.25em) 0 0
}

.impacts .title_abv {
    font-weight: 700;
    font-size: var(--font-size-18)
}

.impacts .sub_text {
    font-weight: 700;
    font-size: var(--font-size-18)
}

.impacts .mtext {
    font-size: var(--font-size-60);
    font-weight: 700
}

.impacts .hd_sec {
    padding-bottom: 1em;
    margin-bottom: 1em;
    flex-direction: column;
    justify-content: flex-start
}

.impacts .hd_sec::after {
    content: '';
    width: 2em;
    height: .125rem;
    background-color: var(--yellow-03);
    position: absolute;
    left: 0;
    bottom: 0
}

.impacts h1 {
    margin-bottom: clamp(1rem, 4vw + .5em, 4.375rem)
}

.impacts .col {
    padding-bottom: 3em
}

.impacts_slider .swiper-wrapper {
    justify-content: flex-start
}

.resources h2 {
    text-align: left;
    font-size: var(--font-size-30);
    margin-bottom: 1em
}

.resources h3 {
    text-align: left;
    font-size: var(--font-size-26-16);
    margin-bottom: 1em;
    font-weight: 600
}

.resources .col_eq {
    margin-top: 2em
}

.resources .sub_links {
    margin-top: 2em
}

.resources .sub_links .sec:not(:last-child) {
    margin-bottom: 2em
}

.resources .link_sec {
    align-items: flex-start
}

.impacts .col {
    text-align: center
}

.impacts .hd_sec::after {
    left: 50%;
    transform: translateX(-50%)
}

.impacts .col .year {
    margin-top: .45em
}

.resources h1 {
    margin-bottom: clamp(2rem, 1vw + 1em, 2rem)
}

.resources .accord_main .cont>.flex {
    flex-direction: column
}

.resources .accord_main .hdr {
    text-align: left
}

.community_serv .info {
    justify-content: center;
    display: flex;
    flex-direction: column
}

.camprainbow h1 {
    margin-bottom: .65em
}

@media only screen and (min-width:320px) {
    .research_pg .res_publication_sec .pub_cont {
        padding-bottom: 20px;
        max-width: inherit
    }
}

.action_title_sec {
    border-top: 1px solid #d1d1d1;
    padding: clamp(1rem, .6359rem + 1.5534vw, 2.5rem) 0
}

.action_title_sec select {
    background: url(../images/arrow-select-01.png) no-repeat 92% center;
    line-height: 1em;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 2.5em;
    min-width: 10.44em;
    height: 2.72em;
    line-height: 1.25em
}

.search_btn {
    background: url(../images/search-icon-01.png) no-repeat center center;
    height: 2.6em;
    width: 2.6em;
    font-size: var(--font-size-18);
    cursor: pointer
}

.search_col input[type=search] {
    font-size: var(--font-size-18);
    padding: 0 1em;
    max-width: 13em;
    appearance: none;
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.search_col {
    border: 1px solid var(--gray-02)
}

.action_title_sec .action_btns {
    column-gap: 1em
}

.blog_page .category {
    padding: clamp(1em, .9393em + .2589vw, 1.25em) 0 clamp(1em, .7876em + .9061vw, 1.875em)
}

.blog_page .category .title {
    color: var(--black);
    font-weight: 600;
    font-size: var(--font-size-16);
    display: none
}

.blog_page .category .date {
    color: #8b8b8b;
    font-weight: 500;
    font-size: var(--font-size-16)
}

.blog_page .desc {
    color: var(--black);
    font-weight: 700;
    font-size: var(--font-size-24)
}

.blog_page .author {
    font-size: var(--font-size-14);
    font-weight: 600;
    margin-top: 1.75em
}

.action_title_sec .cont {
    flex-wrap: wrap
}

.action_title_sec .action_btns {
    flex-wrap: wrap;
    row-gap: 1em;
    margin-top: 1em
}

.blog_page .col {
    width: 100%;
    margin-bottom: clamp(3.75em, 3.2949em + 1.9417vw, 5.625em)
}

.blog_page .col .pic img {
    width: 100%;
    box-shadow: 0 0 10px #d5d1c4
}

.blog_page .cont {
    justify-content: flex-start
}

.more_btn {
    background-color: #fff0;
    color: var(--black-03);
    border: 1px solid var(--black-03);
    border-radius: 0
}

.more_btn:hover {
    color: var(--white);
    background-color: var(--black-03)
}

.blog_page .btn_sec {
    padding-bottom: clamp(5em, 3.7864em + 5.178vw, 10em)
}

.blog_details .hdr_sec {
    text-align: center;
    padding: clamp(1.25em, .6432em + 2.589vw, 3.75em) 0 clamp(1.25em, .7949em + 1.9417vw, 3.125em)
}

.blog_details .hdr_sec h2 {
    font-size: var(--font-size-18);
    font-weight: 700;
    display: none
}

.blog_details .hdr_sec h1 {
    font-size: clamp(1.25rem, .8101rem + 1.877vw, 3.0625rem);
    letter-spacing: -.025em;
    margin-top: .65em;
    color: var(--black-04);
    text-transform: none
}

.blog_details .hdr_sec .author {
    font-size: var(--font-size-14);
    color: var(--black-04);
    font-weight: 600;
    margin-top: 1.2em
}

.blog_details .hdr_sec .date {
    font-size: var(--font-size-14);
    color: #989898;
    font-weight: 600;
    margin-top: 1.5em
}

.blog_details {
    border-top: 1px solid #d1d1d1
}

.share_sec {
    column-gap: 1.5em
}

.share_sec a {
    margin-bottom: 1.25em;
    width: 2em
}

.share_sec a:hover .text {
    text-decoration: underline
}

.share_sec .text {
    margin-top: .5em;
    color: var(--black-03);
    font-size: var(--font-size-14)
}

.blog_details .details {
    padding: clamp(1.875em, .8131em + 4.5307vw, 6.25em) 0 clamp(1.875em, 1.4199em + 1.9417vw, 3.75em)
}

.blog_details .details .main_text {
    font-size: clamp(1rem, .7876rem + .9061vw, 1.875rem);
    font-weight: 500;
    line-height: 1.333333333333333em
}

.blog_details .details h5 {
    margin-bottom: .75em;
    margin-top: 1em;
    display: inline-block;
    line-height: 1.25em
}

.blog_details .details .col_right {
    margin-top: 3em
}

.blog_details .details .col_right h6 {
    font-size: var(--font-size-16);
    font-weight: 500;
    margin-bottom: 1em;
    line-height: 1.25em
}

.blog_details .details .col_right p {
    font-weight: 700;
    line-height: 1.444444444444444em
}

.blog_details .details .col_right .date {
    font-size: var(--font-size-16);
    font-weight: 500;
    margin-top: 1em;
    color: #8b8b8b
}

.blog_details .details .col_right .sec {
    margin-bottom: clamp(1.25em, .7949em + 1.9417vw, 3.125em)
}

.blog_details .details .col_right h5 {
    margin-top: 0;
    line-height: 1.25em
}

.highlighted_text {
    border-left: clamp(.125rem, .0795rem + .1942vw, .3125rem) solid #fcb032;
    padding-left: clamp(3.125rem, 1.3805rem + 7.4434vw, 10.3125rem);
    margin: clamp(2.1875rem, 1.2773rem + 3.8835vw, 5.9375rem) 0 clamp(2.1875rem, 1.96rem + .9709vw, 3.125rem)
}

.highlighted_text p {
    font-size: clamp(1rem, .7876rem + .9061vw, 1.875rem);
    font-weight: 700;
    color: var(--black);
    line-height: 1.333333333333333em !important
}

.highlighted_text .author {
    font-size: var(--font-size-18);
    font-weight: 500;
    color: #6f6f6f;
    font-style: italic;
    margin-top: 1.66em
}

.highlighted_text::before {
    content: '“';
    font-weight: 700;
    font-size: clamp(3.125rem, 1.608rem + 6.4725vw, 9.375rem);
    position: absolute;
    left: 3%;
    top: 5%
}

.blog_details .pic_sec {
    margin: clamp(2.1875em, 1.6566em + 2.2654vw, 4.375em) 0 clamp(2.1875em, .8222em + 5.8252vw, 7.8125em)
}

.blog_details .pic_sec .col_desc {
    border-top: 1px solid #8e8e8e;
    padding-top: clamp(1.875em, 1.7536em + .5178vw, 2.375em)
}

.blog_details .pic_sec .col_desc p {
    font-style: italic;
    font-weight: 500;
    line-height: 1.875em
}

.blog_details .pic_sec .col_pic {
    margin-top: 1.5em
}

.blog_details .details ul {
    margin-left: 1em;
    margin-top: 1em
}

.blog_details .details ul li {
    list-style-type: disc;
    line-height: 1.666666666666667em;
    font-size: var(--font-size-18);
    margin-bottom: 1em;
    font-weight: 400;
    font-style: normal
}

.blog_details p {
    line-height: 1.666666666666667em
}

.blog_details .conclusion_sec {
    background-color: #fcf0d6;
    padding: clamp(2.1875em, 1.429em + 3.2362vw, 5.3125em) 0 clamp(2.1875em, 1.1559em + 4.4013vw, 6.4375em)
}

.blog_details .conclusion_sec h4 {
    margin-top: .25em;
    margin-bottom: .5em;
    line-height: 1.25em
}

.blog_details .conclusion_sec h6 {
    font-size: var(--font-size-18)
}

.pagin_sec .pg_arrow {
    font-size: var(--font-size-18);
    color: var(--black);
    font-weight: 600;
    background: url(../images/arrow-select-01.png) no-repeat right center;
    padding-right: 2.5em
}

.pagin_sec .pg_arrow.arrow_left {
    background: url(../images/arrow-select-02.png) no-repeat left center;
    padding-left: 2.5em;
    padding-right: 0
}

.pagin_sec .btn_sec {
    padding-top: clamp(1.25em, .6432em + 2.589vw, 3.75em)
}

.pagin_sec {
    padding: clamp(1.25rem, .4915rem + 3.2362vw, 4.375rem) 0 clamp(1.25em, .3398em + 3.8835vw, 5em)
}

.related_blogs .container {
    border-top: 1px solid #8e8e8e;
    padding-top: clamp(1.875em, .8131em + 4.5307vw, 6.25em)
}

.related_blogs .hdr {
    margin-bottom: clamp(1.875em, 1.5716em + 1.2945vw, 3.125em)
}

.related_blogs h6 {
    font-size: var(--font-size-16);
    font-weight: 500;
    margin-bottom: 1em;
    line-height: 1.25em
}

.related_blogs p {
    font-weight: 700;
    line-height: 1.444444444444444em
}

.related_blogs .date {
    font-size: var(--font-size-16);
    font-weight: 500;
    margin-top: 1em;
    color: #8b8b8b
}

.related_blogs .swiper {
    padding-bottom: 5em
}

.related_blogs .swiper-pagination {
    bottom: 1em
}

.related_blogs .swiper-button-next,
.related_blogs .swiper-button-prev {
    width: clamp(2.1875rem, 1.8083rem + 1.6181vw, 3.75rem);
    height: clamp(2.1875rem, 1.8083rem + 1.6181vw, 3.75rem);
    background: #fee0af url(../images/arrow-select-01.png) no-repeat center center;
    position: relative;
    left: auto;
    top: auto;
    z-index: 1
}

.related_blogs .swiper-button-next {
    background: #fee0af url(../images/arrow-select-02.png) no-repeat center center
}

.related_blogs .swiper-button-next:after,
.related_blogs .swiper-button-prev:after {
    display: none
}

.black_btn {
    background: var(--black) url(../images/arrow-select-white-01.png) no-repeat 90% center;
    border-radius: 0;
    font-size: var(--font-size-24);
    padding: .7em 6.65em .7em 1.15em;
    border: 1px solid var(--black)
}

.black_btn:hover {
    color: var(--black);
    background: var(--white) url(../images/arrow-select-01.png) no-repeat 90% center
}

.enquiry_form {
    background-color: #fee4b8;
    padding: 3.875em 0 2.5em
}

.enquiry_form .btn {
    cursor: pointer
}

.enquiry_form h1 {
    text-align: center
}

.enquiry_form form {
    margin-top: clamp(.75rem, 1vw + .5rem, 2rem)
}

.impact_section {
    background-color: #f1ba3f;
    padding: clamp(3.125em, 1.5322em + 6.7961vw, 9.6875em) 0 clamp(1.5625em, .6068em + 4.0777vw, 5.5em)
}

.impact_section .col {
    padding: 0;
    background: 0 0 !important;
    height: auto !important;
    margin-bottom: 2em
}

.impact_section h1 {
    color: var(--black-04);
    text-align: center;
    margin-bottom: clamp(1.5rem, .3926rem + 4.7249vw, 6.0625rem)
}

.impact_section .container {
    width: 92%
}

.impact_container {
    justify-content: center
}

.impact_section h3,
.impact_section p {
    color: var(--black-04);
    line-height: 1.125em
}

.impact_section .icon img {
    max-width: 2em;
    max-height: 2.25em
}

.impact_section .icon {
    width: 30%
}

.impact_section .desc {
    width: 70%
}

.impact_section h3 {
    font-size: clamp(2rem, 1.3932rem + 2.589vw, 4.7rem)
}

.people_served {
    padding-bottom: clamp(3.75em, 2.5364em + 5.178vw, 8.75em)
}

.blog_sec {
    padding-bottom: clamp(4.375em, -.625em + 7.8125vw, 8.75em)
}

.blog_sec .hd_container {
    margin-bottom: clamp(1.5625em, .4911em + 1.6741vw, 2.5em)
}

.blog_sec .hd_container .btn {
    display: inline-block
}

.blog_card:not(:last-child) {
    margin-bottom: 2em
}

.blog_card .category {
    margin-top: clamp(1em, -.4286em + 2.2321vw, 2.25em);
    margin-bottom: 1em
}

.blog_card .category .date {
    color: #303030;
    font-weight: 600;
    font-size: var(--font-size-14)
}

.blog_card .desc {
    color: var(--black-03);
    font-weight: 700;
    font-size: var(--font-size-24);
    line-height: 1.25em
}

.blog_card .author {
    font-size: var(--font-size-14);
    font-weight: 600;
    margin-top: 1em;
    color: #919191
}

@media only screen and (min-width :480px) {
    .govenance_section .gov_row {
        flex-direction: row
    }
    .govenance_section .gov_row .pic {
        margin-bottom: 0;
        width: 40.3%
    }
    .govenance_section .gov_row .pic img {
        max-width: 90%
    }
    .govenance_section .gov_row .desc {
        margin-bottom: 0;
        width: 59.7%
    }
}

@media only screen and (min-width :640px) {
    .report_section .summary_sec .col {
        width: 25%
    }
    .report_section .disc_link {
        width: 30%;
        margin-right: 4%
    }
    .report_section .sec .col_right {
        justify-content: flex-start
    }
    .about_banner .slider_01 .cont {
        padding: clamp(3em, 8vw + .5em, 9.6875em) 0 clamp(6em, 14vw + .5em, 17.1875em);
        padding-left: 49%
    }
    .about_banner .slider_02 .cont {
        padding: clamp(3em, 8vw + .5em, 9em) 0 clamp(3em, 8vw + .5em, 5em);
        padding-left: 0;
        width: 39%
    }
    .about_banner .pic {
        width: 80%;
        position: absolute;
        left: -11%;
        bottom: 0
    }
    .about_banner .slider_02 {
        background-size: cover
    }
    .prjt_banner .cont {
        padding-left: 49%
    }
    .prjt_banner .pic {
        width: 80%;
        position: absolute;
        left: 2%;
        bottom: 0
    }
    .our_gov_section .container .swiper-slide .flex {
        flex-direction: row;
        align-items: center
    }
    .our_gov_section .col_info {
        margin-top: 0;
        width: 50%
    }
    .our_gov_section h2 {
        position: relative;
        left: auto;
        top: auto
    }
    .legal_section .icons_sec {
        flex-direction: row
    }
    .icons_sec .col {
        flex-direction: column;
        text-align: center;
        width: 33.3%
    }
    .icons_sec .col p br {
        display: block
    }
    .icons_sec .col p {
        width: auto;
        padding-left: 0
    }
    .icons_sec .col .icon {
        margin-bottom: 1.5625em
    }
    .pro_logos .logo {
        width: 25%
    }
    .project_details .details {
        flex-direction: row
    }
    .project_details .details .pic {
        width: 46%
    }
    .project_details .details .desc {
        width: 49%
    }
    .service_sec .container>.row {
        justify-content: flex-start
    }
    .service_sec .col {
        width: 33.3%
    }
    .op_clinic_sec .main_info {
        flex-direction: row
    }
    .op_clinic_sec .main_info .desc {
        width: 49%;
        padding-top: 9%
    }
    .op_clinic_sec .main_info .pic {
        width: 49%
    }
    .lab_sec .main_info .desc {
        padding-top: 0
    }
    .lab_sec .highlights_sec>.row {
        flex-wrap: wrap;
        flex-direction: row;
        align-items: flex-start
    }
    .lab_sec .highlights_sec .col {
        width: 47%
    }
    .res_project .pro_container {
        flex-direction: row;
        flex-wrap: wrap
    }
    .res_project .pro_container .col {
        width: 49%
    }
    .download_sec .col,
    .download_sec .col:last-child {
        width: 32%;
        margin-bottom: 2%
    }
    .insti_board.comm_adv .container>.row {
        flex-direction: row;
        flex-wrap: wrap
    }
    .comm_adv .pro_member .col {
        width: 49%;
        padding-right: 0
    }
    .comm_adv .pro_member .col .cont {
        width: 100%;
        height: 100%
    }
    .comm_adv .pro_member .col.exe_col:first-child {
        margin-bottom: 0
    }
    .blog_page .cont {
        column-gap: 2%
    }
    .blog_page .col {
        width: 49%
    }
    .blog_sec .blog_card {
        width: 49%
    }
}

@media only screen and (min-width :768px) {
    .client_section .logos_wrapper:not(.marquee-loop)>.row {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between
    }
    .client_section .client_logo {
        width: auto
    }
    .split_inp {
        flex-direction: row
    }
    .split_inp .inp_sec {
        width: 48.5%
    }
    .split_inp .col_sm {
        width: 31.5%
    }
    .split_inp .col_lg {
        width: 65.25%
    }
    .split_inp .col_eq {
        width: 31.5%
    }
    .camp_sec {
        flex-direction: row
    }
    .camp_sec .donate_sec {
        width: 100%
    }
    .camp_sec .pic {
        width: 47%
    }
    .camp_sec .desc {
        width: 50%
    }
    .cus_check input[type=checkbox]:checked+label::after {
        left: 4px;
        top: -2px
    }
    .fa_section .sec {
        flex-direction: row;
        align-items: top
    }
    .fa_section .sec .pic {
        width: 48.7%
    }
    .fa_section .sec .desc {
        width: 51.3%;
        padding: 0 clamp(1.5em, 5vw + .5em, 4.5625em) 0 clamp(1.5em, 5vw + .5em, 6.5625em)
    }
    .fa_section .sec:nth-child(2n+2) {
        flex-direction: row-reverse
    }
    .fa_section .sec:nth-child(2n+2) .desc {
        padding: 0 clamp(1.5em, 5vw + .5em, 6.5625em) 0 clamp(1.5em, 5vw + .5em, 4.5625em)
    }
    .vm_info {
        flex-direction: row
    }
    .vm_info .col {
        width: 50%;
        padding-right: 9.25%
    }
    .vm_info .pic {
        margin-bottom: 0
    }
    .vm_info .pic img {
        width: 100%
    }
    .vm_info .desc {
        padding: clamp(1em, 2vw + .5em, 1.875em);
        background-color: var(--white);
        width: 62%;
        position: absolute;
        left: 38%;
        top: 76%
    }
    .history_section .container>.row {
        flex-direction: row;
        align-items: flex-start
    }
    .history_section .pic {
        width: 49%;
        margin-bottom: 0
    }
    .history_section .desc {
        width: 48.5%;
        margin-bottom: 0
    }
    .involve_sec .container>.flex {
        flex-direction: row
    }
    .involve_sec .col_lg {
        margin-bottom: 0;
        width: 65%
    }
    .involve_sec .col {
        width: 31.6%
    }
    .involve_sec .col p {
        max-width: 96%
    }
    .form_details .ai_checkbox .inp_sec {
        width: 33.3%
    }
    .form_details {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 2%
    }
    .form_details .inp_sec {
        width: 100%
    }
    .form_details .inp_sec.col_eq {
        width: 32%
    }
    .form_details .inp_sec.col_lg {
        width: 49%
    }
    .contactus_pg .map_sec .flex {
        flex-direction: row;
        align-items: center
    }
    .contactus_pg .map_sec .col {
        width: 49%
    }
    .contactus_pg .map_sec iframe {
        margin-top: 0
    }
    .form_wrapper .upload_sec p br {
        display: none
    }
    .form_wrapper .more_fields {
        flex-direction: row;
        align-items: center
    }
    .captcha_sec {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }
    .captcha_sec .captcha_img {
        margin-bottom: 0;
        margin-right: .625em
    }
    .captcha_sec .btn_sec {
        margin-left: 2em
    }
    .form_wrapper .more_fields .cus_radio,
    .form_wrapper .more_fields p {
        margin-bottom: 0
    }
    .form_wrapper .more_fields .inp_sec {
        width: 40%
    }
    .highlights_sec .col {
        width: 48%
    }
    .highlights_sec>.row {
        flex-direction: row
    }
    .highlights_sec {
        padding-left: 34.5%;
        padding-right: 6.25%;
        padding-bottom: clamp(2em, 8.5vw + .25em, 9em);
        background-size: 33%;
        background-position-x: 0
    }
    .highlights_sec ul.bullet li:last-child {
        margin-bottom: 0
    }
    .op_clinic_sec .more_details {
        flex-direction: row
    }
    .op_clinic_sec .more_details .col {
        width: 48.75%;
        margin-bottom: 0
    }
    .op_clinic_sec .btn_sec {
        text-align: center
    }
    .notice_sec {
        gap: 2%
    }
    .notice_sec .col {
        width: 49%
    }
    .research_pg .banner {
        background: var(--black-05) url(../images/researchmain.jpg) no-repeat top center;
        background-size: cover
    }
    .research_pg .banner .cont {
        padding: clamp(8.5em, 1.5vw + .25em, 8.25em) 0 clamp(3em, 8.5vw + .25em, 6.75em);
        padding-right: 2em
    }
    .research_pg .banner .cont p {
        line-height: 1.875em;
        font-size: var(--font-size-18)
    }
    .research_pg .banner>.flex {
        justify-content: flex-end
    }
    .research_pg .link_sec {
        flex-direction: row
    }
    .research_pg .link_sec .sec {
        width: 49%
    }
    .research_pg .link_sec .sec:first-child {
        margin-bottom: 0
    }
    .research_pg .banner p br {
        display: block
    }
    .research_pg .select_sec select {
        max-width: 23.3125em
    }
    .research_pg .select_sec {
        flex-direction: row
    }
    .research_pg .select_sec {
        line-height: 40px
    }
    .res_project .select_sec .col {
        width: 49%
    }
    .res_project .select_sec select {
        line-height: 1.5em;
        max-height: initial
    }
    .res_project .select_sec .col:not(:last-child) {
        margin-bottom: 0
    }
    .research_pg .mul_res_sec .tag_sec .tag {
        margin-bottom: 0
    }
    .research_pg .sm_banner_sec .bnr_cont .icn {
        max-width: 130px
    }
    .research_pg .accre_sec .accre_cont {
        max-width: 135px
    }
    .research_pg .intro_sec .accre_cont {
        max-width: 68px
    }
    .pro_member .col {
        width: 33%;
        margin-bottom: 0;
        padding-right: 1em
    }
    .pro_banner {
        flex-direction: row;
        background: var(--peach-04) url(../images/pro-acc-banner-01-lg.jpg) no-repeat 50%
    }
    .pro_banner.mrite {
        background: var(--peach-04) url(../images/pro-mrite-banner-01-lg.jpg) no-repeat 50%
    }
    .pro_banner.camprainbow {
        background: var(--peach-04) url(../images/pro-cam-banner-01-lg.jpg) no-repeat 50%
    }
    .pro_banner .pic {
        display: none
    }
    .pro_banner .cont {
        background: var(--peach-04);
        width: 48.5%;
        border-top-right-radius: 2em;
        border-bottom-right-radius: 2em;
        padding-right: 3em
    }
    .community_serv .cont {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 3%
    }
    .community_serv .col {
        width: 31%;
        justify-content: flex-start
    }
    .goal .cont {
        flex-direction: row
    }
    .goal .cont .pic {
        width: 50%
    }
    .goal .cont .pic img {
        width: 100%
    }
    .goal .details {
        width: 50%;
        padding-left: 4%
    }
    .goal .details h1 {
        display: block;
        text-align: left;
        margin-bottom: .65em
    }
    .goal .profile>h1 {
        display: none
    }
    .goal .pic .info {
        text-align: right
    }
    .objective .cont {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        column-gap: 5%
    }
    .objective .col {
        width: 50%
    }
    .pa_location .cont {
        flex-direction: row;
        align-items: flex-start
    }
    .pa_location .map {
        width: 65%
    }
    .pa_location .map_accord {
        width: 30%;
        margin-top: 12%
    }
    .accord_main .cont>.flex {
        flex-direction: row
    }
    .accord_main .cont .col_lft {
        width: 50%;
        padding-left: 1.35rem
    }
    .accord_main .cont .col_rgt {
        width: 45%
    }
    .accord_main .cont .col_rgt img {
        width: 100%
    }
    .pa_article .sec {
        flex-direction: row;
        align-items: center
    }
    .pa_article.camprainbow .sec {
        align-items: flex-start
    }
    .pa_article .pic {
        width: 30%;
        margin-bottom: 0
    }
    .pa_article .desc {
        width: 70%
    }
    .pro_acc h1 {
        text-align: left
    }
    .recent_happening .hdr {
        justify-content: center
    }
    .recent_happening .hdr .link {
        position: absolute;
        right: 3%
    }
    .pa_article .pic img {
        max-width: 93%
    }
    .pa_article .sec:first-child .pic img {
        max-width: 73%
    }
    .pa_article.camprainbow .pic img {
        max-width: 93%
    }
    .pa_article.camprainbow .sec:first-child .pic img {
        max-width: 93%
    }
    .community_serv .icon {
        width: 35%
    }
    .community_serv .info {
        width: 65%
    }
    .objective .desc {
        max-width: 100%
    }
    .goal .details.no_margin {
        margin-top: 0
    }
    .community_serv .type2 .col {
        margin-bottom: 0
    }
    .resources .link_sec a {
        width: auto;
        text-align: left
    }
    .resources .col_eq {
        width: 46%
    }
    .community_serv .cont {
        justify-content: flex-start;
        column-gap: 0
    }
    .community_serv .col {
        width: 33.3%
    }
    .mrite.community_serv .col {
        width: 24.3%
    }
    .impact_container .col {
        width: 33%
    }
    .impact_container .col:hover .icon img {
        transform: scale(1.25);
        -webkit-transform: scale(1.25);
        transition: all ease-in-out .25s
    }
    .impact_section .icon img {
        max-width: 3em;
        max-height: 3em
    }
    .impact_section .desc {
        width: auto;
        flex: auto;
        margin-left: 1.5em
    }
    .impact_section .icon {
        width: auto
    }
}

@media only screen and (min-width :881px) {
    .research_pg .res_publication_sec .pub_cont {
        max-width: 270px;
        padding-bottom: 0
    }
}

@media only screen and (min-width :1024px) {
    .btn.next_btn {
        background-size: .6rem
    }
    header .info_sec {
        display: block
    }
    header .btn.call_btn,
    header .close,
    header .hamburger_icon {
        display: none
    }
    header nav {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        max-width: 100%;
        overflow: initial;
        box-shadow: none;
        -webkit-box-shadow: none;
        background-color: #fff0;
        transition: none;
        -webkit-transition: none;
        padding: 0
    }
    header .menu_list {
        flex-direction: row;
        margin-top: 0;
        justify-content: flex-end
    }
    header .logo_container img {
        max-width: 100%
    }
    header .menu_list li:not(:last-child) {
        margin-right: 1.25em
    }
    header .nav_container {
        align-items: center
    }
    header .menu_list a {
        font-weight: 500;
        z-index: 2
    }
    header .menu_list a:hover {
        color: #b5b5b5
    }
    header .menu_list a.active {
        color: #b5b5b5
    }
    header .menu_list .sub_level ul {
        background-color: var(--gray-07);
        margin-left: 0;
        position: absolute;
        left: 0;
        top: 3.25em;
        border-left: 2px solid var(--yellow);
        padding: 1.5em 2em
    }
    header .menu_list .sub_level ul a {
        font-weight: 500
    }
    header .menu_list .sub_level {
        background: 0 0
    }
    footer .col_sm {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 0;
        justify-content: flex-start
    }
    footer .banner {
        background-size: contain;
        max-width: 38.75em
    }
    .footer_container {
        flex-direction: row
    }
    footer .col_lg {
        width: 83.25%
    }
    footer .banner p {
        width: 73%
    }
    footer .logo_sec {
        width: auto
    }
    footer .copy_right_sec p {
        line-height: 1.714285714285714em
    }
    footer .other_col {
        width: 58.5%
    }
    footer .other_col P {
        font-size: var(--font-size-12);
        display: block;
        text-align: right;
        margin-top: 2% !important
    }
    footer .wsite {
        font-size: var(--font-size-12);
        display: block;
        text-align: right;
        margin-top: 2% !important;
        cursor: pointer;
        width: 28px;
        height: 20px;
        background: url(../images/clasticon-logo.png) no-repeat center top
    }
    footer nav li:not(:last-child) {
        margin-bottom: 1.25em
    }
    footer .social {
        justify-content: flex-start
    }
    footer .social a:not(:last-child) {
        margin-right: .8125em
    }
    footer .copy_right_sec {
        margin-top: 68%
    }
    .home_slider .swiper-slide .container>.flex {
        flex-direction: row;
        align-items: stretch
    }
    .banner_section .cont {
        max-width: 27.375em;
        margin: 0
    }
    .home_slider .swiper-pagination {
        display: none
    }
    .home_slider .pic {
        margin-top: 0
    }
    .banner_section {
        padding: 0
    }
    .home_slider .swiper_nav,
    .testimonial_slider .swiper_nav,
    .testimonial_yrg_slider .swiper_nav {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between
    }
    .home_slider .swiper_nav_container,
    .testimonial_slider .swiper_nav_container,
    .testimonial_yrg_slider .swiper_nav_container {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%)
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        color: var(--white);
        font-size: 14px;
        font-weight: 600
    }
    .swiper-button-next,
    .swiper-button-prev {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgb(0 0 0 / .5)
    }
    .banner_section {
        background: #d38600;
        background: -moz-linear-gradient(left, #d38600 0, #ffc340 100%);
        background: -webkit-linear-gradient(left, #d38600 0, #ffc340 100%);
        background: linear-gradient(to right, #d38600 0, #ffc340 100%)
    }
    .home_slider .swiper-slide.slide_03 {
        background: #81827e url(../images/home-slider-03.jpg) no-repeat center top;
        background-size: cover
    }
    .home_slider .swiper-slide.slide_04 {
        background: #faf6dc url(../images/tb25/yes-we-can-end-TB.png) no-repeat center top;
        background-color: #faf6dc;
        background-size: 100% 100%;
        cursor: pointer
    }
    .home_slider .swiper-slide.slide_02 {
        background: #81827e url(../images/home-slider-02.jpg) no-repeat center top;
        background-size: cover
    }
    .home_slider .swiper-slide.slide_05 {
        background: #81827e url(../images/tb25/yes-we-can-end-TB.png) no-repeat center top;
        background-size: cover;
        cursor: pointer
    }
    .home_slider .swiper-slide.slide_06 {
        background-color: #fffae8;
        background-size: cover;
        cursor: pointer
    }
    .home_slider .swiper-slide {
        padding: clamp(1.5rem, 2vw + 1rem, 4.6875em) 0
    }
    .home_slider .swiper-slide .container,
    .home_slider .swiper-slide .container .row {
        height: 100%
    }
    .home_slider .swiper-slide.slide_02 .pic {
        display: none
    }
    .about_section form {
        flex-direction: row
    }
    .about_section .sub_hd {
        text-align: left;
        margin-bottom: 0
    }
    .about_section .sub_hd br {
        display: block
    }
    .about_section .form_sec .inp_sec {
        margin-bottom: 0;
        margin-left: 1em
    }
    .about_section .form_sec .inp_sec:first-child {
        margin-left: 0
    }
    .about_section form .btn_sec {
        margin-top: 0;
        margin-left: 1em
    }
    input[type=email],
    input[type=text],
    select,
    textarea {
        border-radius: unset;
        height: 54px;
        max-height: 54px;
        line-height: 1em
    }
    select {
        padding: 0 1em
    }
    .about_section form .btn {
        border-radius: unset;
        color: #fff0;
        background: var(--blue-02) url(../images/chevron-right-solid-white.svg) no-repeat center center;
        max-width: 5.375rem;
        background-size: 1em;
        min-height: 54px
    }
    .campaigns_section h1,
    .focus_area_section h1,
    .impact_section h1,
    .impact_stories_section h1,
    .new_event_section h1,
    .newsletter_section h1,
    .people_served h1,
    .social_media_section h1,
    .testimonials h1,
    .testimonials_yrg h1 {
        text-align: left
    }
    .focus_container .swiper-slide {
        width: 23.7% !important;
        margin-right: 0 !important
    }
    .focus_container .col {
        width: 100%
    }
    .focus_container {
        justify-content: flex-start;
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox
    }
    .focus_container {
        flex-wrap: wrap;
        gap: 1em;
        transform: none !important;
        -webkit-transform: none !important
    }
    .focus_area_section .container {
        padding-left: 0;
        width: 92%
    }
    .focus_area_section .swiper-pagination {
        display: none
    }
    .serve_container .col .pic img {
        max-width: 100%;
        width: 100%
    }
    .serve_container .col {
        flex-direction: column;
        width: 19.25%;
        align-items: center;
        text-align: center;
        min-height: 13.6875em;
        justify-content: center;
        padding: 1em 3%
    }
    .serve_container {
        gap: .5625em
    }
    .serve_container .col .pic {
        min-height: 4.9375em;
        margin-right: 0
    }
    .serve_container .col p {
        min-height: 2.77em
    }
    .impact_container .col {
        width: 25%;
        min-height: clamp(12.5rem, 16vw + 1rem, 19.75rem)
    }
    .impact_section p {
        width: 61%
    }
    .impact_container .col:nth-child(1) h3 {
        letter-spacing: -2.5px
    }
    .impact_container .col h3 {
        margin-top: .3125rem
    }
    .impact_container .col:nth-child(2) {
        background-position: 90% 74%
    }
    .impact_section .container {
        width: 92%
    }
    .doc_section {
        background-size: auto
    }
    .doc_section .btn {
        padding: 1.07em 1.7em
    }
    .impact_slider .swiper-slide>.flex {
        flex-direction: row
    }
    .impact_slider .pic {
        width: 57.25%
    }
    .impact_slider .cont {
        position: absolute;
        right: 0;
        width: 48.91%;
        top: 50%;
        transform: translateY(-50%);
        margin: 0
    }
    .impact_slider .btn.next_btn {
        padding: 0 2em 0 1.66em;
        background-position-x: 88%;
        left: 11.7%;
        bottom: -.8rem
    }
    .impact_stories_section .container {
        width: 92%
    }
    .impact_stories_section h1 {
        position: absolute;
        left: 59.5%;
        top: 0
    }
    .impact_stories_section .impact_slider .cont p {
        line-height: 1.071428571428571em
    }
    .impact_stories_section .custom_pagination {
        position: absolute;
        left: 59.5%;
        top: auto;
        bottom: 0 !important;
        justify-content: flex-start
    }
    .testimonials .col,
    .testimonials_yrg .col {
        width: 100%;
        margin-bottom: 0
    }
    .testi_container {
        flex-direction: row
    }
    .ne_container .col {
        width: 31.65%;
        margin-bottom: 0
    }
    .newsletter_section .impact_slider>.flex {
        flex-direction: row;
        justify-content: flex-end
    }
    .newsletter_section .impact_slider .cont {
        left: 0;
        right: auto
    }
    .newsletter_section h1 {
        position: absolute
    }
    .newsletter_section .impact_slider .logo_sec img {
        max-width: 100%
    }
    .newsletter_section .impact_slider .cont p {
        line-height: 1.444444444444444em;
        max-width: 88%
    }
    .campaigns_section .info_sec {
        flex-wrap: nowrap
    }
    .campaigns_section .info_sec .col:first-child {
        width: auto
    }
    .campaigns_section .pgn_container {
        flex-direction: row;
        justify-content: flex-start
    }
    .campaigns_section .impact_slider .btn.next_btn {
        margin-top: 0;
        margin-left: 1.2em
    }
    .campaigns_section .impact_slider .swiper-slide>.flex {
        flex-direction: row-reverse
    }
    .campaigns_section .impact_slider .cont {
        left: 0;
        right: auto
    }
    .campaigns_section h1 {
        position: absolute
    }
    .campaigns_section .pgn_container {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0
    }
    .campaigns_section .tab_hdr .hdr.active::after {
        height: 9px;
        bottom: -4.5px
    }
    .campaigns_section .tab_hdr .hdr {
        text-align: left;
        width: 25%
    }
    .campaigns_section .tab_hdr .hdr.active::after {
        width: 90%
    }
    .media_container {
        flex-direction: row
    }
    .social_media_section .col:first-child {
        width: 69%
    }
    .social_media_section .col:nth-child(2) {
        width: 29%
    }
    .social_media_section .col:last-child {
        width: 100%
    }
    .hd_container .btn {
        display: block
    }
    .govenance_section {
        background: url(../images/governance-bg-01.png) no-repeat right 2em
    }
    .report_section .sec.summary_sec>.container {
        flex-direction: row;
        align-items: center
    }
    .report_section .sec>.container {
        flex-direction: row;
        align-items: center
    }
    .report_section .sec .col_left {
        width: 34%
    }
    .report_section .sec .col_right {
        width: 66%
    }
    .report_section .disc_link {
        width: auto
    }
    .report_section .sec:not(.summary_sec) h1,
    .report_section .summary_sec .col {
        margin-bottom: 0
    }
    .report_section h1 br {
        display: block
    }
    .donate_main .form_main {
        flex-direction: row
    }
    .donate_main .col_form {
        width: 66%
    }
    .col_question {
        width: 32%
    }
    .col_question .drop_list {
        max-height: initial
    }
    .col_form input[type=email],
    .col_form input[type=text],
    .col_form select,
    .col_form textarea {
        height: 2.75rem
    }
    .btn_radio_sec {
        flex-direction: row
    }
    .one_time_main {
        flex-direction: row;
        justify-content: flex-start
    }
    .one_time_amt .other_inp {
        margin-top: 0;
        margin-left: 2%
    }
    .wire_trns_sec .label {
        width: 36%
    }
    .wire_trns_sec .details {
        width: 63%
    }
    .donate_yrg_care .donate_main {
        background: var(--blue-06) url(../images/donate-bg-01.png) no-repeat 88% 13%
    }
    .cp_section h2 span {
        display: block
    }
    .cp_section .container>.flex {
        flex-direction: row;
        align-items: stretch
    }
    .cp_section .marquee_container {
        border-left: 1px solid #b8b8b8;
        border-right: 1px solid #b8b8b8;
        width: 50%;
        margin: 0
    }
    .cp_section .p_logos .logs {
        width: auto;
        display: flex;
        justify-content: center
    }
    .cp_section .p_logos .logs img {
        max-width: 80%
    }
    .cp_section .btn.arrow {
        padding: .612em 3.33em .612em 1.83em
    }
    .our_gov_section {
        padding: 2.0625em 0 0
    }
    .our_gov_section .col_info {
        background-position: right bottom;
        padding: clamp(5em, 10vw + 1em, 10em) 0;
        width: 60.7%;
        background-size: contain
    }
    .our_gov_section .col_hd {
        margin: 0;
        width: 39.3%;
        padding-left: 6.5%
    }
    .our_gov_section .col_info.dr-sunil-suhas-solomon {
        background-size: contain;
        background-position: right bottom
    }
    .our_gov_section .col_info.sp-thyagarajan {
        background-size: contain;
        background-position: right bottom
    }
    .our_gov_section .col_info.mk-man {
        background-size: contain;
        background-position: right bottom
    }
    .our_gov_section .col_info.kartar-singh {
        background-size: contain;
        background-position: right bottom
    }
    .our_gov_section .swiper-pagination {
        left: 24%;
        bottom: 2em;
        margin-top: 0;
        position: absolute
    }
    .legal_section .container>.flex {
        flex-direction: row
    }
    .icons_sec .col,
    .legal_section h2 {
        margin-bottom: 0
    }
    .legal_section .icons_sec {
        width: 82.25%
    }
    .legal_section h2 {
        margin-top: 9%
    }
    .icons_sec .col {
        width: auto
    }
    .vm_section {
        background: url(../images/about-graphy-01.png) no-repeat right top;
        background-size: contain
    }
    .project_hdrs>.flex {
        flex-direction: row
    }
    .project_hdrs .col {
        border-bottom: 0;
        border-left: 1px solid #ccc;
        padding: 0 .75em;
        background: 0 0;
        line-height: 1.5em
    }
    .pro_logos {
        flex-wrap: nowrap
    }
    .limited_logo {
        justify-content: flex-start
    }
    .pro_logos.limited_logo .logo {
        margin-right: 4%
    }
    .pro_logos .logo img {
        max-width: 80%
    }
    .form_wrapper .col_form input[type=email],
    .form_wrapper .col_form input[type=text],
    .form_wrapper .col_form select,
    .form_wrapper .col_form textarea {
        height: 3.222222222222222em
    }
    .get_involved_pg .col_form textarea {
        min-height: 13.1em
    }
    .get_involved_pg .form_wrapper .no_pad_desk {
        margin-bottom: 0
    }
    .captcha_sec .captcha_img {
        height: 3.625em;
        max-width: 14.8125em
    }
    .captcha_sec .captcha_img img {
        max-height: 3.625em
    }
    .contactus_pg .col_form textarea {
        min-height: 3.625em
    }
    .contactus_pg .form_details .col_s {
        width: 41%
    }
    .contactus_pg .form_details .col_l {
        width: 57%
    }
    .form_details .captcha_sec .inp_sec {
        max-width: 9em
    }
    .service_banner {
        background: var(--black);
        overflow: hidden
    }
    .service_banner .pic {
        position: absolute;
        left: 0;
        height: 100%;
        bottom: 0
    }
    .service_banner .pic img {
        max-width: 100%;
        height: 100%;
        object-fit: cover
    }
    .service_pg .service_banner h1 {
        padding: clamp(1.2em, 10vw + .25em, 2.9em) 0;
        text-align: center;
        padding-left: 50%
    }
    .service_pg .service_banner h1,
    .service_pg h1 {
        text-align: center
    }
    .service_pg h1 br {
        display: block
    }
    .op_clinic_sec .main_info .desc {
        padding-right: 7%
    }
    .highlights_sec {
        margin-top: -9%
    }
    .op_clinic_sec .main_info {
        z-index: 1
    }
    .satellite_clinic {
        overflow: hidden;
        background-color: var(--peach)
    }
    .satellite_clinic .pic {
        position: absolute;
        left: 0;
        top: 0;
        width: 76%
    }
    .satellite_clinic .container {
        position: static
    }
    .satellite_clinic .container>.flex {
        flex-direction: row;
        position: static;
        justify-content: flex-end
    }
    .satellite_clinic .desc {
        width: 50%;
        padding: clamp(1.5em, 6vw + .25em, 6.6875em) 0 clamp(1.5em, 7vw + .25em, 8.2em)
    }
    .satellite_clinic .desc {
        padding-left: 4%
    }
    .lab_sec .highlights_sec .col {
        width: 32%
    }
    .lab_sec .highlights_sec {
        margin-top: 2.5em
    }
    .lab_sec .main_info .desc {
        padding-right: 1%
    }
    .expertise_sec h2 {
        max-width: 80%
    }
    .notice_sec .col {
        width: 32%;
        margin-bottom: 2%
    }
    .res_project .pro_container .hd span:first-child {
        background-position-x: .25em
    }
    .res_project .pro_container .col {
        width: 31.75%;
        margin-bottom: 2.36%
    }
    .res_project .pro_container {
        justify-content: flex-start;
        gap: 2.375%
    }
    .research_pg .select_sec {
        line-height: 40px
    }
    .research_pg h1 {
        line-height: 40px
    }
    .research_pg .banner h1 {
        text-shadow: 0 0 4px #000
    }
    .client_section .client_logo:empty {
        display: block
    }
    .logos_wrapper .marquee .client_logo {
        flex: 0 0 13vw;
        margin: 0 2vw
    }
    @keyframes scrolling2 {
        0% {
            transform: translateX(0)
        }
        100% {
            transform: translatex(-65vw)
        }
    }
    .research_pg .mul_res_sec .mul_res_inner_cont {
        padding-bottom: 0
    }
    .col_question .drop_hd,
    .col_question .drop_list {
        position: sticky
    }
    .donate_main .stick_hd {
        top: 92px;
        padding: 1.5em 0
    }
    .client_section .marquee-loop .logos_lists .client_logo {
        width: auto;
        flex: 0 0 14vw;
        margin-right: 2.5em
    }
    .comm_adv .pro_member .col {
        width: 31.5%;
        padding-bottom: 0
    }
    .comm_adv .pro_member .col.exe_col {
        width: 48.5%
    }
    .pro_member .col.exe_col .cont {
        width: 99%
    }
    footer .banner ul {
        flex-direction: column;
        flex-wrap: nowrap
    }
    footer .banner .icont {
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start
    }
    footer .banner {
        background-size: auto;
        max-width: 100%
    }
    footer .banner .col_left p {
        width: 100%
    }
    footer .banner .col_left {
        border-right: 1px solid #c4c4c4;
        margin-right: .75em;
        padding-right: .75em
    }
    footer .other_col {
        margin-top: 0;
        width: 68.8%
    }
    footer .nav_col {
        width: auto
    }
    footer .banner ul li {
        width: 100%;
        list-style-type: disc;
        margin-left: 1em
    }
    footer .banner .col_right {
        margin-top: 0
    }
    footer .social {
        margin-top: 2em
    }
    .about_banner .swiper_nav {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between
    }
    .about_banner .swiper_nav_container {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%)
    }
    .about_banner .swiper-pagination {
        display: none
    }
    .about_banner .slider_02 {
        background: #a5936d url(../images/about-banner-bg-01.jpg) no-repeat right bottom;
        background-size: cover
    }
    .about_banner .slider_02 .cont {
        width: 46%
    }
    .about_banner .slider_02 .cont p {
        font-size: var(--font-size-20);
        padding-left: 1.8em
    }
    .about_banner h4 {
        line-height: 1.25em
    }
    .international_form iframe {
        min-height: 79em
    }
    .service_pg .service_banner .dpic {
        display: none
    }
    .service_pg .service_banner {
        background: #ccd4d7 url(../images/services-bg.jpg) no-repeat center top;
        background-size: cover
    }
    .serve_container .col:nth-child(9) .pic img {
        max-width: 100%
    }
    .about_banner .swiper_nav_container .container {
        max-width: 1450px
    }
    footer .banner {
        margin: 0
    }
    footer .nav_col nav {
        flex-direction: column
    }
    footer nav li:not(:last-child) {
        margin-bottom: .35em
    }
    footer .col_lg {
        flex-wrap: nowrap
    }
    footer .nav_col nav ul:not(:last-child) {
        margin-bottom: 1em
    }
    footer .copy_right_sec p {
        white-space: nowrap
    }
    footer .copy_right_sec {
        margin-top: 0;
        position: absolute;
        left: 0;
        bottom: 2em
    }
    .home_slider .swiper-slide .container>.flex {
        align-items: center
    }
    .banner_section .cont {
        min-height: auto
    }
    .objective .col {
        width: 21%;
        margin-bottom: 0
    }
    .objective.camprainbow .col {
        width: 45%;
        margin-bottom: 0
    }
    .recent_happening .col {
        width: 100%
    }
    .recent_happening_slider .swiper-slide {
        width: 23.25% !important
    }
    .recent_happening .container {
        padding: 0;
        width: 92%
    }
    .pa_location .map {
        width: 58%;
        margin-left: 10%
    }
    .accord_main .cont .col_lft,
    .accord_main .hdr {
        padding-left: 2rem
    }
    .accord_main .cont.video_frame .col_lft {
        width: 29%
    }
    .accord_main .cont.video_frame .col_rgt {
        width: 65%
    }
    .pa_location svg {
        width: 100%
    }
    .goal .cont .pic {
        width: 41%
    }
    .goal .cont .details {
        width: 59%
    }
    .goal .cont .details p {
        max-width: 78%
    }
    .recent_happening .hdr {
        padding-right: 0
    }
    .recent_happening .hdr .link {
        right: 1.5%
    }
    .swiper-pagination {
        display: none
    }
    .recent_happening .col {
        margin-bottom: 0
    }
    .impacts h1 {
        text-align: left
    }
    .impacts .col {
        width: 96%
    }
    .impacts .hd_sec {
        padding-bottom: 1.5em
    }
    .impacts .swiper_nav {
        display: block
    }
    .impacts .swiper_nav_container {
        position: absolute;
        width: 100%;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%)
    }
    .impacts .swiper_nav_container .container {
        max-width: 1450px;
        width: 100%
    }
    .services .sub_hd br {
        display: block
    }
    .impacts .col {
        width: 100%;
        padding-left: 8%;
        padding-right: 8%
    }
    .impacts h1 {
        text-align: center
    }
    .research_pg .res_publication_sec .pub_cont {
        max-width: 310px
    }
    .blog_page .col {
        width: 32%
    }
    .highlighted_text::before {
        top: 15%
    }
    .blog_details .pic_sec {
        flex-direction: row
    }
    .blog_details .pic_sec .col_pic {
        margin-top: 0;
        width: 63%
    }
    .blog_details .pic_sec .col_desc {
        width: 35%
    }
    .blog_details .pic_sec .col_desc p {
        width: 85%
    }
    .related_blogs .swiper_nav {
        display: block
    }
    .related_blogs .swiper_nav .flex {
        column-gap: 1em
    }
    .related_blogs .swiper {
        padding-bottom: 9.375em
    }
    .blog_details .details .col_right .cont {
        flex-direction: row
    }
    .blog_details .details .col_right .sec {
        width: 32%
    }
    .enquiry_form form {
        flex-direction: row
    }
    .enquiry_form .sub_hd {
        text-align: left;
        margin-bottom: 0
    }
    .enquiry_form .form_sec .inp_sec {
        margin-bottom: 0;
        margin-left: 1em
    }
    .enquiry_form .form_sec .inp_sec:first-child {
        margin-left: 0
    }
    .enquiry_form form .btn_sec {
        margin-top: 0;
        margin-left: 1em
    }
    .enquiry_form input[type=email],
    .enquiry_form input[type=text],
    .enquiry_form select,
    .enquiry_form textarea {
        border-radius: unset;
        height: 54px;
        max-height: 54px;
        line-height: 1em
    }
    .enquiry_form select {
        padding: 0 1em
    }
    .enquiry_form form .btn {
        border-radius: unset;
        color: #fff0;
        background: var(--blue) url(../images/chevron-right-solid-white.svg) no-repeat center center;
        max-width: 5.375rem;
        background-size: 1em;
        min-height: 54px
    }
    .impact_container .col {
        width: 33%;
        min-height: clamp(6.875rem, 1.1607rem + 8.9286vw, 11.875rem)
    }
    .impact_section .icon img {
        max-width: 100%;
        max-height: 100%
    }
    .impact_section .icon {
        margin-top: 1em
    }
    .impact_section h1 {
        text-align: center
    }
    .impact_section p {
        width: 100%
    }
    .impact_container .col:nth-child(2) {
        justify-content: center
    }
    .impact_container .col:nth-child(2) .desc {
        flex: initial
    }
    .impact_container .col:nth-child(3) {
        justify-content: right
    }
    .impact_container .col:nth-child(3) .desc {
        flex: initial
    }
    .impact_container .col:nth-child(5) {
        justify-content: right
    }
    .impact_container .col:nth-child(5) .desc {
        flex: initial
    }
    .blog_sec .blog_card {
        width: 32%
    }
}

@media only screen and (min-width :1280px) {
    header .info_sec .appoinment,
    header .info_sec .help {
        white-space: nowrap;
        margin-bottom: 0
    }
    header .info_sec .container>.flex {
        flex-wrap: nowrap
    }
    header .info_sec .right_links {
        justify-content: flex-end
    }
    header .info_sec .right_links .btn_sec {
        margin-right: 1.1875em
    }
    header .info_sec .btn {
        padding: .32em .92em
    }
    header .info_sec .help {
        margin-right: 2.38em
    }
    header .right_sec .btn {
        padding: 1.07em 2.25em
    }
    header .main_navs .btn+.btn {
        margin-left: 4.33em
    }
    header .menu_list li:not(:last-child) {
        margin-right: 2.4375em
    }
    header .main_navs {
        padding: .907em 0
    }
    header nav {
        width: auto
    }
    header .info_sec {
        padding: .5em 0
    }
    footer .banner::before {
        display: none
    }
    .banner_section .cont .logo img {
        max-width: 100%;
        margin-bottom: 25px
    }
    .home_slider .pic {
        margin-top: .75em;
        margin-bottom: -4.5em;
        width: 68%
    }
    .home_slider .pic img {
        width: 100%
    }
    .home_slider .swiper-slide.slide_04 .pic img {
        display: none
    }
    .focus_container .swiper-slide {
        width: 23.9% !important
    }
    .client_section .client_logo img {
        max-width: 100%
    }
    .govenance_section .gov_row .pic img {
        max-width: 100%
    }
    .govenance_section .gov_row p {
        line-height: 1.55em;
        max-width: 90%
    }
    .don_cause {
        flex-direction: row;
        align-items: center
    }
    .don_cause .label {
        white-space: nowrap;
        margin-bottom: 0;
        margin-right: 2%
    }
    .camp_sec .amont_inp::after {
        top: .8em
    }
    .about_banner .pic {
        width: 70%
    }
    .about_banner {
        background-size: cover;
        overflow: hidden
    }
    .prjt_banner .pic {
        width: 70%
    }
    .prjt_banner {
        background-size: cover;
        overflow: hidden
    }
    .vm_info .desc {
        width: 47%;
        left: 53%
    }
    .cp_section .p_logos {
        width: 59%;
        padding: 0 1.25em
    }
    .project_hdrs .col br {
        display: block
    }
    .pro_logos .logo {
        width: auto
    }
    .pro_logos .logo img {
        max-width: 100%
    }
    .form_wrapper .col_form .sec {
        flex-direction: row
    }
    .form_wrapper .hdr {
        margin-bottom: 0;
        width: 22.6%;
        padding-right: 7%
    }
    .form_details {
        width: 77.36%
    }
    .form_wrapper .text_area .hdr {
        font-size: var(--font-size-18);
        padding-right: 3%
    }
    .get_involved_pg .form_wrapper .btn_sec {
        padding-left: 22.6%;
        margin-top: 1.9375em
    }
    .form_wrapper .col_form select {
        background: var(--white) url(../images/select-arrow-lg-01.png) no-repeat 97% center;
        line-height: initial
    }
    .form_wrapper .col_form .col_lg select {
        background-position-x: 94%
    }
    .contactus_pg .sec form>.flex {
        flex-direction: row
    }
    .contactus_pg .form_wrapper .hdr {
        width: 17.25%;
        padding-right: 0
    }
    .contactus_pg .form_details {
        width: 81%
    }
    .contactus_pg .btn,
    .form_wrapper .btn {
        min-width: 7.7em
    }
    .contactus_pg .more_info p:not(:last-child) {
        margin-bottom: .6em
    }
    .service_banner .pic img {
        max-width: 100%
    }
    .service_sec .col {
        width: 25%;
        padding: 0
    }
    .service_sec .col img {
        max-width: 100%
    }
    .satellite_clinic .desc {
        padding-left: 6%
    }
    .satellite_clinic .pic {
        width: 56%
    }
    .lab_sec .highlights_sec .col p {
        width: 62%
    }
    .lab_sec .highlights_sec .col .pic {
        width: 38%
    }
    .lab_sec .highlights_sec {
        margin-top: -9%
    }
    .res_project .pro_container .col::before {
        background-color: var(--peach);
        opacity: 1
    }
    .researchers_sec .researchers_cont {
        padding-bottom: 0
    }
    .res_project .pro_container .col .icont {
        opacity: 1
    }
    .res_project .pro_container .col:hover::before {
        opacity: 1;
        background-color: rgb(0 0 0 / .4)
    }
    .res_project .pro_container .col:hover .icont {
        opacity: 0;
        transition: none;
        -webkit-transition: none
    }
    .res_project .pro_container .col {
        overflow: hidden
    }
    .res_project .pro_container p {
        color: var(--black)
    }
    .res_project .pro_container .link {
        color: var(--yellow-03)
    }
    .res_project .pro_container .col:hover p {
        color: var(--white)
    }
    .res_project .pro_container .col:hover .link {
        color: var(--white)
    }
    .research_pg .select_sec {
        line-height: 40px
    }
    .research_pg .sm_banner_sec .bnr_cont {
        margin-bottom: 0
    }
    .cp_section .marquee_container {
        width: 59%
    }
    .p_logos {
        animation: scrolling 40s linear infinite;
        -webkit-animation: scrolling 40s linear infinite
    }
    .p_logos .logs {
        flex: 0 0 10vw;
        margin: 0 1vw
    }
    @keyframes scrolling {
        0% {
            transform: translateX(0);
            -webkit-transform: translateX(0)
        }
        100% {
            transform: translatex(-290vw);
            -webkit-transform: translatex(-290vw)
        }
    }
    .donate_main .stick_hd {
        top: 105px
    }
    .pro_banner .cont {
        padding-right: 7%
    }
    .pro_banner,
    .pro_banner.mrite {
        background-size: cover;
        background-position: 10%
    }
    .pro_banner h1 {
        line-height: 1.1em;
        margin-bottom: .35em
    }
    .community_serv .info {
        width: 75%
    }
    .community_serv .icon {
        width: 25%
    }
    .goal .details {
        margin-top: 6%
    }
    .goal.camprainbow .details {
        margin-top: 0
    }
    .pa_article .desc {
        width: 65%
    }
    .map_accord .hdr {
        background-size: auto
    }
    .accord_main .cont .col_rgt {
        width: 36.5%
    }
    .accord_main .cont .col_lft {
        width: 40%
    }
    .community_serv .type2 .col {
        width: auto
    }
    .community_serv .type2 .info {
        width: auto
    }
    .community_serv .type2 .icon {
        min-width: 6em
    }
    .resources .link_sec a {
        background-position-y: -2px
    }
    .community_serv .icon {
        display: flex;
        justify-content: flex-end;
        padding-right: 8%
    }
    .community_serv .icon img {
        max-width: 100%
    }
    .research_pg .res_publication_sec .pub_cont {
        max-width: 390px
    }
    .blog_details .details .conts {
        flex-direction: row
    }
    .share_sec {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
    .blog_details .details .col_right .cont {
        flex-direction: column
    }
    .blog_details .details .col_right .sec {
        width: 100%
    }
    .blog_details .details .col_left {
        width: 8.65%;
        margin-top: .5em
    }
    .blog_details .details .col_center {
        width: 68%;
        padding-right: 5%
    }
    .blog_details .details .col_right {
        width: 23.35%;
        margin-top: 0;
        margin-top: .5em
    }
    .blog_details .extend_sec {
        width: 145%
    }
    .highlighted_text::before {
        top: 20%
    }
    .blog_details .conclusion_sec .container {
        padding-left: 11%
    }
    .blog_details .conclusion_sec p {
        width: 60%
    }
    .pagin_sec p {
        width: 60%
    }
    .blog_details .details .col_right .cont {
        flex-direction: column
    }
    .blog_details .details .col_right .sec {
        width: 100%
    }
}

@media only screen and (min-width :1600px) {
    ul.dash li {
        padding-left: 2.5em
    }
    .campaigns_section .tab_hdr .container,
    .container,
    .focus_area_section .container,
    .impact_section .container,
    .impact_stories_section .container {
        width: 100%
    }
    .banner_section .container {
        max-width: 1450px
    }
    .home_slider .swiper-slide .container>.flex {
        padding-left: 6%
    }
    .home_slider .pic {
        margin-bottom: -6.5em
    }
    .impact_container .col:nth-child(1) {
        background-size: 22%;
        background-position: 85% 80%
    }
    .impact_container .col:nth-child(2) {
        background-size: 35%;
        background-position: 85% 80%
    }
    .impact_container .col:nth-child(3) {
        background-size: 28%;
        background-position: 85% 80%
    }
    .impact_container .col:nth-child(4) {
        background-size: 30%;
        background-position: 85% 80%
    }
    .about_banner .pic {
        width: 80%
    }
    .service_banner .pic {
        left: -9%
    }
    .satellite_clinic .desc {
        padding-left: 17%
    }
    .research_pg .link_sec .sec,
    .research_pg .link_sec .sec:last-child {
        background-size: auto, auto
    }
    .research_pg .select_sec {
        line-height: 40px
    }
    .about_banner .slider_02 .cont {
        width: 60%
    }
    .recent_happening_slider .swiper-slide {
        width: 21.25% !important
    }
    .research_pg .res_publication_sec .pub_cont {
        max-width: 407px
    }
}

@media only screen and (min-width :1800px) {
    .btn.arrow {
        background-size: auto
    }
    .about_banner .pic {
        width: auto
    }
    .history_section .desc p {
        width: 94%;
        margin-bottom: .5em
    }
    .history_section .desc p:last-child {
        margin-bottom: 0
    }
    .history_section .pic p {
        padding-right: 22%
    }
    .camprainbow .pic p {
        padding-right: 22%
    }
    .our_gov_section .col_info {
        padding-left: 6%
    }
    .icons_sec .col .icon picture,
    .icons_sec .col:last-child .icon picture {
        max-width: 100%
    }
    .service_banner .pic {
        left: 0
    }
    .satellite_clinic .desc {
        padding-left: 18.5%
    }
    .satellite_clinic .pic {
        width: 52.5%
    }
    .notice_sec .cont {
        padding: 2em
    }
    .highlights_sec {
        background-size: auto
    }
    .pro_member .col {
        padding-right: 0;
        padding-bottom: 0;
        display: flex
    }
    .pro_member .col .cont {
        width: 93%
    }
    .pro_member .col:nth-child(1) {
        order: 1
    }
    .pro_member .col:nth-child(2) {
        order: 2
    }
    .pro_member .col:nth-child(3) {
        order: 3
    }
    .pro_member .col:nth-child(4) {
        order: 4
    }
    .pro_member .col:nth-child(5) {
        order: 5
    }
    .pro_member .col:nth-child(6) {
        order: 6
    }
    .pro_member .col.exe_col .cont {
        width: 96.8%
    }
    .about_banner .scroll_animation {
        min-height: 147px
    }
    .pro_banner,
    .pro_banner.camprainbow,
    .pro_banner.mrite {
        background-size: auto;
        background-position: right
    }
    .community_serv .cont {
        row-gap: 4.6875em
    }
    .community_serv .col:not(:last-child) {
        margin-bottom: 0
    }
    .community_serv .icon img {
        max-width: 100%
    }
    .community_serv .icon {
        width: 25%
    }
    .community_serv .info {
        width: 75%
    }
    .pro_acc .pro_logos {
        padding-top: 3.25em
    }
    .community_serv .col {
        justify-content: center
    }
    .community_serv .icon {
        width: auto;
        margin-right: 1.5em
    }
    .community_serv .label {
        line-height: 1.5em
    }
    .pa_location .map {
        width: 59%;
        margin-left: 8%
    }
    .pa_location .map_accord {
        width: 33%
    }
    .map_accord .cont,
    .map_accord .hdr {
        padding-left: 1.4rem
    }
    .services ul.black_arrow li {
        padding-left: 2.7em
    }
    .pa_article .pic img,
    .pa_article .sec:first-child .pic img {
        max-width: 100%
    }
    .pa_article .desc {
        width: 48%
    }
    .pa_article .pic {
        width: 52%
    }
    .community_serv .type2 .icon {
        min-width: 4em
    }
    .community_serv .type2.cont {
        column-gap: 6%
    }
    .community_serv .icon {
        margin-right: 0
    }
    .highlighted_text::before {
        top: 23%;
        left: 4%
    }
}

.ocontent {
    font-size: 18px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: max-height 0.3s ease
}

.ocontent.expanded {
    -webkit-line-clamp: unset;
    max-height: none
}

.ocontent+.read-more-link.hidden {
    display: none
}

.popup {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
      z-index: 999;
      padding: 10px;
    }

    .popup-content {
      background: #ffffff;
      padding: 25px;
      width: 90%;
      max-width: 400px;
      border-radius: 15px;
      position: relative;
      text-align: center;
      box-sizing: border-box;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
      border: 2px solid #fbc02d;
      animation: fadeIn 0.3s ease-in-out;
    }

    /* Fixed selector and added h3 style */
    .popup-content h2,
    .popup-content h3 {
      color: #f57f17 !important;
      font-size: 25px !important;
      margin-bottom: 10px !important;
      font-weight: bold !important;
    }

    .popup-content p {
      color: #5d4037;
      font-size: 16px !important;
    }

    .close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 34px;
      cursor: pointer;
      color: #f57f17;
      font-weight: bold;
    }

    .close:hover {
      color: #ff6f00;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.9); }
      to { opacity: 1; transform: scale(1); }
    }
.home_slider .pic.single-slide {
  margin-top: 0.75rem !important;
}
.banner_section .swiper-slide .cont {
  min-height: 410px;
  height: auto !important;
}

/* .banner_section .swiper-slide.slide_01 .cont {
  min-height: 600px;
} */
@media (max-width: 768px) {
  .banner_section .swiper-slide .cont {
    min-height: 250px; /* or adjust as needed for mobile */
    height: auto !important;
  }
}

.tit-bold {
    color: var(--yellow);
    font-weight: 500;
    font-size: 16px;
}