html{
	scroll-behavior: smooth;
}
/**ajuda-doar**/

section.ajuda-doar{
	padding: 30px;
}

section.ajuda-doar h3{
	font-size: 32px;
	color: rgb(255, 255, 255);
	font-weight: 500;
}

section.ajuda-doar p{
	font-weight: 300;
}

section.ajuda-doar .esquema{
	margin: 0 auto;
	padding: 30px;
	text-align: center;
	display: flex;
}

i#arrow{
	background: none;
	padding: 0;
	font-size: 16px;
	margin: 30px 50px;
}

i#arrow:nth-of-type(2){
	margin-left: 100px;
	margin-top: 50px;
}

i#alternar{
	background: none;
	padding: 0;
	font-size: 12px;
}

div.esquema i{
	font-size: 36px;
	padding: 20px;
	background: rgb(250, 112, 0);
	color: white;
	border-radius: 16px; 
}

div.esquema p{
	font-size: 16px;
	text-align: center;
	padding: 10px;
}

.saude span{
	color: #ffd900;
	font-weight: 900;
}

/**CEU**/

section.ceu{
	padding: 30px;
	text-align: center;
	background-color: #222;
	width: 100%;
	height: 100%;
}

section.ceu h2{
	font-size: 32px;
	color: rgb(255, 255, 255);
	font-weight: 300;
}
section.ceu p{
	font-weight: 200;
}
section.noticias{
	margin: 20px auto;
	padding: 40px 0;
	border-radius: 8px;
	width: 100%;
	max-width: 1200px;
	background-color: rgb(44, 44, 44);
	box-shadow: 4px 2px 2px 1px rgba(0, 0, 0, 0.2);
	border-left: 2px solid #ffd900;
	border-right: 2px solid #ffd900;
	transition: all 0.5s;
	cursor: no-drop;
  }

  .noticias h4{
	  text-align: center;
	  border-left: 2px solid gray;
	  border-right: 2px solid gray;
	  font-weight: 200;
	  font-size: 1rem;
	  color: rgba(255, 255, 255, 0.616);
  }

#paypal-container-BTLQEWPBZ5T6G{
	color: #222 !important;
  }
#paypal-container-BTLQEWPBZ5T6G input{
	background: #ffd900;
	color: #222;
	outline: none;
	cursor: text;
	margin: 10px 0 !important;
	padding: 10px !important;
	width: 100% !important;
	max-width: 1200px !important;
	border-radius: 4px !important;
	transform: scale(1) !important;
	transition: 0.5s all;
}
#paypal-container-BTLQEWPBZ5T6G input:focus{
	opacity: 1;
	cursor: text;
	background-color: #ffd900;
	color: #222;
	transform: scale(1.1) !important;
}
/* #paypal-container-BTLQEWPBZ5T6G label{
	display: none !important;
} */

section.p-africa{
	padding: 30px;
	text-align: center;
	font-weight: 300;
	background-color: black;
}
section.p-africa h2{
	font-size: 42px;
}
section.p-africa h2>span{
	color: rgb(250, 112, 0);
}

/* carrrossel */
section.exemplos{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 30px;
}
.exemplos-texto{
	margin: 0;
	padding: 20px;
	width: 100%;
	max-width: 500px;
}
.exemplos-texto h2{
	font-size: 64px;
	margin: auto 0;
}
.exemplos-texto h2>span{
	color: rgb(250, 112, 0);
	text-decoration: underline;
}
.exemplos-texto p{
	font-weight: 200;
	border-left: 1px solid black;
	padding-left: 10px;
	font-size: 12px;
}
.gallery {
	--g: 6px; /* the gap */
	display: grid;
	width: 450px; /* the size */
	aspect-ratio: 1;
	grid: auto-flow 1fr/repeat(3,1fr);
	gap: var(--g);
	margin: 0 auto;
  }
  .gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale();
	cursor: pointer;
	transition: .5s
  }
  .gallery img:hover {
	filter: grayscale(0);
  }
  .gallery img:nth-child(2) {
	grid-area: 1/2/span 2/span 2;
	clip-path: polygon(0 0,100% 0,100% 100%,calc(50% + var(--g)/4) 100%,0 calc(50% - var(--g)/4))
  }
  .gallery img:nth-child(3) {
	grid-area: 2/1/span 2/span 2;
	clip-path: polygon(0 0,calc(50% - var(--g)/4) 0,100% calc(50% + var(--g)/4),100% 100%,0 100%);
  }
  

div.metodos{
	padding: 20px;
	text-align: center;
	margin: 1rem auto;
	display: flex;
	width: 100%;
}

.metodos img{
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	border-radius: 32px;
}

.paypal{
	padding: 20px;
	width: 100%;
	max-width: 350px;
	margin: auto 100px;
	border-radius: 8px;
	transition: 0.5s all;
	cursor: pointer;
	background-color: white;
}

.viva img{
	background-color: #fff;
	padding: 10px;
	margin: 10px auto;
}


  @media screen and (max-width: 700px){
 html{
	overflow-y: hidden;
 }
  .doar-boas{
	  width: auto;
	  height: auto;
  }

  .info-doar{
	text-align: center;
	  top: 0;
	  margin: auto 0;
	  padding: 10px;
    }

	.esquema{
		display: inline-block !important;
		/* text-align: center; */
		margin: auto !important;
		}

		#alternar{
			display: none;
		}

		.pagamento{
			margin: 0 -50px;
		}
	

    .modal{
		width: 100%;
		top: 5%;
		height: auto;
		overflow-x: scroll;

	}

	.modal h3{
		display: none;
	}

	.modal-content{
		width: auto;
	}
	.metodos{
		padding: 20px;
		background: none;
		display: block !important;
		margin: 10px 0;
	}
	.exemplos-texto{
		padding: 20px;
	}
	.exemplos-texto h2{
		font-size: 52px;
		margin: auto 10px;
		padding: 20px;
	}
	.exemplos-texto p{
		margin: auto 30px;
		border-left: 5px solid #fff;
	}
	.metodos .paypal{
		margin: 0 auto;
		width: 100%;
		max-width: 1200px;
		padding: 30px;
	}
	.metodos i{
		margin: 50px;
		text-align: center;
		font-size: 24px;
		margin-right: 30%;
	}
	i#arrow:nth-of-type(2){
		margin-left: 50px;
	}

	#paypal-pagamento-butao{
		margin: 20px 0;
	}

  }