html {
    height: 100%;
}

input {
    height: 45px;
}

.border {
    border: 1px solid black;
    
}

.shadow {
    -webkit-box-shadow: 0px 34px 93px -52px rgba(36,30,36,1);
    -moz-box-shadow: 0px 34px 93px -52px rgba(36,30,36,1);
    box-shadow: 0px 34px 93px -52px rgba(36,30,36,1);
}

.nav-item-style{
    width: 50%;
}

.nav-link, .nav-link.active {
    width: 100%;
    border-radius: 0;

}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: black;
    background-color: #ffc107;
    font-weight: 500;
    border-bottom: .5px solid rgba(55, 55, 55, 0.501);
    height: 45px;
}

.nav-pills .nav-link, .nav-pills .show>.nav-link {
    color: black;
    background-color: #fff !important; 
    font-weight: 500;
    border-bottom: .5px solid rgba(55, 55, 55, 0.501);
    border-radius: 0;
    height: 45px;
}

.btn-enable {
    border-radius: 10px;
  /*  width: 80%; */
    height: 40px;

}

.btn-google {
    border-radius: 0;
    width: 80%;
    border: 1px solid rgba(24, 24, 24, 0.411);
    height: 45px;

}

.w80 {
    width: 80%;
}

#campaign_cause_custom {
    display: none;
}

.daysRadio{
    visibility: hidden;
    width: 0;
    height: 0;
}

.radio-label {
    padding: 10px;
    width: 100%;
    background-color: #f2efeb;

}

.radio-div {
    padding: 0;
    text-align: center;
    width: 32.5%;
    margin: 0;
    cursor: pointer;
}

.campaign-days {
   /* background-color: #ffc107;*/ 
    padding: 0%;
}

select {
    height: 45px;
}

a {
    text-decoration: solid;
}

small{
    color: lightgray;
}

.banner {
    height: 500px;
    position: relative;
    overflow: hidden;
    
}

.banner2 {
    height: 100vh;
    position: relative;
    overflow: hidden;
    
}

.banner img {
    width: 100%;
    z-index: -1;
    opacity: 1;
    /*filter: invert(0.2);*/
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
}
.fluid-container.banner.p-0.m-0::before  {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(6, 6, 6, 0.5); /* Change the color and opacity as needed */
}

.banner2 img {
    width: 100%;
    z-index: -1;
    opacity: 1;
    filter: invert(0.3);
}

li.nav-item.tab1 {
    width: 50%;
}

li.nav-item.tab2 {
    width: 50%;
}

h5{
    color: #000000;
}

.split-70 {
    width: 70%;
}

.split-30 {
    width: 30%;
}
.split-60 {
    width: 60%;
}

.split-40 {
    width: 40%;
}
.banner-heading {
    
    font-size: 60px;
    font-weight: 500;
    z-index: 10;
    text-align: center;
    font-family: 'DupletSemibold', sans-serif !important;
    line-height: 65px;
    letter-spacing: 1.5px;
    width: 100%;
    margin-bottom: 10px;
}

.containerShare {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.columnShare {
    width: 100%; /* Each column takes up 30% of the container width */
    margin-bottom: 20px; /* Adjust margin as needed */
    background-color: white;
}

.sticky {
    position: sticky;
    top: 0;
    z-index: 1000; /* adjust as needed */
}


.split-70 {
    width: 70%;
}

.split-30 {
    width: 30%;
}

@media (max-width: 1200px) {
.social-linkAlt2 {
    width: 10px;
    min-width: 110px;
    margin: 10px;
}
}

@media (max-width: 768px) {
   
   .split-70 {
    width: 100%;
    
}
a.shadow.btn.btn-warning.text-uppercase.marginclassleft {
    font-size: 14px;
    padding: 9px;
}

a.shadow.btn.btn-warning.text-uppercase {
    font-size: 14px;
}

.split-30 {
    width: 100%;
} 


.social-linkAlt2 {
    width: 10px;
    min-width: 140px;
    margin: 10px;
}

.banner-heading
{
    font-size: 32px;
    font-weight: 600;
}
}

@media (max-width: 650px){
a.shadow.btn.btn-warning.text-uppercase {
    font-size: 14px;
    padding: 3px;
}
}
@media (max-width: 568px){
a.shadow.btn.btn-warning.text-uppercase.marginclassleft {
    font-size: 14px;
    padding: 5px;
}

a.shadow.btn.btn-warning.text-uppercase {
    font-size: 14px;
    padding: 3px;
}

.social-linkAlt2 {
    width: 10px;
    min-width: 40px;
    margin: 10px;
}

.btn-right {
    margin-left: 0% !important;
    margin-right: 0px;
    width: 110px;
}
}

.cardRight {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adjust shadow values as needed */
    margin-bottom: 20px;
    padding: 20px;
}
@media (min-width: 1280px){
.container {
    max-width: 1280px;
}}
.cardRight .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}



