/* Não copie o código! Entenda e aprenda como programar. Assista aulas no YouTube, existem muitos canais com conteúdo relevante e que vai te ensinar como ser um bom programador. */

/* Style CSS */


.container-general-button-more-img-cropped-fg2sites {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px;
}

.containerMyButtonFg2Sites {
	margin-bottom: 20px;
}

#isMyButtonFg2Sites {
	width: 350px;
	height: 50px;
	background: linear-gradient(to top, #00154c, #12376e, #23487f);
	padding: 15px 30px;
	color: white;
	border-radius: 50px;
	border: none;
	position: relative; 
	box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;
	font-size: 16px;
	overflow: hidden; 
}

#isMyButtonFg2Sites:hover {
	background: linear-gradient(to bottom, #00154c, #12376e, #23487f);
	transition: all 2s ease-in-out 0.5s; 
}

#isMyButtonFg2Sites span {
	transition: top 1.5s ease; 
}

.is-my-button-fg2-text-one {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.is-my-button-fg2-text-two {
	position: absolute;
	width: 100%;
	top: 150%;
	left: 0;
	transform: translateY(-50%);
}

.container-second-span-button-fg2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.container-second-span-button-fg2 img {
	width: 30px;
	height: 30px;
}

#isMyButtonFg2Sites:hover .is-my-button-fg2-text-one {
	top: -150%;
}

#isMyButtonFg2Sites:hover .is-my-button-fg2-text-two {
	top: 65%;
}

.container-images-cropped-fg2sites-home {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-size: cover;
	background-image: url("https://fg2sites.com/wp-content/uploads/2026/01/image-no-fg2sites-r1.webp");
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	
	/* background-color: red; */
}

.first-section-cropped-images,
.second-section-cropped-images,
.third-section-cropped-images,
.fourth-section-cropped-images,
.fifth-section-cropped-images,
.sixth-section-cropped-images,
.seventh-section-cropped-images,
.eighth-section-cropped-images, 
.ninth-section-cropped-images,
.tenth-section-cropped-images {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;	
	margin-bottom: -4.3px;
}

.cropped-image-size {
	width: 56px;
	height: 56px;
	margin: 0;
}

/* Media Query - max-width - 412px */

@media screen and (max-width: 412px) {
	
	.container-images-cropped-fg2sites-home {
		width: 90vw;
		height: auto;
	}
	
	.cropped-image-size {
		width: auto;
		height: 40px;
	}
	
	.first-section-cropped-images,
	.second-section-cropped-images,
	.third-section-cropped-images,
	.fourth-section-cropped-images,
	.fifth-section-cropped-images,
	.sixth-section-cropped-images,
	.seventh-section-cropped-images,
	.eighth-section-cropped-images, 
	.ninth-section-cropped-images,
	.tenth-section-cropped-images {
		margin-bottom: 0px;
	}
	
}