.content-wrapper {

    width: 100%;

    padding: 20px 30px 0 30px;

    display: grid;

    grid-template-columns: 1fr;

    grid-template-rows: 1fr;

    background: #fff;

    border-radius: 20px;

    border: 2px solid #f1f1f1;

}



.content.active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    -webkit-transform: translateX(0px);

    transform: translateX(0px);

}



.content {

    width: 100%;

    grid-row: 1/-1;

    grid-column: 1/-1;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transform: translateX(-20px);

    transform: translateX(-20px);

    transition: 0.3s ease-in-out;

}



.st-donation-box .nav-tabs .nav-link {

    background: #efefef;

    color: #fcb629;

    border: none !important;

    border-radius: 0 !important;

    padding: 10px 10px;

    font-size: 17px;

    font-weight: 500;

}

.st-donation-box .nav-tabs {

    border-bottom: 2px solid #fcb629;

    margin-bottom: 20px;

}

.donate-div-main .head {

    /* padding: 20px 30px; */

    padding: 0px 0 19px;

    margin-bottom: 0;

    font-weight: 600;

}

.donate-div-main .head {

    padding: 30px;

    margin-bottom: 0;

}





h1.head {

    /* font-size: 40px; */

    font-size: 35px;

    font-weight: 100;

}





.option-label {

    width: 100%;

    font-weight: normal;

    cursor: pointer;

}



.payment-options li{

    width:24%;

   

}



.option-label>.pay-text {

    display: block;

    background: #fcb629;

    color: #333;

    font-size: 21px;

    text-align: center;

    font-weight: 400;

    padding: 5px 10px;

    border-radius: 2px;

    background: #e9e9e9;

}



.main-big-input .donation-amount {

    padding-left: 100px !important;

    padding-right: 140px !important;

}

.main-big-input .form-control {

    /* padding: 25px 20px !important; */

    border-radius: 0px;

    padding-left: 20px;

    padding-right: 20px;

    height: 50px;

}

.main-big-input .donation-amount, .main-big-input .inp-prefix, .main-big-input .inp-postfix {

    font-size: 90px;

    font-weight: 400;

    color: #333;

    text-align: right;

}

.main-big-input .donation-amount, .main-big-input .inp-prefix {

    

    left: 10px;

    top: 10px;

}

.main-big-input .donation-amount,  .main-big-input .inp-postfix {

    

    right: 10px;

    top: 10px;

}

.main-big-input .donation-amount {

    height: 150px !important;

    background: #dcf0f9;

    padding-left: 75px;

    border: none;

}







.myButton {

    background: #fcb629;

    border-color: #fcb629;

    text-align: center;

    text-transform: uppercase;

    line-height: 14px;

    padding: 15px 40px;

    border-radius: 0;

    width: 200px;

    margin: 0 auto;

}



.main-big-input .donation-amount {

    padding-left: 100px !important;

    padding-right: 140px !important;

}



.main-big-input .donation-amount, .main-big-input .inp-prefix, .main-big-input .inp-postfix {

    font-size: 90px;

    font-weight: 400;

    color: #333;

    text-align: right;

}

.main-big-input .donation-amount {

    height: 150px !important;

    background: #dcf0f9;

    padding-left: 75px;

    border: none;

}



.donate-div-main .form .form-group.lt {

    padding-right: 10px;

    padding-bottom: 10px;

}



.donate-div-main .form .form-group.lt, .donate-div-main .form .form-group.rt {

    width: 50%;

}



.donate-div-main .form .form-group.ct {

    width: 100%;

    padding-bottom: 10px;

}

.st-donation-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    background-color: #fcb629;

    color: #fff;

    border: none !important;

    border-radius: 0 !important;

}



.main-big-input label {

    text-transform: uppercase;

    font-size: 13px;

    letter-spacing: 1px;

    font-weight: 600;

    color: #606060;

    margin-bottom: 3px;

}



.additional-info {

    margin: 5px 0 0;

    font-size: 13px;

}