.cardRight .col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .cardRight .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


/* Adjust padding, border-radius, shadow, and other styles as needed */


.banner-text {
    position: absolute;
    bottom: 10%;
    /*top: 25%; */
    right: 20%; 
    left: 20%;
    color: white;
    font-size: 60px;
    font-weight: 500;
    z-index: 10;
    text-align: center;
    font-family:  'DupletRegular', sans-serif !important;
    line-height: 65px;
    letter-spacing: 1.5px;
    background-color: #00000094;
}

@media only screen and (max-width:600px){
    .banner-text {
        position: absolute;
        bottom: 10%;
        /*top: 25%; */
        right: 0%; 
        left: 0%;
        color: white;
        font-size: 22px;
        font-weight: 500;
        z-index: 10;
        text-align: center;
        font-family: 'DupletRegular', sans-serif !important;
        line-height: 40px;
        letter-spacing: 1.5px;
        background-color: #00000094;
    }
}

.boxclass
{
    width: 80%;
    align-items: center;
}

.flex-container
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    align-content: space-between;
    
   
    justify-content: center;
}

.campaign-add {
    position: absolute;
    
    bottom: 45%;
    right: 40%;
    color: white;
    font-size: 30px;
    z-index: 10;
    text-align: center;
    font-weight: 700;
}

.m-auto.text-black {
    text-align: justify;
}

.campaign-description {
     		    font-size: 16px !important;
     		    font-family: 'DupletRegular', sans-serif !important;
     		    font-style: normal !important;
     		    line-height: 30px !important;
     		    font-weight: 400 !important;
     		    color: #232323 !important;
     		    padding-top: 0;
     		    text-align: justify;
    }

.social-link {
    width: 32px;
    min-width: 32px;
    margin: 10px;
}
.social-linkAlt {
    width: 50px;
    min-width: 50px;
    margin: 10px;
}

.social-linkAlt2 {
    width: 10px;
    min-width: 140px;
    margin: 10px;
}

button.btn-right.shadow.btn
{
    width: 110px;
}
.page-buttons
{
    z-index: 999;
    margin-top: 50px;
}

.a.shadow.btn.btn-secondary.w-50.btn-enable.p-0.pt-1.text-center {
    font-size: larger !important;}


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

.text-line {
    font-size: 18px;
}

a.shadow.w-100.btn.text-light.text-center:hover {
    background-color: #1f2937;
}

button.btn-center.shadow.btn.btn-primary.center.w-50.btn-warning.btn-enable:hover
{
    background-color: #1f2937;
}



input.shadow.btn.text-center.btn-primary.donatebtn.w-100.btn-warning.btn-enable
{
    font-size: larger;
}
input.shadow.btn.text-center.btn-primary.donatebtn.w-100.btn-warning.btn-enable:hover
{
    background-color: #000000 !important;
    border-color: black !important;
    color: white !important;
    font-size: larger;
}
code, kbd, pre, samp
{
    font-family: 'DupletRegular', sans-serif !important;
}
.btn-right
{   margin-left: 0% !important;
    margin-right: 15px;}

.btn-right:hover
{   background-color: #1f2937 !important;
    color: white !important;}

.w-50
{
    width: 100% !important;
}

.row.center.shadow.px-5.py-0.col-md-12.w100.my-5.m-auto {
    width: 40% !important;
}

p.centerP {
    margin-top: 80%;
}

p.orClass{
    position: relative;
    margin: 20px 20px;
    
}

p.orClass:before {
    content: "";
    display: block;
    width: 100px;
    height: 1.5px;
    background: #25252565;
    left: 25px;
    top: 50%;
    position: absolute;
  }

p.orClass:after {
content: "";
display: block;
width: 100px;
height: 1.5px;
background: #25252565;
right: 25px;
top: 50%;
position: absolute;

}

      /*  .marginclassleft
        {
            float:left;
            text-align:left;
            margin-left: 25px;
        }

        .marginclassright
        {
            float:right;
            text-align:right;
            margin-left: 25px;
        }*/

        @media only screen and (max-width:320px){
            .buttonfont
            {
                font-size: 12px;
            }
        }

