*{
	box-sizing: border-box;
}

.item {
			text-align:center;
			float:left;
			margin:5px;
			position:relative;			
		}
		
			.item,
			.item-hover,
			.item-hover .mask,
			.item-img,
			.item-type-move .item-info {
				width: 100%;
				height:156px;						
			}
			.item-type-move .item-info .ban-bot-gd {
				width: 100%;
				height: 200px;						
			}
			.item-type-move .item-info .ban-bot-gd {
				width: 100%;
				height:100%;						
			}			

			.item-hover,
			.item-hover .mask,
			.item-img { 
				position:absolute;
				top:0;
				left:0;			
			}			
		
			.item-type-move .item-hover {	
				-webkit-transition: all 300ms ease-out;
				-moz-transition: all 300ms ease-out;
				-o-transition: all 300ms ease-out;
				transition: all 300ms ease-out;	
				opacity:0;
				cursor:pointer;		
				z-index:100;
			}
			
				.item-type-move .item-info {
					z-index:10;
					color:#ffffff;
					position:relative;
					z-index:5;			
					overflow:hidden;			
				}
			
				.item-type-move .item-info .headline,
				.item-type-move .item-info .date {
					width: 100%;
					width:65%;
				    position: absolute;
				    -webkit-transition: all 300ms ease-out;
				    -moz-transition: all 300ms ease-out;
				    -o-transition: all 300ms ease-out;
				    transition: all 300ms ease-out;
				    /* -webkit-box-sizing: border-box;
				    -moz-box-sizing: border-box;
				    -o-box-sizing: border-box; */
				    padding: 0 10px;				    
				    margin: 0 auto;
				    left:17%;										
				}				

				.item-type-move .item-info .headline {
					font-size:18px;			
					top:10px;	
					font-family: 'Marvel', sans-serif;					
				}
				
				.item-type-move .item-info .date {
					font-size:14px;
					font-style:italic;
					bottom:10px;																		
				}
								
				.item-type-move .item-info .line {
					 height:1px;
					 width:85%;
					 margin:5px auto 0 auto;
					 background-color:#ffffff;		 
				}				
				
				.item-type-move .item-hover .mask {
					background-color:#000;
					opacity:0.5;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);					
					z-index:0;
				}
				
				.item-type-move .item-hover:hover {
					opacity:1;
				}				

				.item-type-move .item-hover:hover .item-info .headline {
					top:30%;
				}				

				.item-type-move .item-hover:hover .item-info .date {
					bottom:33%;
				}
			.item-img {			
				background-color:#7a548f;
				z-index:0;			
			}
@media(max-width:1024px){			
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 127px;
}
.item-type-move .item-hover:hover .item-info .date {
    bottom: 23%;
}
}
@media(max-width:991px){	
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 131px;
}
.item-type-move .item-info .headline {
    font-size: 15px;
    top: 23px;
}
.item-type-move .item-info .date {
    font-size: 12px;
}
.item-type-move .item-info .line {
    margin: 2px auto 0 auto;
}	
}
@media(max-width:768px){	
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 131px;
}
.item-type-move .item-info .headline {
    font-size: 15px;
    top: 23px;
}
.item-type-move .item-info .date {
    font-size: 12px;
}
.item-type-move .item-info .line {
    margin: 2px auto 0 auto;
}
}
@media(max-width:736px){	
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 125px;
}	
}
@media(max-width:667px){	
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height:111px;
}	
.item-type-move .item-info .headline, .item-type-move .item-info .date {
    width: 90%;
    left: 5%;
}
}
@media(max-width:640px){	
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 106px;
}
.item-type-move .item-info .headline {
    top: 15px !important;
}	
.item-type-move .item-info .line {
    margin: 8px auto 0 auto;
}
.item-type-move .item-info .headline, .item-type-move .item-info .date {
    width: 90%;
    left: 5%;
}
}
@media(max-width:600px){
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 98px;
}
}
@media(max-width:568px){	
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 91px;
}
.item-type-move .item-info .headline, .item-type-move .item-info .date {
    width: 102%;
    left: 0%;
}
.villa-right h4 {
    font-size: 0.8em;
}	
}
@media(max-width:480px){	
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 169px;
}
.item-type-move .item-info .headline {
    top: 55px !important;
}
.item-type-move .item-hover:hover .item-info .date {
    bottom: 32%;
}
}
@media(max-width:414px){
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 141px;
}
.item-type-move .item-info .headline {
    top: 35px !important;
}	
}
@media(max-width:384px){
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 129px;
}
}
@media(max-width:375px){
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 124px;
}
}
@media(max-width:320px){	
.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
    width: 100%;
    height: 122px;
}
.item-type-move .item-info .headline {
    top: 30px !important;
}
.item-type-move .item-hover:hover .item-info .date {
    bottom: 30%;
}	
}
.m-b20{
	margin-bottom: 20px !important;
}

.m-b80{
	margin-bottom: 80px !important;
}
.about-p{
	text-align: left;
}
.about-main{
	text-align: center;
}
.donate_section{
	padding-bottom: 80px;

}

/*  */

  .vmv-section {
	width: 100% !important;
    background-color: #f9f9f9;
    padding: 60px 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  .vmv-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }

  .vmv-heading {
    font-size: 2.5em;
    margin-bottom: 40px;
    color: #333;
  }

  .vmv-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
  }

  .vmv-card {
    background-color: white;
    padding: 30px 25px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    flex: 1 1 300px;
    max-width: 350px;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .vmv-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
  }

  .vmv-title {
    font-size: 1.6em;
    color: #0077b6;
    margin-bottom: 15px;
  }

  .vmv-text {
    font-size: 1em;
    color: #555;
    line-height: 1.6;
  }

  .vmv-values-list {
    list-style-type: disc;
    padding-left: 20px;
    text-align: left;
    color: #555;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .vmv-cards {
      flex-direction: column;
      align-items: center;
    }
  }

  .imgleft
  {
    width: 70%;
  }
  .imgleft img{
    width: 100%;
    height: auto;
  }
  .mb-20{
    margin-bottom: 20px;
  }
  .mb-30{
    margin-bottom: 30px;
  }
  .lh-30{
    line-height: 30px;
  }
  .mt-40{
    margin-top: 40px !important;
  }
  .top-section{
    width: 100%;
    height: 30px;
    color: #ffffff;
    padding-top: 5px;
    background-color: green;
  }