@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comforter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root{
    --inter: "Inter", sans-serif;
    --open-sans: "Open Sans", sans-serif;
    --comforter: "Comforter", cursive;
    --lato: "Lato", sans-serif;
}

* {
    margin: 0px;
    padding: 0px;
}

body {
    /* font-family: "Comforter", cursive; */
    /* font-family: "Inter", sans-serif !important; */
    margin-top: 0;
    font-family: var(--open-sans);
    overflow-x: hidden;
    /* text-wrap: balance; */
}

.classy-navbar img {
    width: 244px;
    padding: 6px;
    transition: all 0.4s ease-in-out;
}

.classy-navbar {
    display: flex;
    justify-content: space-between;
}

.header_area .classy-navbar,
.header_area .header-meta {
    flex: 0 0 100%;
    min-width: 50%;
    width: 50%;
    padding: 0px !important;
}

.header_area .classynav ul li a {
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--open-sans);
}
.header_area .classynav ul li .megamenu li a, .header_area .classynav ul li .dropdown li a{
    line-height: 24px;
}
.donate-btn {
    background: #c2e6ea;
    padding: 10px 25px;
    border-radius: 4px;
    text-transform: uppercase;
    color: #000 !important;
    font-size: 16px !important;
}

@media (max-width: 600px) {
    .donate-btn {
        font-size: 13px !important;
        padding: 8px 18px;
        margin: 15px 0px !important;
    }
}

.donate-btn span {
    color: #f00;
}

.donate-btn:hover {
    background: #8bdbe5;
}

.header_area.sticky .nav-brand img {
    width: 155px;
    transition: all 0.4s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    line-height: 1.3;
    font-weight: 700;
    /* font-family: "Inter", sans-serif !important; */
}