@media only screen and (max-width:600px){
    
    .whitehide
    {
        display: none;
    }

    p.orClass:before {
        content: "";
        display: block;
        width: 50px;
        height: 1.5px;
        background: #25252565;
        left: 25px;
        top: 50%;
        position: absolute;
      }
    p.orClass:after {
        content: "";
        display: block;
        width: 50px;
        height: 1.5px;
        background: #25252565;
        right: 25px;
        top: 50%;
        position: absolute;
        
        }

        .marginclassleft
        {
            float:left;
            text-align:left;
            margin-left: 5px;

        }

        .marginclassright
        {
            float:right;
            text-align:right;
            margin-left: 5px;
        }
        

}

.single-line {
    display: inline-flex;
}

.address-block p{
    margin-bottom: 0;
}

#offlineDetail{
    display: block;
}

input[type="radio"]:checked + label.radio-label {
    background-color: #ffc107;
}

.radio-label{
    cursor:pointer;
}

th.centeralign {
    text-align: center;
    vertical-align: baseline;
}
td.centeralign {
    text-align: center;
    vertical-align: baseline;
}

.column.col-size {
    width: auto !important;
    height: auto !important;
    display:flex;
    align-items:center;
}
@media only screen and (max-width:400px){
    .column.col-size {
        width: auto !important;
        height: auto !important;
        display:flex;
        align-items:center;
    }

    button.btn-center.shadow.btn.btn-primary.center.w-50.btn-warning.btn-enable {
        font-size: 14px;
    }

    p.orClass:before
    {
        width: 100px;
    }

    p.orClass:after
    {
        width: 100px;
    }
    p.centerP {
        margin-top: 0%;
    }

    .sharecss{
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
    }   

    .sharecssinner{
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
        margin-top: 0.25rem ;
        margin-bottom: 0.25rem ;
    }
    .footerinner{
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .testimonialpadding
    {
        padding-right: 0rem!important;
        padding-left: 0rem!important;
        margin-right: 0rem!important;
        margin-left: 0rem!important;
    }
    .donatebutton {
        height: 70px;
        font-size: xx-large;
        padding: 0.5rem !important;
    }
    .row.center.shadow.px-5.py-0.col-md-12.w100.my-5.m-auto {
        width: 100% !important;
    }
}

@media only screen and (min-width:401px){
    .donatebutton {
        height: 75px;
        font-size: xx-large;
        padding: 0.8rem !important;
    }
.sharecss{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}   

.sharecssinner{
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.footerinner{padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.testimonialpadding
{
    padding-right: 1rem!important;
    padding-left: 1rem!important;
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}

}

h1.text-black {
    font-size: x-large;
}

@media (max-width: 900px) {
 #donorinfo {
    /* top: -100px; */
    /* scroll-margin-top: 48vh; */
    height:50px;
    display: block;
    position: relative;
    margin-top: -100px;
    font-family: 'DupletSemibold', sans-serif !important;
    
    /* visibility: hidden; */
    } 
    .campmobNOview
     {
         display:none !important;
     }
     
     .elcreatebg {
        background-color: #f04e36 !important;
        }
        
    .elplaybg
    {
        background-color:#8bc53f !important;
    }
     
    .campgoalsize {
        font-size: large !important;
        font-weight: 700;
        font-family: 'DupletSemibold', sans-serif !important;
    }

    .campgoalsize1 {
        font-size: large !important;
        font-weight: 700;
        font-family: 'DupletSemibold', sans-serif !important;
    }
    
    .banner-heading {
    
        font-size: 36px;
        font-weight: 600;
        z-index: 10;
        text-align: center;
        font-family: 'DupletSemibold', sans-serif !important;
        line-height: 40px;
        letter-spacing: 1.5px;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
   
}

@media (min-width: 901px) {
 .webNOview
 {
     display:none !important;
 }
 
 a.shadow.w-100.btn.text-light.text-center {
    padding: 15px !important;
}

.elcreatebg {
    background-color: #f04e36 !important;
}

.elplaybg
{
    background-color:#8bc53f !important;
}

.campgoalsize {
    /* font-size: large !important;  */
    font-family: 'DupletSemibold', sans-serif !important;
}

.campgoalsize1 {
   /* font-size: large !important;
    font-weight: 600; */
    font-family: 'DupletSemibold', sans-serif !important;
}


 #donorinfo {
    /* top: -100px; */
    /* scroll-margin-top: 48vh; */
    height:50px;
    display: block;
    position: relative;
    margin-top: -100px;
    
    /* visibility: hidden; */
}   
}

.width50
{
    width: 50%;
}

.column2{
    width: 50%;
    padding: 1px;
    
}

.noshow
{
    display:none !important;
}

.novisibility
{
    visibility: hidden !important;
}

td
{
    font-family: 'DupletRegular', sans-serif !important; 
}

th
{
    font-family: 'DupletSemibold', sans-serif !important; 
}