/*Header section starts*/
        .header-background{
            background-color: #000 !important;
        }
    /*Header section ends*/

    /* Modal Styles starts */
        .modal-donate {
            display: none; 
            position: fixed; 
            z-index: 5; 
            left: 0;
            top: 0;
            width: 100%; 
            height: 100%; 
            overflow: auto; 
            background-color: rgb(0,0,0); 
            background-color: rgba(0,0,0,0.4); 
        }
        .modal-content {
            background-color: #fefefe;
            margin: 5% auto; 
            padding: 20px;
            border: 1px solid #888;
            width: 80%;
            max-width: 500px;
        }
        .close-button {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }
        .close-button:hover,
        .close-button:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }
        .form-group {
            margin-bottom: 15px;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
        }
        #contactForm input, 
        #contactForm select,
        #contactForm textarea {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
        }
        .modal-form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        .modal-form .full-width {
            grid-column: span 2;
        }
        .modal-form .form-group {
            margin-bottom: 0;
        }
        #modal-success-message{
            display:none;
        }
        #modal-failed-message{
            display:none;
        }
    /* Modal Styles ends */

    /*Campaign donation section starts*/
        .campaign-donation-bg{
            border: none;
            position: relative;
            overflow: hidden;
        }
        .campaign-donation-section{
            padding:100px 0;
        }
        .campaign-donation-title{
            font-size: 48px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #FFF;
            line-height:50px;
        }
        .donation-bg{
            background-color:#FFF;
            border-radius:10px;
            border: 1px solid rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.4);
        }
        .donation-section{
            padding:0px !important;
        }
        .returning-donor-section{
            padding-bottom: 10px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .returning-donor-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            padding: 0 20px 10px;
        }
        .returning-donor {
            font-size: 26px;
            font-family: Roboto, sans-serif;
            font-weight: 600;
            color: #000;
            line-height: 30px;
            padding: 0 20px 0 0;
        }
        .double-the-donation {
            font-size: 20px;
        }
        .custom-image {
            width: 100%;
            max-width: 150px;
            height: auto;
            object-fit: contain;
        }
        .col-12.col-md-8.padding-email-form {
            padding-top: 95px;
        }
        .returning-donor-btn {
            background-color: #E2B016;
            color:#FFF;
            margin-left: 10px;
            flex-shrink: 0;
        }
        .returning-donor-hr{
            border: none;
            background: #E2B016;
        }
        /*.donation-title{
            font-size: 24px !important;
            font-family: 'Duplet', sans-serif !important;
            color: #000000 !important;
            text-align: center !important;
            font-weight: 600;
            line-height: 30px;
            padding: 15px 20px 0;
          */  
           /* font-size: 26px;
            font-family: Roboto, sans-serif;
            font-weight: 600;
            color: #E2B016;
            line-height:30px;
            padding:15px 20px 0;*/
        /*}*/
        .donation-country-section{
            padding: 10px 5px 35px;
        }
        .donation-country-title{
            font-size: 16px;
            font-family: Roboto, sans-serif;
            font-weight: 600 !important;
            color: #000;
            line-height:18.75px;
        }
        .label-font {
            font-size: 16px;
            color: #444;
            font-weight: 600;
            font-family: Roboto, sans-serif;
        }
        .label-font-details {
            font-size: 15px;
            color: #444;
            font-weight: 600;
            font-family: Roboto, sans-serif;
        }
        .form-other {
            font-size: 14px !important;
            font-family: Roboto, sans-serif !important;
        }
        @media (max-width: 767px) {
            .campaign-donation-bg::before {
                clip-path: none;
            }
            .campaign-donation-title {
                padding: 0 0 60px;
            }
            .returning-donor-section {
                flex-direction: row;
                align-items: center;
            }
            .returning-donor {
                margin-bottom: 0;
                margin-right: 20px;
                font-size: 17px;
            }
            .custom-image {
                max-width: 120px;
            }
            .double-the-donation {
                font-size: 18px;
            }
        }
        @media (max-width: 576px) {
            .custom-image {
                max-width: 100px;
            }
        }
        @media (max-width: 991px) {
            .custom-image {
                max-width: 140px;
            }
        }

    /*Campaign donation section ends*/
        
    /*Start my campaign section starts*/
        /*.my-campaign-section-width{
            max-width: 85% !important;
        }
        .my-campaign-section{
            padding:10% 0px;
        }*/
        .sec-color{
            color: #F2C94C;
        }
        .h2-own{
            font-weight: 500;
        }
        .campaign-content{
            font-size: 24px;
            font-family: Roboto, sans-serif;
            font-weight: 400;
            color: #4F4F4F;
        }
        .campaign-button{
            width:280px;
            height:50px;
            background: #F2C94C;
            font-size: 22px;
            font-family: Roboto, sans-serif;
            font-weight: 600;
            color:#000;
            border-radius: 5px;
            margin: 20px 0px;
        }
        .campaign-button-text{
            font-size: 22px;
            padding:9px 0px;
            font-weight: 600;
        }
        .donation-count{
            display: flex;
            flex-direction: row;
            overflow: hidden;
            border: 1px solid #8CC63F;
            border-radius: 8px;
        }
        .donation-count-border{
            margin-right: 0px !important;
            margin-left: 0px !important;
        }
        .donation-count-content{
            font-size: 36px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            text-align: center;
        }
        .donation-count1{
            background-color: #8CC63F;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
        }
        .donation-count-section{
            text-align: center;
        }
        .donation-count-number{
            font-size: 40px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #fff;
            display: block;
        }
        .donation-count-children{
            font-size: 20px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #fff;
            display: block;
        }
    /*Start my campaign section ends*/
    
    /* Donation funds program starts */
        .title{
            font-size: 36px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #000;
            padding:10px 0px;
        }
        .sub-title{
            font-size: 33px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #000;
            padding:10px 0px;
        }
        .content{
            font-size: 28px;
            font-family: Roboto, sans-serif;
            font-weight: 400;
            color: #4F4F4F;
            line-height: 38px;
            padding:10px 0px;
        }
        .donation-fund-card{
            border:1px solid #F2C94C;
            border-radius:20px;
            margin-bottom: 20px
        }
        .donation-fund-card-padding{
            padding:30px;
        }
        .donation-fund-head {
            text-align: center;
            color: #F2C94C;
            font-weight: 800;
            font-size: 21.5px;
            font-family: Roboto, sans-serif;
        }
        .donation-fund-program {
            margin: 35px 0;
        }
        .img-fluid {
            max-width: 100%;
            height: auto;
            border-radius: 8px;
        }
        @media (max-width: 768px) {
            .title {
                font-size: 28px;
            }
            .sub-title {
                font-size: 23px;
            }
            .content {
                font-size: 20px;
            }
            .donation-fund-card-padding {
                padding: 20px;
            }
            .donation-fund-head {
                font-size: 18px;
            }
        }
    /* Donation funds program ends */
        
    /*Why monthly section starts*/
        .background-secondary{
            background-color:#F2C94C;
            padding:35px 0;
        }
        .why-monthly-card{
            background-color:#fff;
            border-radius: 10px;
            margin:0px 10px;
        }
        .why-monthly-title{
            font-size: 21px;
            font-family: Roboto, sans-serif;
            font-weight: 500;
            color: #333333;
            line-height: 26px;
        }
        .why-monthly-content{
            font-size: 16px;
            font-family: Roboto, sans-serif;
            font-weight: 400;
            color: #4F4F4F;
            line-height: 26px;
        }
        .why-monthly-padding{
            padding: 30px 34px;
        }
        @media (min-width: 768px) {
            .why-monthly-card-width {
                max-width: 30.333333% !important;
            }
        }
        .donation-section {
            padding: 0px !important;
        }
        .donation-count .col {
            padding: 20px;
        }
        .donation-message {
            flex: 3;
            background-color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        @media (max-width: 768px) {
            .donation-count {
                flex-direction: column;
            }
            .donation-message, .donation-count1 {
                flex: 1;
            }
            .donation-count1{
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            }
        }
        /*Why monthly section ends*/
        
        /*Students leadership journey starts*/
        .background-tertiary{
            padding: 30px 0px;
            background-color:#FF007B;
        }
        .row.student-journey-card-row {
            padding: 10px 0px 60px;
        }
        .student-journey-signup {
            padding-top: 30px;
            padding-bottom: 45px;
        }
        .students-journey-title{
            padding:30px 0px;
            font-size: 36px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color:#FFFFFF;
            line-height:42.19px;
        }
        .students-journey-img-wrapper {
            flex: 1;
        }
        .students-journey-img{
            height:100%;
            width: 100%;
            border-radius: 10px 0px 0px 10px;
        }
        .students-journey-card{
            border-radius:10px;
            height:202px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            background-color: #FFFFFF;
            margin-bottom: 20px;
        }
        .student-journey-bg{
            background-color:#FFFFFF;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex: 1;
        }
        .student-journey-title{
            font-size: 21px;
            font-family: Roboto, sans-serif;
            font-weight: 500;
            color:#333333;
            line-height:26px;
        }
        .student-journey-content{
            font-size: 15px;
            font-family: Roboto, sans-serif;
            font-weight: 400;
            color:#4F4F4F;
            line-height:25px;
            padding:15px 0px;
        }
        .student-journey-story{
            font-size: 12px;
            font-family: Roboto, sans-serif;
            font-weight: 500;
            color:#FF007B;
        }
        @media (min-width: 768px) {
            .students-journey-card {
                flex-direction: row;
            }
        }
        .student-journey-link-wrapper {
            display: flex;
            align-items: center;
            padding:10px 0px 0px 0px;
        }
        hr {
            border: 0;
            height: 1px;
            background: #CCCCCC;
            margin: 0;
            flex-grow: 1;
        }
        .stories-signup-bg{
            background-color:#FFFFFF;
            border-radius: 20px;
            padding: 0px;
            max-width: 700px;
            margin: auto;
        }
        .stories-signup{
            padding: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .signup-email-input {
            padding: 10px 0 4px;
        }
        #email{
            border:1px solid #F2C94C;
            padding: 10px;
            font-size: 12px;
            font-family: Roboto, sans-serif;
            border-radius: 20px;
            width: 80%;
            text-align:center;
        }
        .story-signup-button{
            height:36px;
            background: #F2C94C;
            font-size: 16px;
            font-family: Roboto, sans-serif;
            font-weight: 600;
            color:#FFFFFF;
            border-radius: 20px;
            border: none;
            cursor: pointer;
            padding: 0 20px;
            width:100%;
        }
        .signup-btn-crct {
            padding: 4px 9px 4px 4px !important;
        }
        @media (max-width: 768px) {
            .signup-btn-crct {
                padding: 4px 4px 4px 4px !important;
            }
            .stories-signup-bg {
                padding: 10px;
            }
            .story-signup-button {
                margin-top: 10px;
            }
            .students-journey-card {
                flex-direction: column;
            }
            .students-journey-img {
                border-radius: 10px 10px 0 0;
            }
            #email{
                padding: 5px;
            }
            .row.student-journey-card-row {
                padding: 10px 0px 0px;
            }
        }
    /*Students leadership journey ends*/
        
    /*Helping ways section starts*/
        .helping-ways-bg {
            position: relative;
        }
        .helping-ways-bg .container {
            position: relative;
            z-index: 1;
        }
        .helping-ways-padding{
            padding:40px 0px 70px;
        }
        .helping-ways-card{
            position: relative;
            width:100%;
            height:auto;
            border-radius:90px 10px 10px 10px;
            background-color:#FFFFFF;
            margin-bottom: 20px;
        }
        .helping-ways-card-logo{
            background: linear-gradient(98.24deg, #FF007B 5.38%, #F96939 86.2%);
            border-radius:25px;
            width: 80px;
            height: 80px;
            transform: rotate(45deg);
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: -40px;
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
        }
        .sign-up-btn{
            background-color:#fff;
        }
        .sign-up-btn:hover{
            background-color:#fff;
        }
        .helping-ways-card-font{
            font-size: 40px;
            font-weight: 900;
            color:#FFFFFF;
            line-height:46px;
            text-align: center;
            transform: rotate(-45deg);
            padding:20px;
        }
        .helping-ways-section{
            padding:30px;
        }
        .helping-ways-title{
            font-size: 21px;
            font-family: Roboto, sans-serif;
            font-weight: 600;
            color:#333333;
            line-height:26px;
        }
        .helping-ways-content{
            font-size: 16px;
            font-family: Roboto, sans-serif;
            font-weight: 400;
            color:#4F4F4F;
            line-height:26px;
        }
        .helping-ways-link{
            font-size: 16px;
            font-family: Roboto, sans-serif;
            font-weight: 600;
            color:#FF007B;
            line-height:18.75px;
            border:none;
        }
        .pointer {
            cursor: pointer;
        }
        .helping-ways-link:hover{
            color:#FF007B;
        }
        .arrow {
            font-size: 16px;
            border: solid #FF007B;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 3px;
        }
        .right {
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
        }
        @media (max-width: 768px) {
            .helping-ways-padding {
                padding: 20px 0px 50px;
            }
            .helping-ways-card {
                height: auto;
                border-radius: 10px;
                padding: 20px;
            }
            .helping-ways-card-font {
                font-size: 30px;
                line-height: 36px;
            }
            .helping-ways-section {
                padding: 20px;
            }
            .helping-ways-title {
                font-size: 18px;
            }
            .helping-ways-content {
                font-size: 14px;
            }
            .helping-ways-link {
                font-size: 14px;
            }
        }
        @media (min-width: 1100px) {
        .helping-ways-card{
            height:300px;
        }
        }
    /*Helping ways section ends*/
        
    /*Enabler section starts*/
        .enabler-section{
            padding:100px 0px;
            position: relative;
        }
        .enabler-section-card{
            padding:40px;
            font-size: 36px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #FFFFFF;
            line-height:50px;
            position: relative;
            z-index: 2;
        }
        .enabler-section-count{
            padding:40px 0px 0px 0px;
            font-size: 64px;
            font-family: Roboto, sans-serif;
            font-weight: 800;
            color: #F2C94C;
            line-height:75px;
            position: relative;
            z-index: 1;
        }
        .enabler-section-enablers{
            padding:6px;
            font-size: 24px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #F2C94C;
            line-height:28.13px;
            position: relative;
            z-index: 1;
        }
        @media (max-width: 768px) {
            .enabler-section {
                padding: 50px 0px;
            }
            .enabler-section-bg {
                padding: 20px;
            }
            .enabler-section-card {
                font-size: 28px;
                line-height: 40px;
                padding: 20px;
            }
            .enabler-section-count {
                font-size: 48px;
                line-height: 60px;
                padding-top: 20px;
            }
            .enabler-section-enablers {
                font-size: 20px;
                line-height: 24px;
                padding: 4px;
            }
        }
        @media (max-width: 576px) {
            .enabler-section {
                padding: 30px 0px;
            }
            .enabler-section-bg {
                padding: 10px;
            }
            .enabler-section-card {
                font-size: 24px;
                line-height: 32px;
                padding: 10px;
            }
            .enabler-section-count {
                font-size: 36px;
                line-height: 48px;
                padding-top: 10px;
            }
            .enabler-section-enablers {
                font-size: 18px;
                line-height: 22px;
                padding: 2px;
            }
        }
    /*Enabler section ends*/
        
    /*Hear our Enablers section starts*/
        .hear-enablers-section{
            margin: 110px 0 90px;
        }
        .testimonials-bg{
            background-color: #FFFFFF;
            border-radius: 20px;
            padding: 0px;
            margin: 0 0 20px 0;
            max-width: 175px;
            text-align: center;
        }
        .testimonials-title{
            padding:6px 0px;
            font-size: 18px;
            font-family: Roboto, sans-serif;
            font-weight: 500;
            color: #FF007B;
            line-height:21.09px;
        }
        .testimonials-section{
            padding:20px 0;
        }
        .testimonials-head{
            font-size: 40px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #000;
            line-height:46.88px;
        }
        .testimonials-head-span{
            color: #FF007B;
        }
        .testimonials-content{
            padding:30px 0;
            font-size: 18px;
            font-family: Roboto, sans-serif;
            font-weight: 500;
            color: #000;
            line-height:21.09px;
        }
        .testimonials-review-bg{
            background-color:#FFF;
            border-radius:8px;
        }
        .testimonials-review-section{
            padding:40px 60px 0;
        }
        .testimonials-review{
            font-size: 18px;
            font-family: Roboto, sans-serif;
            font-weight: 400;
            color: #67687A;
            line-height:28px;
        }
        .testimonials-image-section{
            display: flex;
            align-items: center;
            padding:30px 60px;
        }
        .testimonials-image{
            border-radius: 50%;
            width: 100px;
            height: 100px;
            margin-right: 20px;
        }
        .testimonials-image-name-section{
            padding:0; 
        }
        .testimonials-image-name{
            font-size: 16px;
            font-family: Roboto, sans-serif;
            font-weight: 700;
            color: #000;
            line-height:18.75px;
        }
        .testimonials-location{
            font-size: 16px;
            font-family: Roboto, sans-serif;
            font-weight: 400;
            color: #67687A;
            line-height:18.75px;
            padding: 5px 0px;
        }
        @media (min-width: 768px) {
            .width-correction {
                max-width: 57.58888% !important;
            }
        }
        @media (max-width: 768px) {
            .hear-enablers-section {
                margin: 50px 0 40px;
            }
            .testimonials-review-section {
                padding: 20px 30px 0;
            }
            .testimonials-image-section {
                flex-direction: column;
                align-items: flex-start;
                padding: 20px 30px;
            }
            .testimonials-image {
                margin-bottom: 20px;
            }
            .testimonials-bg {
                margin-bottom: 20px;
            }
        }
    /*Hear our Enablers section ends*/
        
        .donation-subtitle {
            font-size: 22px;
            font-family: Roboto, sans-serif;
            font-weight: 600;
            color: #E2B016;
            line-height: 30px;
            padding: 0 0;
        }
        .donation-type-radio{
            margin: 0;
            padding: 0px 12px;
        }