.resimage {
                  width: 250px; /* Set the width of the container */
                  height: 200px; /* Set the height of the container */
                  overflow: hidden; /* Hide any overflow */
                  }
                  .resimage img {
                  width: 100%; /* Make the image fill the container horizontally */
                  height: 100%; /* Make the image fill the container vertically */
                  object-fit: contain; /* Scale the image to fit its container without cutting */
                  }

  

                  .image-container {
                      width: 370px; /* Set the width of the container */
                      height: 370px; /* Set the height of the container */
                      overflow: hidden; /* Hide any overflow */
                  }

                  .image-container img {
                      width: 100%; /* Make the image fill the container horizontally */
                      height: 100%; /* Make the image fill the container vertically */
                      object-fit: contain; /* Scale the image to fit its container without cutting */
                  }




                  .picfoot {
                    background-color: #007F7B; 
                    color: white; 
                    padding-left:5px; 
                    font-size: 12px;

                  }

                  .wrapcategory {
                    width: 100%; 
                    white-space: normal;
                    height: 1.5em;
                    overflow: hidden; 
                    word-wrap:normal; 
                    margin-top: 3px;
                    margin-bottom: -2px;
                    word-break:break-word; 

                  }

                  .wraptitle {
                    width: 100%; 
                    white-space: normal;
                    height: 3.0em;
                    overflow: hidden; 
                    word-wrap:normal; 
                    word-break:break-word; 
                    font-size:16px;

                  }

                  .wrapbody {
                    width: 100%; 
                    white-space: normal;
                    height: 4.4em;
                    overflow: hidden; 
                    word-wrap:normal; 
                    word-break:break-word; 
                    font-size:13px;

                  }


                  .paymentitle {
                    width: 100%; 
                    white-space: normal;
                    height: 1.9em;
                    overflow: hidden; 
                    word-wrap:normal; 
                    word-break:break-word; 
                    font-size:25px;
                    line-height: 1.0em;


                  }










                  .wraplisttitle {
                    width: 100%; 
                    white-space: normal;
                    height: 2.9em;
                    overflow: hidden; 
                    word-wrap:normal; 
                    word-break:break-word; 
                    font-size:25px;
                  }


                  .listresimage {
                  width: 230px; /* Set the width of the container */
                  height: 200px; /* Set the height of the container */
                  overflow: hidden; /* Hide any overflow */
                  }
                  .listresimage img {
                  width: 100%; /* Make the image fill the container horizontally */
                  height: 100%; /* Make the image fill the container vertically */
                  object-fit: contain; /* Scale the image to fit its container without cutting */
                  }


                  .donate-read {
                    width: 100%; 

                    overflow: hidden; 
                    word-wrap:normal; 
                    word-break:break-word; 
        

                  }