a.navbar-brand.logo_h img {
    width: 100px;
}
.s-p{
    height: 100px;
}
.d-flex.justify-content-between.donation.align-items-center {
    margin-top: 5%;
}
.features_causes .card .card_inner_body h4 {
    height: 40px !important;
}
.features_causes .card .card_inner_body h5 {
    height: 20px !important;
}
p.card-text {
    text-align: justify;
    height: 148px;
}
.about_content {
    text-align: justify;
}
.know_more67 {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link .active{
  color: #000
}
.text-box h3 {
    text-align: center;
    margin-bottom: 5%;
}
.text-box12 h3 {
    text-align: left;
    margin-bottom: 2%;
}
.text-box p {
    text-align: justify;
    line-height: 24px;
    font-size: 14px;
}
.text-box12 p {
    text-align: justify;
    line-height: 24px;
    font-size: 14px;
}
.section_gap {
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
}
a.read_more64 {
    background: #60bc0f;
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    border: 1px solid #60bc0f;
}
a.read_more64:hover{
    background: #ffffff;
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
    color: rgb(0, 0, 0);
    border: 1px solid #60bc0f;
}
.abt_cont64 p {
    font-size: 13px;
    text-align: justify;
}
.abt_cont64 p {
    font-size: 14px;
    text-align: justify;
}
.abt_cont65 p {
    font-size: 13px;
    text-align: center;
}
.new_list64 li{
    text-align: left;
}

.main_title76{
    text-align:center;
    margin-bottom:80px
}
@media (max-width:991px){
    .main_title76{margin-bottom:40px}
}
.main_title76 h2{
    font-size:36px;
    margin-bottom:10px;
    text-transform:capitalize
}
@media (max-width:767px){
    .main_title76 h2{font-size:30px}
}
.main_title76 p{
    margin-bottom:0;
    margin:auto
}
#more {display: none;}
#more1 {display: none;}
#more2 {display: none;}
#more3 {display: none;}
#more4 {display: none;}
.read_btn64 {
    margin-top:5%;
}
a#myBtn {
    color: aliceblue;
}
a#myBtn1 {
    color: aliceblue;
}
a#myBtn2 {
    color: aliceblue;
}
a#myBtn3 {
    color: aliceblue;
}
a#myBtn4 {
    color: aliceblue;
}
a#myBtn:hover{
    color: rgb(0, 0, 0);
}
a#myBtn1:hover{
    color: rgb(0, 0, 0);
}
a#myBtn2:hover{
    color: rgb(0, 0, 0);
}
a#myBtn3:hover{
    color: rgb(0, 0, 0);
}
a#myBtn4:hover{
    color: rgb(0, 0, 0);
}
.s-p50 {
    height: 50px;
}
.img_over_box64{
    width: 207px;
    float: right;
    height: 207px;
    box-shadow: 0px 0px 11px 4px #00000073;
    margin-bottom: 5%;
    position: absolute;
    margin-top: 12%;
    margin-left: 12%;
}
.img_over_box65{
    width: 207px;
    float: right;
    background-color: white;
    height: 207px;
    margin-bottom: 5%;
    position: absolute;
    margin-top: -25%;
    margin-left: 47%;
}
.img_cont_box31{
    border:solid 5px #fff;
}
.img-fluid12 {
    max-width: 80%;
    height: auto;
}
.img-box img.img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.point64 li {
    font-weight: 600;
    font-size: 13px;
    padding: 4px;
    color: chocolate;
    margin-left: 0%;
}

/* popup */

#myImg {
    cursor: pointer;
    transition: 0.3s;
  }
  
  #myImg:hover {opacity: 0.7;}
  
  
  #myImg2 {
    cursor: pointer;
    transition: 0.3s;
  }
  
  #myImg2:hover {opacity: 0.7;}
  
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0;
    top: 0;
    margin-top: -26px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  /* Modal Content (image) */
  .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }
  
  /* Caption of Modal Image */
  #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }
  
  /* Add Animation */
  .modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }


  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }
  }
  .img_col65{
      width: 103%;
  }
  .card-text-cust {
    text-align: justify;
    height: 148px;
}
.text-box .ql-align-center {
    text-align: center;
}
.single_causes.abt_cont64 {
    height: 650px;
}
.single_causes.abt_cont_sb64 {
    height: 380px;
}
.section_gap_foc {
    padding-top: 60px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
}