a {
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.header_area.sticky {
    background: #0a1e88;
    transition: all 0.4s ease-in-out;
}

.container {
    max-width: 1500px;
}

.welcome_area {
    /* min-height: 878px; */
    z-index: 1;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(3, 0, 125, 1) 0%, rgba(55, 213, 205, 1) 100%);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.header_area .classynav ul li a:hover {
    color: #f9685b;
}
.slider-carasol{
    position: relative;
}
.slider-carasol:before {
    position: absolute;
    content: '';
    background: url(../img/texture-01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 265px;
    height: 360px;
    top: -93px;
    left: -170px;
    /* opacity: 0.55; */

}
.welcome_area:after {
    position: absolute;
    content: '';
    background: url(../img/texture-02.png);
    width: 210px;
    height: 225px;
    bottom: 0px;
    left: 450px;
    /* opacity: 0.55; */
    background-position: center center !important;
}
.slider-item{
    border-radius: 50px;
    overflow: hidden;
}
.classy-navbar {
    max-width: 1500px;
    margin: 0px auto;
}

.single-mega {
    max-width: 1500px;
    margin: 0px auto;
}

.slider-item {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.classy-nav-container {
    background: transparent;
}

.welcome_area_inner {
    /* padding-top: 50px; */
    padding: 214px 0 169px 0;
    width: 100%;
}

.classynav ul li.megamenu-item>a:after {
    font-family: icomoon !important;
    font-size: 11px;
    color: #ffffff;
    padding-left: 5px;
}

.slider-heading {
    color: #fff;
    font-size: 70px;
    line-height: 80px;
    font-weight: 700;
}

.slider-post {
    position: relative;
}

.slider-post-details {
    position: absolute;
    bottom: 60px;
    max-width: 500px;
    left: 50px;
}

.post-time {
    background: #85F2FE;
    text-align: center;
    width: fit-content;
    padding: 0 15px;
    line-height: 28px;
    font-family: var(--open-sans);
    font-size: 14px;
    margin-bottom: 10px;
}

.post-title {
    color: #fff;
}

.slick-dots li {
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 100px;
}

.slick-dots {
    bottom: -40px;
    width: 100%;
    right: 0;
    text-align: center;
}

.slick-dots .slick-active {
    background: #F9685B;
}

.slick-dots li button:before {
    opacity: 0 !important;
}

.btn-style {
    background: #f9685b;
    padding: 12px 25px;
    /* display: block; */
    text-align: center;
    text-transform: uppercase;
    font-size: 20px !important;
    /* min-width: 317px; */
    height: 48px;
    color: #fff !important;
    font-weight: 600;
    border-radius: 4px;
    line-height: 28px;
    font-family: var(--lato);
}

.big-img {
    background: #F6F6F6;
    height: 400px;
    margin: 105px auto;
}

.brands-area {
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0px;
    text-align: center;
}
.smallTitle{
    font-weight: 700;
    font-size: 23.23px;
    text-align: center;

}
.title-heading {
    margin-bottom: 20px;
    font-size: 50px;
    font-family: var(--open-sans) !important;
    line-height: 58px;
}

.btn-style:hover {
    opacity: 0.7;
}

.single-brands-logo img {
    margin: 0px auto;
}

.big-book {
    padding: 120px 0;
}

.vertical-tab-wrapper .col-lg-4 {
    padding: 0px;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab {
    padding: 0px 30px;
    border-bottom: 1px solid #fff;
    position: relative;
    cursor: pointer;
    margin-bottom: 48px;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab .title {
    font-size: 32px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    line-height: 48px;
    color: #9C9C9C;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab.active {
    background-color: transparent;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab.active .title {
    color: #008FC8;
    position: relative;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab.active .title:before {
    position: absolute;
    content: '';
    background: #008FC8;
    width: 100%;
    height: 2px;
    bottom: -7px;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab-content {
    display: none;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab-content h3 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1;
    color: #1c2a51;
    margin: 0 0 30px;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab-content p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #1c2a51;
    line-height: 1.4;
    font-size: 22px;
    color: #333333;
    margin: 0 0 30px;
}

#vertical-tab .vertical-tab-wrapper .vertical-tab-content.active {
    display: block;
}

#vertical-tab .mobile-vertical-tab {
    display: none;
    position: relative;
    box-shadow: 0px 0px 5.88px 0.12px rgba(0, 0, 0, 0.14);
}

#vertical-tab .mobile-vertical-tab .vertical-tab-header .each-tab-header .each-tab {
    padding: 16px;
    background-color: #5d9ccc;
    border-bottom: 1px solid #fff;
    position: relative;
    text-align: center;
}

#vertical-tab .mobile-vertical-tab .vertical-tab-header .each-tab-header .each-tab .title {
    font-size: 1.375rem;
    font-weight: 600;
    line-height: 1.1;
    color: #f7dd4b;
}

.tab-content-inner {
    position: relative;
    min-height: 673px;
}

.tab-content-inner img {
    height: 673px;
    /* height: 100%; */
    object-fit: cover;
    border-radius: 10px;
}

.v-tab {
    background: rgba(53, 152, 200, 0.8);
    position: absolute;
    bottom: 30px;
    padding: 16px;
}

.v-tab p {
    color: #fff !important;
    margin-bottom: 5px !important;
}
.bookOutline{
    position: relative;
    min-height: 980px;
}
.bookOutline p{
    font-weight: 400;
    font-size: 20px;
    color: #929292;
    padding-right: 15px;
}
.bookOutline:before{
    content: '';
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 400px;
    background: url('../img/booktop.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto;
    right: 0;
}
.bookOutline:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 100%;
    height: 200px;
    background: url("../img/bookdown.png");
    background-repeat: no-repeat;
    background-size: 100%;
}
.storyTitle{
    font-family: var(--inter);
    font-weight: 700;
    font-size: 104.87px;
    line-height: 88%;
    text-align: right;
    text-transform: uppercase;
    background: linear-gradient(0deg, #37D5CD -7.31%, #1C66A4 40.64%, #03007D 118.49%, #03007D 119.12%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 48px;
    padding-right: 15px;
}
.storyList{
    height: 625px;
    overflow: auto;
}
.storyList .listItem{
    margin-bottom: 60px;
}
.personImg{
    width: 154px;
    height: 154px;
    border-radius: 100%;
    overflow: hidden;
}
.personDetails h3{
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    color:#202020;
}
.personDetails p{
    font-weight: 400;
    font-size: 20px;
    color: #929292;
    line-height: 30px;
}
.social-wrapper {
    background: linear-gradient(135deg, rgba(55, 161, 213, 1) 0%, rgba(7, 7, 7, 1) 100%);
    padding: 20px 0px;
}

p.strip-content {
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 0px;
}

.social-icon {
    text-align: right;
}

.social-icon a {
    font-size: 30px;
    color: #fff !important;
    margin: 0px 10px;
}

a.social-btn {
    background: #f9685b;
    padding: 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px !important;
    color: #fff !important;
    width: 200px;
    border-radius: 4px;
}

.people-count {
    color: rgba(247, 87, 75, 1);
    font-size: 96px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    font-family: var(--inter);
}

.economic-section span {
    color: rgba(156, 156, 156, 1);
    display: inline-block;
    font-size: 35px;
    margin-left: 10px;
}

.video-section {
    background: #f7574b;
    position: relative;
    padding: 128px 0px 0;
}

.video-section-header h3 {
    color: #fff;
    font-size: 50px;
    line-height: 56px;
    font-weight: 700;
    margin-bottom: 40px;
}

.count-list p {
    font-size: 22px;
    line-height: 35px;
    font-weight: 400;
    color: #fff;
}

.count-list h4 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.video-section:before {
    position: absolute;
    content: '';
    background: url('../img/videoBG.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.youtube-video{
    width: 1080px;
    height: 741px;
    transform: translate(-188px, 0px);
}
.youtube-video video{
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin-bottom: -5px;
}
.program-section h2 {
    font-size: 50px;
    line-height: 58px;
    font-weight: 700;
    background: -webkit-linear-gradient(#03007D, #1C66A4, #37D5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: var(--inter);
    margin-top: 56px;
    margin-bottom: 80px;
}

.program-section {
    text-align: center;
    margin-top: 105px !important;
}
.panel-section .title-heading {
    font-size: 50px;
    line-height: 58px;
    font-family: var(--open-sans);
    margin-bottom: 100px;
    font-weight: 700;
}

.panel-section {
    text-align: left;
}

.panel-section a {
    color: #000;
    font-size: 20px;
}

.panel-section {
    text-align: left;
    padding: 15px;
    border-radius: 8px;
    position: relative;
}

.panel-section-one {
    text-align: left;
    padding: 25px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 30px;
    min-height: 265px;
}

.panel-section-one h4 {
    font-size: 36px;
    font-weight: 500;
    font-family: var(--inter);
}

.panel-img {
    text-align: right;
}

.panel-img img {
    width: 164px;
    transition: all 0.4s ease-in-out;
    margin-top: 50px;
}

.panel-section-one .post-btn {
    text-align: right;
    display: block;
    margin-top: 20px;
    color: #000;
    font-size: 20px;
}

.slider-post-details .post-btn i{
    color:#fff;
}
.post-btn i{
    /* color: #F9685B; */
    margin-left:10px;
}
.partnerSlider{
    margin:90px 0;
}
.footer_area {
    position: relative;
    z-index: 1;
    background-color: #2A2A2A;
    padding: 30px 0;
}

.footer_area .single_widget_area .footer_widget_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.widget {
    color: #fff;
    font-size: 22px;
    margin-bottom: 20px;
    font-family: var(--open-sans) !important;
}

.footer_widget_menu li a {
    text-transform: uppercase;
    font-size: 13px !important;
}

.footer_area .single_widget_area .footer_widget_menu li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 100%;
}

.phone-number {
    margin-top: 30px;
    margin-bottom: 15px;
}

.phone-number a {
    font-size: 22px;
    color: #fff !important;
}

.footer-logo img {
    width: 216px;
}
@media (max-width: 600px) {
    .footer-logo img {
        width: 140px;
    }
}
.about-img {
    max-width: 538px;
    height: 399px;
    margin: 0px auto;
    display: block;
}

.about-details h3 {
    font-family: var(--open-sans) !important;
    font-size: 50px;
    line-height: 58px;
    margin-bottom: 48px;
    font-weight: 700;
}

.about-details p {
    font-size: 20px;
    line-height: 32px;
    color: #929292;
    margin-bottom: 48px;
}

.panel-section p {
    font-size: 20px;
    line-height: 32px;
    color: #929292;
}

.serve-btnarea .btn-style {
    margin: 0px auto;
}

.serve-btnarea {
    margin: 70px auto 40px;
    width: 100%;
    text-align: center;
    display: block;
}

.we-serve {
    margin: 105px 0px !important;
}

.service-list {
    margin-top: 80px;
}

.tab-content-inner .post-btn {
    font-size: 20px;
    color: #fff !important;
}

.partner-list {
    margin: 50px 0px 30px;
}

.footer_area .single_widget_area .footer_social_area a {
    color: #ffffff;
    display: inline-block;
    padding: 0 10px;
    font-size: 22px;
}

.location {
    background: #171F57;
    padding: 166px 0px 116px 0;
    color: #fff;
}

.location-details span {
    color: #37D5CD;
    font-size: 30px;
    margin-bottom: 10px !important;
    display: block;
}

.location-details h3 {
    font-size: 32px;
    font-weight: 400;
    color: #fff;
}

.location-details p {
    font-size: 20px;
    color: #fff;
    font-weight: 200;
    line-height: 30px;
}

.location-details {
    margin-bottom: 40px;
    cursor: pointer;
}

.maparea {
    background: #37D5CD;
    padding: 110px 30px 30px;
    border-radius: 20px;
    position: relative;
    margin-top: 80px;
}

.maparea h3 {
    color: #fff;
    font-size: 40px;
}

.maparea p {
    font-size: 24px;
}

.maparea p {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
}

/* .maparea:before {
    position: absolute;
    content: '';
    background: url(../img/map.png);
    width: 100%;
    height: 50px;
    top: -20px;
    left: 0;
} */

.maparea:before {
    position: absolute;
    content: '';
    background: url(../img/map.png);
    width: 100%;
    height: 327px;
    top: -215px;
    left: 0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.donate {
    background: linear-gradient(to bottom, rgba(23, 31, 87, 1) 0%, rgba(28, 102, 164, 1) 49%, rgba(55, 213, 205, 1) 100%);
    padding: 50px 0px;
    position: relative;
}

h1.Spread {
    color: #F4F4F4;
    text-align: center;
    text-transform: uppercase;
    font-size: 260px;
    letter-spacing: 95px;
    font-family: var(--inter);
}

.donate h2 {
    text-align: center;
    font-size: 70px;
    color: #fff;
    font-family: var(--inter);
}

.donate .donate-btn {
    background: #F9685B;
    color: #fff !important;
    margin: 25px 0px !important;
    display: inline-block;
}

.donate:before {
    position: absolute;
    content: '';
    background: url(../img/love.png);
    width: 50px;
    height: 280px;
    right: 0;
    top: 340px;
}

.donate:before {
    position: absolute;
    content: '';
    background: url(../img/love.png);
    width: 600px;
    height: 530px;
    right: 0;
    top: 240px;
    background-size: contain;
    background-repeat: no-repeat;
}

.donate h3 {
    color: #fff;
    text-align: center;
    font-size: 38px;
    font-weight: 600;
    margin-bottom: 20px;
}

.donate h4 {
    text-align: center;
    font-family: var(--comforter) !important;
    font-size: 160px;
    color: #fff;
    line-height: 90px;
    font-weight: 400;
}

.testimonial-item {
    display: flex !important;
    align-items: center;
    padding: 0 50px;
}

.author-details p {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

.testimonial-item img {
    margin-right: 40px;
    width: 140px;
}

.author-details h4 {
    font-family: var(--open-sans) !important;
    font-size: 24px;
    text-align: left;
    line-height: 30px;
}

.testimonial {
    padding: 50px 0px;
}

.single-mega li span img {
    width: 70px;
}

.single-mega li a {
    text-transform: capitalize !important;
    font-size: 18px !important;
}

.classynav ul li ul li a {
    display: flex;
    align-items: center;
}

.breakpoint-off .classynav ul li .megamenu {
    background: #f2f2f2;
    padding: 35px 0px 0px;
}

.single-mega li span img {
    width: 70px;
}

.classynav ul li ul li {
    display: inline-block;
    width: 24%;
    margin-bottom: 60px;
}

.header_area {
    border-bottom: none;
    /* padding: 30px 0; */
}
.header_area.sticky {
    padding:0px 0;
}
.container {
    margin: 0px auto !important;
}


/*ABOUT*/
.inner-header {
    position: relative;
}

.inner-header .classynav ul li a {
    color: #000;
}

.inner-header .classynav ul li.megamenu-item>a:after {
    color: #000;
}

.about-inner-img {
    height: 840px;
    object-fit: cover;
    border-radius: 10px;
}

.inner-header.sticky {
    background: #fff !important;
}

.about-details ul li {
    font-size: 20px;
    color: #929292;
    line-height: 32px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 20px;
}

.about-details h4 {
    margin-bottom: 30px;
}

.about-details ul li:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #3598C8;
    left: 0;
    top: 8px;
}

.about-content p {
    font-size: 20px;
    color: #202020;
    line-height: 32px;
    text-align: center;
}

.about-content {
    margin: 105px 0px !important;
}

.about-section {
    margin: 105px 0px !important;
}

.about-img-01 {
    width: 100%;
    height: 333px;
    border: 12px solid #fff;
    border-radius: 40px;
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.07);
    margin: 22em 13px 0px;
    object-fit: cover;
    object-position: top;
}

.about-img-02 {
    width: 100%;
    height: 500px;
    border: 23px solid #fff;
    border-radius: 40px;
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.07);
    margin: 0px 13px 0px;
}

.about-img-03 {
    width: 199px;
    height: 303px;
    border: 13px solid #fff;
    border-radius: 40px;
    box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.07);
    margin: 0px 13px 0px;
}

.theory-of-change-inner {
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.floated-text {
    position: absolute;
    font-family: var(--comforter);
    font-size: 184px;
    color: #F9685B;
    text-align: center;
    line-height: 120px;
    transform: rotate(-15deg);
    margin-top: 30px;
}

.floated-text span {
    display: block;
    font-size: 60px;
    color: #000;
}

.theory-section p {
    font-size: 20px;
    color: #202020;
    line-height: 32px;
    text-align: justify;
    margin: 4em 0px;
}

.theory-of-change {
    position: relative;
    margin: 220px 0px !important;
}

.theory-of-change:before {
    position: absolute;
    content: '';
    background: url(../img/textture-03.png);
    width: 500px;
    height: 265px;
    background-size: contain;
    left: -100px;
    right: 0;
    margin: 0px auto;
    background-repeat: no-repeat;
    top: -90px;
}

.theory-of-change:after {
    position: absolute;
    content: '';
    background: url(../img/textture-04.png);
    width: 500px;
    height: 500px;
    background-size: contain;
    left: 0;
    right: 0;
    margin: 0px 428px 0px auto;
    background-repeat: no-repeat;
    bottom: -100px;
    z-index: -1;
}

.theory-step-inner {
    display: flex;
    justify-content: flex-end;
}

.theory-step-inner {
    display: flex;
    justify-content: flex-end;
    max-width: 60%;
    margin: 0px 0px 0px auto;
    align-items: center;
    gap: 30px;
}

.step-number {
    text-align: right;
    position: relative;
    width: 340px;
    padding: 22px;
    left: 0;
    right: 0;
    margin: 0px auto;
    font-family: var(--inter);
}

.step-number h3 {
    color: #3598C8;
    font-size: 40px;
    text-align: center;
}

.step-number span {
    color: #000;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    /* margin-right: 30px; */
}

.back-number {
    color: #C7E8EB;
    position: absolute;
    font-size: 235px;
    top: 0;
    font-weight: 700;
    z-index: -1;
    margin: 0px auto !important;
    text-align: center;
    line-height: 140px;
    opacity: 0.5;
    font-family: var(--inter);
}

.step-details p {
    font-size: 20px;
    line-height: 32px;
    color: #929292;
}

.step-details h4 {
    font-size: 20px;
}

.theory-step-inner2 {
    display: flex;
    justify-content: flex-end;
    max-width: 60%;
    margin: 0px auto 0px 0px;
    align-items: center;
    gap: 30px;
}

.theory-step-inner2 span {
    text-align: left;
    display: block;
}

.download-pdf {
    background: #F9685B;
    padding: 5em 0px;
    margin: 100px 0px 0px;
    text-align: center;
}

.download-pdf .title-heading {
    color: #fff;
    margin-bottom: 50px;
}

.status-list li:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 30px;
    height: 3px;
    left: 0;
    top: 12px;
}

.status-list li {
    display: inline-block;
    width: 46%;
    vertical-align: top;
    text-align: left;
    margin: 0px 16px;
    font-size: 20px;
    margin-bottom: 40px;
    position: relative;
    color: #FFFFFF;
    padding-left: 50px;
}

.middle-arow img {
    max-width: 35px;
}

.status-list li:last-child a {
    background: #ffffff;
    padding: 16px 40px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 400;
}

.status-list li:last-child a:hover {
    opacity: 0.8;
}

.status-list li:last-child:before {
    display: none;
}

.meet-founder {
    background: #C3E7E8;
    padding: 3em 0px;
    position: relative;
}

.meet-founder h2 {
    color: #ffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 100px;
    letter-spacing: 0;
}

.founder-area {
    display: flex;
    align-items: center;
    margin: 4em 0px;
}

.founder-area img {
    max-width: 390px;
    height: 390px;
    object-fit: cover;
}

.founder-info p {
    font-size: 20px;
    color: #737373;
    line-height: 32px;
    margin-bottom: 30px;
}

.founder-info {
    position: relative;
    padding: 0px 40px;
}

.founder-info:before {
    position: absolute;
    content: '';
    background: url(../img/quote.png);
    width: 84px;
    height: 60px;
    top: -80px;
    left: -20px;
    background-repeat: no-repeat;
    background-size: cover;
}

.author-name {
    font-size: 20px;
}

.designation {
    color: #1C66A4;
    text-transform: uppercase;
    font-size: 20px;
}

.team .title-heading {
    font-size: 50px;
    background: -webkit-linear-gradient(#03007D, #1C66A4, #37D5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    max-width: 70%;
    margin: 0px auto;
    line-height: 58px;
    margin-bottom: 80px;
}

.team {
    margin: 90px 0px;
}

.team-name {
    font-family: var(--open-sans);
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px;
}

.Designation {
    color: #1C66A4;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
}

.team-item p {
    font-size: 20px;
    color: #737373;
    line-height: 32px;
    text-align: center;
}

.team-testimonial .slick-slide {
    margin: 0px 30px;
}

.team-img {
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
    margin: 0 auto;
}

.inner-content {
    font-family: var(--inter);
    font-weight: 700;
    font-size: 64px;
    line-height: 70px;
}

.inner-slider-img {
    position: relative;
}

.inner-content {
    font-family: var(--inter) !important;
    font-weight: 700;
    font-size: 64px;
    line-height: 70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
    color: #fff;
}

.down-arrow {
    background: #F9685B;
    text-align: center;
    width: 120px;
    line-height: 120px;
    height: 120px;
    border-radius: 100px;
    font-size: 30px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.team-item span {
    color: #1C66A4;
    text-align: center;
    display: block;
    font-size: 35px;
}

.approch-header .title-heading {
    font-size: 100px;
    background: -webkit-linear-gradient(#03007D, #1C66A4, #37D5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin: 0px auto;
    line-height: 100px;
    text-transform: uppercase;
}

.approch-header p span {
    color: #F9685B;
}

.approch-header p {
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 700;
    line-height: 36px;
    margin: 15px 0px !important;
}

.approch-header img {
    max-width: 968px;
    margin: -70px auto 0px !important;
    display: block;
}

.approch-list-wrapper {
    /* box-shadow: 0px 5px 17px 6px rgba(0, 0, 0, 0.1); */
    box-shadow: -26px 19px 29.3px 0px #0000001A;
    padding: 34px;
    border-radius: 30px;
    position: relative;
    margin-top: 50px;
}
.approch-list-wrapper2{
    box-shadow: 27px 19px 29.3px 0px #0000001A;
    padding: 34px;
    border-radius: 30px;
    position: relative;
    margin-top: 50px;
}

.approch-content h3 {
    font-size: 28px;
    background: -webkit-linear-gradient(#03007D, #1C66A4, #37D5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    margin: 0px auto 14px;
    line-height: 36px;
}

.approch-content p {
    font-size: 20px;
    line-height: 32px;
    color: #929292;
    margin-bottom: 0;
}

.approch-number {
    background: #ffffff;
    text-align: center;
    width: 110px;
    height: 110px;
    border-radius: 100px;
    line-height: 110px;
    position: absolute;
    left: -50px;
    top: 0;
    /* box-shadow: -5px 3px 17px 6px rgba(0, 0, 0, 0.1); */
    box-shadow: -18px 0px 18px 0px #0000000f;

}

.approch-number-2 {
    background: #ffffff;
    text-align: center;
    width: 110px;
    height: 110px;
    border-radius: 100px;
    line-height: 110px;
    position: absolute;
    right: -50px;
    top: 0;
    /* box-shadow: -5px 3px 17px 6px rgba(0, 0, 0, 0.1); */
    box-shadow: 18px 0px 18px 0px #0000000f;
}

.approch-content {
    padding-left: 40px;
}

.approch-number span,
.approch-number-2 span {
    background: #F9685B;
    display: block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0px auto;
    border-radius: 100px;
    color: #fff;
    font-size: 50px;
    font-weight: 800;
}

.approch-number:before {
    position: absolute;
    content: '';
    background: url(../img/texture-05.png);
    width: 56px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 5px;
}

.approch-number-2:before {
    position: absolute;
    content: '';
    background: url(../img/texture-06.png);
    width: 56px;
    height: 100px;
    top: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 4px;
}

.approch-content-2 {
    padding-left: 0;
    text-align: right;
    padding-right: 40px;
}

.approch-content-2 h3 {
    text-align: right;
}

.approch-content-2 p {
    margin-bottom: 30px !important;
}

.case-number-row {
    background: #EEE;
    padding: 30px;
    border-radius: 30px;
}

.case-study-area {
    margin: 100px 0px;
}

.case-number-inner {
    /* background: #03007D; */
    /* background: linear-gradient(257deg, rgba(3, 0, 125, 0) 0%, rgba(28, 102, 164, 1) 0%); */
    background: linear-gradient(260.44deg, #1C66A4 2.29%, #03007D 97.95%, #03007D 98.41%);
    text-align: center;
    max-width: 1060px;
    margin: 0px auto;
    border-radius: 40px;
    padding: 30px 30px 60px;
}

.case-number-inner h3 {
    color: #fff;
    font-size: 157px;
    font-weight: 700;
    font-family: var(--inter);
}

.case-number-inner p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0px !important;
}

.case-student h2 {
    font-family: var(--comforter) !important;
    font-size: 140px;
    text-align: center;
    color: #8F8F8F;
    font-weight: 200;
    margin-top: -50px;
}

.student-photo img {
    max-width: 280px;
    height: 280px;
    object-fit: cover;
    border: 20px solid #eee;
    box-shadow: 0px 5px 17px 6px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    margin: 0px auto 30px;
}

.student-testimonial {
    margin-top: -80px;
}

.student-content p {
    font-size: 20px;
    line-height: 32px;
    color: #929292;
    margin-bottom: 0;
    margin-bottom: 30px;
}

.student-content {
    text-align: center;
    max-width: 80%;
    margin: 0px auto;
}

.student-name {
    font-weight: 400;
    font-size: 30px;
}

.upcoming-banner {
    margin: 3em 0px;
}

.upcoming-banner .title-heading {
    font-size: 50px;
    background: -webkit-linear-gradient(#03007D, #1C66A4, #37D5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 65px;
    margin-bottom: 50px;
}

.event-details p {
    font-size: 20px;
    line-height: 32px;
    color: #929292;
}

.event-img img {
    height: 616px;
    object-fit: cover;
    border-radius: 50px;
}

.event-wrapper {
    margin: 50px 0px 100px;
}

.event-slider .slick-slide {
    margin: 0px 16px;
}

.event-slider-details h3 {
    font-size: 20px;
    line-height: 30px;
}

.event-slider-details {
    padding: 20px 5px;
}

img.ever-slider-img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.event-slider-details .post-time {
    background: transparent;
    max-width: 100%;
    text-align: left;
    padding: 0;
    
}
.event-slider-details .post-time b{
    color: #3598C8;
}

.event-slider-details .excerpt,
.excerpt {
    font-size: 20px;
    line-height: 32px;
    color: #929292;
}

.event-slider-details .post-btn {
    color: #000;
    font-size: 20px;
    margin-top: 30px !important;
    display: block;
}

.event-slider {
    padding: 50px 0px;
}

.slick-prev {
    background: url('../img/arrow-01.png') !important;
    background-repeat: no-repeat !important;
    width: 27px;
    height: 49px;
}

.slick-prev {
    left: -60px;
}

.slick-next {
    background: url('../img/arrow-02.png') !important;
    background-repeat: no-repeat !important;
    width: 27px;
    height: 49px;
}

.slick-next {
    right: -60px;
}
.slick-next:before,
.slick-prev:before{
    display: none;
}
.news-wrapper {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 15px;
    height: 100%;
    box-shadow: 1px 3px 12px rgb(0 0 0 / 20%);
    /* margin-bottom: 40px; */
}

.news-date {
    margin: 14px 0px;
}

.news-details h3 {
    font-size: 20px;
    margin-bottom: 15px !important;
}

.news-img {
    border-radius: 10px;
    height: 266px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.news-details .btn-style {
    width: auto;
    display: inline-block;
    margin: 10px 0px;
    padding: 10px 20px;
}

.news-details {
    padding: 10px !important;
}

.news-details .btn-style {
    min-width: auto;
    display: inline-block;
    margin: 20px 0px 0px;
    padding: 10px 20px;
}

.features-img .news-img {
    height: 600px;
    border-radius: 40px;
}

.newsdetails-area h3 {
    font-size: 40px;
    margin: 30px 0px;
}

.newsdetails-area {
    margin: 30px 0px;
}

.newsdetails-area p {
    font-size: 20px;
    line-height: 32px;
    color: #929292;
    margin-bottom: 30px;
    text-align: justify;
}

.image-gallery li {
    display: inline-block;
    width: 49%;
}

.image-gallery {
    margin: 50px 0px;
}

.latest-news-item {
    display: flex;
    border-bottom: 1px solid #C3C3C3;
    padding: 20px 0px !important;
}

.latest-news-details {
    width: 60%;
}

.thumbails {
    width: 40%;
}

.thumbails img {
    border-radius: 13px;
    height: 150px;
    width: 100%;
    object-fit: cover;
}

.latest-news-details {
    width: 80%;
    margin-left: 20px;
}

.latest-news-details h3 {
    color: #3598C8;
    font-size: 20px;
    margin: 0px 0px 10px;
}

.latest-news-details a {
    color: #F9685B;
}

.latest-news-details .news-date {
    margin-top: 0;
}

.latest-news .title-heading {
    font-size: 36px;
    background: -webkit-linear-gradient(#03007D, #1C66A4, #37D5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0px;
    border-bottom: 1px solid #000;
    line-height: 80px;
    margin-top: 0;
}

.donate-banner-inner {
    background: #03007D;
    padding: 30px;
    border-radius: 50px 50px 0px 0px;
    display: flex;
    align-items: center;
}

.donate-banner-content {
    width: 60%;
}

.donate-banner-content h2 {
    font-size: 50px;
    color: #fff;
    margin-bottom: 60px;
}

.donate-banner-content h4 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
}

.donate-banner-content p {
    font-size: 20px;
    line-height: 32px;
    color: #ffffff;
}

.donate-form-inner label {
    text-transform: uppercase;
    margin: 10px 0px;
    font-size: 20px;
}

.donate-form-inner input {
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #989898;
    line-height: 30px;
    padding: 10px 0px;
    border-radius: 0;
}

.donate-form-inner textarea {
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #989898;
    line-height: 30px;
    padding: 10px 0px;
    border-radius: 0;
}

.donate-form-inner input::placeholder,
.donate-form-inner textarea::placeholder {
    color: #989898;
}

.form-control:focus {
    border: none;
}

.donate-form-inner input[type='submit'] {
    background: #f9685b;
    padding: 10px 26px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: 400;
    margin-top: 30px;
    border:none;
    border-radius: 8px;
}

.qr-code {
    background: #F05223;
    padding: 80px;
}

.qr-code img {
    max-width: 300px;
    margin: 0px auto;
    display: block;
}

.qr-code h4 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 30px;
}

.bank-details h4 {
    font-size: 20px;
    color: #3598C8;
}

.bank-details-wrapper {
    border: 1px solid #D2D2D2;
    padding: 30px;
    margin: 30px 0px;
}

.bank-details-wrapper h2 {
    color: #202020;
    font-size: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.bank-details-wrapper b {
    color: #3598C8;
}

.bank-details-wrapper p {
    font-size: 20px;
    line-height: 18px;
}

.qr-code {
    background: #F05223;
    padding: 170px 80px;
}

.ereport-list-inner {
    background: #EAF5E7;
    padding: 50px;
}

.year-of-report {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 70px;
    margin-bottom: 0px;
}

a.download-btn {
    background: #fff;
    color: #000;
    text-transform: uppercase;
    padding: 10px 0px;
    display: block;
    text-align: center;
    max-width: 130px;
    margin: 0px auto;
    border: 1px solid #000000;
    border-radius: 4px;
}

a.download-btn span {
    color: #F9685B;
}

.report-slider .slick-slide {
    margin: 0px 15px;
}

section.ereport-list {
    margin-bottom: 100px;
}

.annual-reports-inner p {
    color: #5F5F5F;
    font-size: 20px;
    text-transform: uppercase;
}

h2.years {
    color: #e0dddd;
    font-size: 60px;
    font-weight: 900;
}

.annual-reports-inner:hover .years {
    background: -webkit-linear-gradient(#03007D, #1C66A4, #37D5CD);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pdf-download {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pdf-icon {
    font-size: 80px;
    /* color: #e0dddd; */
    margin-right: 20px;
}
.pdf-icon img{
    width: 75px;
    /* filter: grayscale(1); */
    /* opacity: .2; */
}
/* .annual-reports-inner:hover .pdf-icon img{
    filter: grayscale(0);
    opacity: 1;
} */

.pdf-download .download-btn {
    max-width: initial;
    padding: 10px 20px;
    margin: 0px;
}

.contact-wrapper-inner {
    background: #3598C8;
    padding: 60px 0px 0 60px;
    border-radius: 50px 50px 0 0;
    margin: 40px 0px;
    margin-bottom: 0;
    position: relative;
}

h2.contact-heading {
    font-size: 50px;
    color: #fff;
    margin-bottom: 60px;
}

.contact-details p {
    font-size: 36px;
    color: #fff;
    line-height: 45px;
    font-weight: 500;
    margin-bottom: 100px;
}

.contacts span {
    color: #fff;
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}

.contacts a {
    font-size: 28px;
    display: block;
    margin-bottom: 40px;
    color: #fff;
}

.donate-form-inner {
    background: #fff;
    padding: 30px;
    border-radius: 16px 0 0 16px;
    position: relative;
    z-index: 2;
}
.mainForm{
    width: 100%;
    position: relative;
}

.mainForm:before {
    position: absolute;
    content: '';
    background: url(../img/contact-texture.png);
    width: 308px;
    height: 488px;
    left: -75px;
    background-repeat: no-repeat;
    background-size: contain;
    top: -214px;
    z-index: 1;
}

.contact-title {
    position: relative;
}

.contact-title h2 {
    color: #fff;
}

.contact-title img {
    width: 30px;
    margin-top: 80px;
}
.brands-area .single-brands-logo img{
    max-width: 100%;
    height: 100%;
}
.single-brands-logo {
    height: 95px;
}
.reportTxt{
    font-size: 104px;
    font-family: var(--comforter) !important;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.post-btn span{
    display: inline-block;
}
.post-btn:hover span{
    animation: arrow-bounce .8s ease-in-out infinite alternate;
}
.subscribtion_form form{
    width: 100% !important;
}
.subscribtion_form form button i{
    color: #F9685B;
}


@keyframes arrow-bounce {
  0%   { transform: translateX(0); }
  100% { transform: translateX(10px); }
}

@media only screen and (max-width:1200px) {
    .Spread {
        font-size: 50px !important;
    }

    .header_area {
        position: relative;
    }

    .header_area .classy-navbar,
    .header_area .header-meta {
        height: auto;
    }

    .welcome_area:before,
    .welcome_area:after {
        display: none;
    }

    .slick-dots {
        display: none !important;
    }

    /* .header_area.sticky {
        display: none !important;
    } */

}

@media only screen and (max-width:600px) {
    .breakpoint-on .classy-navbar .classy-menu{
        right:-100% !important;
        left: unset;
        width: 100%;
    }
    .breakpoint-on .classy-navbar .classy-menu.menu-on{
        right: 0 !important;
        left: unset;
    }
    .breakpoint-on .classynav{
        margin: 0 !important;
        width: 100%;
    }
    .header_area .classynav ul li a{
        background-color: #fff;
        color:#000;
        /* line-height: 20px; */
        display:block;
    }
    .header_area .classynav ul li .megamenu li a{
        display: flex;
    }
    .megamenu{
        margin-top:20px;
    }
    .single-mega li span img{
        width: 50px;
    }
    .header_area .classynav ul li a br{
        display:none;
    }
    .classynav ul li ul li{
        width: 100%;
        margin-bottom: 30px;
    }
    .header_area{
        padding: 0;
        /* position: fixed; */
        top:0;
        left: 0;
        /* background-color: #0b1e88; */
    }
    .welcome_area_inner{
        padding: 40px 0;
    }
    .slider-heading {
        font-size: 44px;
        line-height: 55px;
        text-align: center;
    }
    .slider-heading br{
        display: none;
    }
    .slider-post-details {
        bottom: 20px;
        left: 20px;
    }
    .testimonial{
        padding-bottom: 0;
    }
    .testimonial-item{
        display: block !important;
        text-align: center;
    }
    .testimonial-item img{
        margin: 0 auto;
    }
    .post-time{
        font-size:12px;
    }
    .post-title{
        font-size: 14px;
    }
    .slider-item {
        border-radius: 20px;
        overflow: hidden;
    }
    .about-img{
        height: auto;
    }
    
    .about-details h3{
        font-size: 28px;
        line-height: 35px;
        margin: 20px 0;
    }
    .about-details h3 br{
        display: none;
    }
    .about-details p {
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px;
    }
    .about-details .btn-style{
        display: inline-block;
    }
    .btn-style{
        font-size: 18px !important;
    }
    .about-section,
    .program-section,
    .we-serve,
    .about-content {
        margin: 30px 0px !important;
    }
    .program-section h2{
        font-size: 30px;
        line-height: 35px;
        margin-top: 15px;
        margin-bottom: 0;
    }
    .tab-content-inner{
        min-height: auto;
    }
    .tab-content-inner img{
        height: auto;
    }
    .panel-section .title-heading,
    .section-header h3,
    .title-heading{
        font-size: 30px;
        line-height: 35px;
        font-weight: 700;
    }
    .step-number{
        text-align: center;
    }
    .btn-style{
        min-width: auto;
    }
    .panel-section .title-heading{
        margin-bottom: 30px;
    }
    .section-header h3{
        text-align: center;
    }
    .panel-section-one h4{
        font-size: 25px;
    }
    .panel-img img {
        width: 90px;
        margin-top: 10px;
    }
    .serve-btnarea{
        margin: 0;
    }
    .video-section{
        padding: 0 15px;
    }
    .youtube-video{
        width: 100%;
        height: auto;
        transform: unset;
    }
    .youtube-video video {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .video-section-header h3{
        font-size: 35px;
        line-height: 45px;
    }
    .count-list h4{
        font-size: 35px;
    }
    .count-list p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #fff;
    }
    .bookOutline{
        min-height: auto;
    }
    .storyList{
        height: 440px;
    }
    .people-count{
        font-size: 40px;
    }
    .economic-section span{
        font-size: 18px;
        margin-left: 10px;
    }
    p.strip-content{
        font-size: 25px;
        line-height: 35px;
        text-align: center;
        margin-bottom: 25px;
    }
    .single-brands-logo{
        height: auto;
        max-width: 100% !important;
        margin: 0 auto;
        width: 100% !important;
    }
    .social-icon{
        text-align: center;
        margin-bottom: 25px;
    }
    .social-btn{
        margin: 0 auto;
    }
    .service-list {
        margin-top: 48px;
    }
    #vertical-tab .vertical-tab-wrapper .vertical-tab-content p{
        font-size: 12px;
    }
    #vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab .title{
        font-size: 16px;
        line-height: 40px;
    }
    #vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab.active .title:before{
        bottom: 0;
    }
    #vertical-tab .vertical-tab-wrapper .vertical-tab .each-tab{
        margin-bottom: 5px;
    }
    .bookOutline:before,
    .bookOutline:after{
        display: none;
    }
    .big-book{
        padding: 0;
    }
    .storyTitle{
        font-size: 35px;
        text-align: center;
    }
    .storyTitle br{
        display: none;
    }
    .bookOutline p{
        font-size: 14px;
        line-height: 25px;
        text-align: center !important;
        padding: 0 ;
    }
    .personImg{
        width: 100px;
        height: 100px;
    }
    .storyList .listItem{
        margin-bottom: 30px;
    }
    .location-details p{
        font-size: 14px;
        line-height: 20px;
    }
    .location-details h3{
        font-size: 25px;
    }
    .maparea h3{
        font-size: 30px;
    }
    .maparea p{
        font-size: 14px;
        line-height: 20px;
    }
    h1.Spread{
        font-size: 40px;
        letter-spacing: 23px;
    }
    .donate h2{
        font-size: 30px;
    }
    .donate{
        padding-top: 230px;
        overflow: hidden;
    }
    .donate:before{
        width: 226px;
        height: 200px;
        top: 0;
    }
    .donate h3{
        font-size: 30px;
    }
    .donate h4{
        font-size: 95px;
    }
    .author-details h4{
        font-size: 24px;
        text-align: center;
    }
    .author-details p {
        font-size: 14px;
        line-height: 24px;
    }
    .inner-content{
        font-size: 30px;
        line-height: 35px;
    }
    .down-arrow {
        width: 30px;
        line-height: 30px;
        height: 30px;
        font-size: 14px;
        bottom: 0;
        right: 0;
    }
    .about-inner-img{
        height: auto;
    }
    .about-img-03,
    .about-img-02,
    .about-img-01{
        display: none;
    }
    .floated-text{
        transform: rotate(0deg);
        position: unset;
        font-size: 130px;
        width: 100%;
    }
    .theory-of-change:before{
        display: none;
    }
    .theory-of-change{
        margin: 40px 0 !important;
    }
    .meet-founder h2{
        font-size: 30px;
    }
    .founder-info{
        padding: 0;
        margin-top: 20px;
    }
    .status-list li{
        width: 100%;
        margin: 0;
        margin-bottom: 40px;
        padding-left: 25px;
        font-size: 16px;
    }
    .team{
        margin: 30px 0;
    }
    .team .title-heading{
        font-size: 30px;
        margin-bottom: 30px;
    }
    .partnerSlider{
        margin-top: 50px;
        margin-bottom: 0;
    }
    .theory-step-inner{
        flex-direction: column;
        max-width: 100%;
        margin: 0;
    }
    .theory-step-inner2{
        flex-direction: column-reverse;
        max-width: 100%;
        margin: 0;
    }
    .theory-step-inner2 .step-number span{
        text-align: center;
    }
    .middle-arow{
        margin-bottom: 30px;
    }
    .about-content p{
        text-align: left;
    }
    .status-list li:before{
        width: 10px;
        height: 2px;
    }
    .step-details{
        text-align: center !important;
        margin-bottom: 30px;
    }
    .download-pdf{
        margin: 0;
    }
    .founder-info:before{
        left: 0;
    }
    .approch-header img{
        display: none;
    }
    .approch-header .title-heading{
        font-size: 50px;
    }
    .approch-number,
    .approch-number-2{
        position: relative;
        left: 0;
        right: 0;
        margin:0 auto;
    }
    .approch-content{
        padding: 0;
        text-align: center;
    }
    .approch-content h3{
        text-align: center;
    }
    .case-number-row{
        padding: 15px;
    }
    .case-number-inner{
        max-width: 100%;
    }
    .student-content{
        max-width: 100%;
    }
    .case-number-inner h3{
        font-size: 50px;
    }
    .case-number-inner p{
        font-size: 18px;
    }
    .case-student h2{
        font-size: 70px;
        margin-top: -28px;
    }
    .student-testimonial{
        margin-top: 0;
    }
    .upcoming-banner .title-heading{
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 20px;
    }
    .event-img{
        margin-bottom: 40px;
    }
    .upcoming-banner{
        margin-bottom: 0;
        margin-top: 20px;
    }
    .event-wrapper{
        margin: 30px 0;
    }
    .event-img img{
        height: auto;
    }
    .slick-prev{
        left: 0;
        z-index: 1;
    }
    .features-img .news-img{
        height: 100%;
    }
    .newsdetails-area h3 {
        font-size: 30px;
    }
    .latest-news-details h3{
        font-size: 18px;
    }
    .slick-next{
        right: 0;
    }
    .slick-next,
    .slick-prev{
        width: 20px;
        height: 40px;
        background-size: 100% !important;
    }
    .event-slider{
        padding-bottom: 0;
    }
    .annual-reports-inner{
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px dashed #0a1e88;
    }
    .col-lg-4:last-child .annual-reports-inner{
        border:none;
    }
    .pdf-download{
        justify-content: center;
    }
    .contact-wrapper-inner{
        padding: 30px;
    }
    h2.contact-heading{
        font-size: 35px;
        margin-bottom: 25px;
    }
    .contact-details p{
        font-size: 18px;
        margin-bottom: 25px;
        line-height: 25px;
    }
    .mainForm{
        margin-top: 200px;
    }
    .mainForm:before{
        width: 205px;
        height: 300px;
        left: 0;
        top: -170px;
    }
    .contacts a{
        font-size: 20px;
    }
    .donate-form-inner{
        border-radius: 16px;
    }
    .contact-title{
        display: none;
    }
    .donate-banner-img{
        position: absolute;
        top: 18px;
        width: 50%;
        right: 0;
    }
    .donate-banner-content{
        width: 100%;
    }
    .donate-banner-content h2 {
        font-size: 30px;
        color: #fff;
        margin-bottom: 35px;
    }
    .donate-banner-content h4 {
        font-size: 24px;
        color: #fff;
        margin-bottom: 20px;
    }
    .donate-banner-content p {
        font-size: 16px;
        line-height: 28px;
        color: #ffffff;
    }
    .qr-code img{
        max-width: 100%;
    }
    .qr-code{
        padding: 50px;
    }
    .donate-img{
        margin-bottom: 25px;
    }
    .bank-details-wrapper b{
        margin-bottom: 10px;
        display: block;
    }
    .bank-details-wrapper p{
        margin-bottom: 25px;
    }
    .donate-banner-inner{
        margin-top: 25px;
        position: relative;
        padding-top: 200px;
    }
    .location{
        padding-top: 140px;
        padding-bottom: 0;
    }
    .maparea{
        margin-bottom: 30px;
    }
    /* .welcome_area{
        margin-top: 67px;
    } */
    .classy-navbar img{
        width: 160px;
    }
    
    .payment-option{
        margin-bottom: 20px;
    }
    
}

@media only screen and (max-width:340px) {
    h1.Spread{
        letter-spacing: 16px;
    }
    .donate-btn{
        margin-right:10px !important
    }
    .down-arrow {
        width: 25px;
        line-height: 25px;
        height: 25px;
    }
    .header_area .classynav ul li .megamenu li a{
        line-height: 22px;
    }
}