.donate-div-main .form-content {

    padding: 30px 0;

}



@media screen and (min-width: 768px){

    

    .form-credit-card > .inner {

        max-width: 100%;

    }

}



.form-credit-card > .inner {

    background: #efefef;

    padding: 25px;

    border-radius: 30px;

}



.StripeElement {

    box-sizing: border-box;

    /* height: 45px; */

    padding: 15px 15px;

    border: 1px solid #ced4da;

    border-radius: 0px;

    background-color: white;

    -webkit-transition: box-shadow 150ms ease;

    transition: box-shadow 150ms ease;

}



.form-credit-card {

    margin-bottom: 0px;

    /* border:1px solid #eee; */

}

.form-credit-card .StripeElement{

    height: 50px;

    line-height: 50px;

}



.main-big-input textarea.form-control {

    height: 100px;

}



 .st-product-single-item .img-sec {

    padding-bottom: 100%!important;

} 



.st-product-single-item {

    /*border: 1px solid #eee;*/

}



#donation-page #donate-div {

   /* max-width: 776px; */

    margin-top: 0px!important;

    position: relative;

    padding-top: 15px;

}  



.nsoMVV p, .nsoMVV ul li {

    font-size: 20px;

    line-height: 30px;

    font-weight: 500;

    list-style: none;

}



.d-flex ul li {

    list-style: disc;

    margin-left:20px;

}



.nsoMVV h4 {

    color: #171E51;

    font-size: 27px;

    font-weight: 700;

    margin-bottom: 25px;

}



.vInnerSlider {

    background: #171E51;

    min-height: 300px;

    position: relative;

}

.vInnerSlider {

    background-size: 100% 100%!important;

}

.vInnerSlider {

    z-index: 1;

}



.innerMainHead {

    color: #fff;

    font-weight: 800;

    font-size: 60px;

}



.innerSmHead {

    font-size: 25px;

    color: #fff;

    margin: 20px 0 30px;

    font-weight: 600;

}



.vInnerSliderText {

    margin: auto;

    width: 100%;

    top: 21%;

    position: absolute;

   

    text-align: center;

    

}





.xs-black-overlay {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    z-index: 0;

}



.breadCrumb {

    background: #171E51;

    display: inline-block;

    color: #fff;

    padding: 10px 30px;

    border-radius: 100px;

    display: none !important;

}





.header_gif h4 {

    font-family: 'Lato', sans-serif;

    font-weight: bold;

    color: #fcb60c;

    letter-spacing: 1px;

    font-size: 13px;

    margin-bottom: 10px;

}



.nsoContactForm {

    background: #171E51;

    margin-top: -150px;

    z-index: 2;

    position: relative;

    margin-bottom: 90px;

}



.nsoContactMap {

    padding: 50px 50px 50px 0px;

}

.rgHead .nsoAboutBT {

    color: #626c84;

    font-size: 25px;

    font-weight: 600;

    text-align: left;

}



@media (max-width: 767px){

   .main-big-input .donation-amount, .main-big-input .inp-prefix, .main-big-input .inp-postfix {

      font-size: 50px;

    } 



    .main-big-input .form-control {

      /*padding: 25px 12px 20px !important;*/

      padding-left: 12px !important;

      padding-right: 12px !important;

      border-radius: 0 !important;

      font-size: 13px;

    }

    .main-big-input .donation-amount {

      height: 90px !important;

      padding-left: 55px !important;

      padding-right: 82px !important;

    }

    

    

    .main-big-input .donation-amount, .main-big-input .inp-prefix, .main-big-input .inp-postfix {

        font-size: 50px;

    }

    

    .donate-div-main .form .form-group.lt, .donate-div-main .form .form-group.rt {

        width: 100%;

    }



    .donate-div-main .form .form-group.lt {

        padding-right: 0px;

        padding-bottom: 10px;

    }

    .donate-div-main .form .form-group.rt {

        padding-left: 0px;

        padding-bottom: 10px;

    }



}