.cnt-dx11 {
    background-color: #DCDCDC;
    color: #424242;
    line-height: 35px;
    padding: 30px 30px;
    border-radius: 25px 0px 0px 25px;
    box-shadow: -3px 3px 13px #d5d5d5;
    height: 150px;
    display: flex;
    -webkit-border-radius: 25px 0px 0px 25px;
    -moz-border-radius: 25px 0px 0px 25px;
    -ms-border-radius: 25px 0px 0px 25px;
    -o-border-radius: 25px 0px 0px 25px;
}
.cnt-im12 {
    text-align: center;
    height: 150px;
    border-radius: 0px 35px 35px 0px;
    overflow: hidden;
    padding: 0px 10px;
    -webkit-border-radius: 0px 40px 40px 0px;
    -moz-border-radius: 0px 35px 35px 0px;
    -ms-border-radius: 0px 35px 35px 0px;
    -o-border-radius: 0px 35px 35px 0px;
}
.cnt-im12 img {
    height: 150px;
    box-shadow: -3px 3px 13px #d5d5d5;
    
}
.cnt-cx11 {
    background-color: #DCDCDC;
    color: #424242;
    padding: 30px 20px;
    border-radius: 10px;
    height: 250px;
    box-shadow: -3px 3px 13px #d5d5d5;
}
.cnt-cx12 {
    background-color: #DCDCDC;
    color: #424242;
    padding: 30px 30px;
    height: 250px;
    border-radius: 10px;   
}
.cnt-dox11 {
    background-color: #DCDCDC;
    color: #424242;
    line-height: 25px;
    padding: 30px 30px;
    border-radius: 25px 0px 0px 25px;
    box-shadow: -3px 3px 13px #d5d5d5;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cnt-img11 {
    text-align: center;
    height: 150px;
    border-radius: 0px 25px 25px 0px;
    overflow: hidden;
}
.cnt-img11 img {
    height: 100%;
    box-shadow: -3px 3px 13px #d5d5d5; 
}
    
.cnt-img22 img {
    height: 100%;
    box-shadow: -3px 3px 13px #d5d5d5;
} 
.cnt-img22 {
    text-align: center;
    height: 150px;
    border-radius: 25px 0px 0px 25px;
    overflow: hidden;
}
.cnt-dox22 {
    background-color: #DCDCDC;
    color: #424242;
    line-height: 25px;
    padding: 30px 30px;
    border-radius: 0px 25px 25px 0px;
    box-shadow: -3px 3px 13px #d5d5d5;
    height: 150px;
    display: flex;
}

h3 {text-align: center;}

.cnt-cx31 {
    background-color: #DCDCDC;
    color: #424242;
    padding: 30px 20px;
    border-radius: 10px;
    height: 400px;
    box-shadow: -3px 3px 13px #d5d5d5;
}
.cnt-cx32 {
    background-color: #DCDCDC;
    color: #424242;
    padding: 30px 20px;
    border-radius: 10px;
    height: 400px;
    box-shadow: -3px 3px 13px #d5d5d5;
}
.cnt-cx33 {
    background-color: #DCDCDC;
    color: #424242;
    padding: 30px 20px;
    border-radius: 10px;
    height: 400px;
    box-shadow: -3px 3px 13px #d5d5d5;
}
.cnt-dx41 {
    background-color: #DCDCDC;
    color: #424242;
    padding: 30px 20px;
    border-radius: 10px;
    height: 650px;
    box-shadow: -3px 3px 13px #d5d5d5;
}
.cnt-im14 {
    text-align: center;
    height: 650px;
}


.cnt-im14 img {
    height: 100%;
    object-fit: cover;
}
.home_banner_area {
    z-index: 1;
    min-height: 650px;
    display: flex;
    background: linear-gradient(rgba(3,1,10,.5),rgba(3,1,10,.5)) , url(/assets/img/banner.jpg) no-repeat scroll center center;
    background-size: cover;
}
.row.cnt-li01{
   background-color: aliceblue;
   padding: 20px;
   display: flex;
    align-items: center;
    justify-content: center;
}
.cnt-li01 img {
    width: 500px;
}
.row.cnt-li22{
    background-color: aliceblue;
    padding: 20px;
    display: flex;
     align-items: center;
     justify-content: center;
}
.cnt-li22 img{
   height: 325px;
}
.nice-select{
    float: none;
}

.banner_area .banner_inner .overlay {
    background: linear-gradient(0deg,rgba(6,13,1,.6),rgba(6,13,1,.6)) , url(/assets/img/banner.jpg) no-repeat scroll center center;
    background-size: cover;
   }


   
.bx-msg-data {
    width: auto;
    font-size: 13px;
    text-align: left;
    z-index: 99999;
    position: fixed;
    top: inherit;
    left: initial;
    bottom: 0px;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    visibility: hidden;
    z-index: 10000000;
}

.bx-msg-data.actv {
    bottom: 15px;
    visibility: visible;
}

.bx-act-success,
.bx-act-error {
    color: #fdfdfd;
    background-color: #505050;
    position: relative;
    display: inline-block;
    padding: 20px 20px 17px;
    border-radius: 3px;
    z-index: 2000;
    box-shadow: 0px 2px 10px #00000059;
    font-size: 12px;
    font-weight: 100;
    vertical-align: top;
    left: 0px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

/*confirm button*/
span.msg_b56.colr_cls {
    background: #d4d4d4;
    padding: 4px 9px;
    color: #3953ea !important;
    border-radius: 3px;
    cursor: pointer;
    text-transform: capitalize;
}

span.msg42_i {
    display: inline-block;
    vertical-align: middle;
}

span.msg_b56 {
    margin-left: 20px;
    display: inline-block;
}

.bx-act-error span.msg_b56 {
    color: #ff1919;
}

.bx-act-success span.msg_b56 {
    color: #04cf04;
}
.cht-fx01 {
    width: 90%;
    margin: 0 auto;
}
.cht-fx01 img {
    width: 100%;
}
.cht-fx11 {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.cht-fx11 img {
    width: 70%;
   
}
.banner_content.text-center h4 {
    color: #fff;
}
.img-box {
    max-width: 100%;
    
}
.row.cnt-ax11 {
justify-content: center;
}
.cnt-dox22 h5 {
    padding-right: 2px;
}