/* ==================================================
   General Styles
   ================================================== */

/* Reset and Base Styles */
body {
	font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
 

}

h1 {
	font-size: 56px;
	color: #102A43;
	font-weight: 700;
	text-align: left;
}

h1 .highlight {
	color: #e1306c;
}

p {
	font-size: 16px;
	color: #0009;
}

h2 {
	font-size: 36px;
	font-weight: 700;
}

h3 {
	font-size: 28px !important;
	font-weight: 600;
}

h4 {
	font-size: 26px;
 
}

h5 {
	font-size: 20px;
 
}

h6 {
	font-size: 18px;
 
}



/* ==================================================
 Utility Classes
 ================================================== */

/* Margin Utilities */
.m-10 { margin: 10px !important; }
.mt-10 { margin-top: 10px !important; }
.mb-10 { margin-bottom: 10px !important; }
.ml-10 { margin-left: 10px !important; }
.mr-10 { margin-right: 10px !important; }

.m-15 { margin: 15px !important; }
.mt-15 { margin-top: 15px !important; }
.mb-15 { margin-bottom: 15px !important; }
.ml-15 { margin-left: 15px !important; }
.mr-15 { margin-right: 15px !important; }

.m-25 { margin: 25px !important; }
.mt-25 { margin-top: 25px !important; }
.mb-25 { margin-bottom: 25px !important; }
.ml-25 { margin-left: 25px !important; }
.mr-25 { margin-right: 25px !important; }

.m-50 { margin: 50px !important; }
.mt-50 { margin-top: 50px !important; }
.mb-50 { margin-bottom: 50px !important; }
.ml-50 { margin-left: 50px !important; }
.mr-50 { margin-right: 50px !important; }

.m-75 { margin: 75px !important; }
.mt-75 { margin-top: 75px !important; }
.mb-75 { margin-bottom: 75px !important; }
.ml-75 { margin-left: 75px !important; }
.mr-75 { margin-right: 75px !important; }

.m-100 { margin: 100px !important; }
.mt-100 { margin-top: 100px !important; }
.mb-100 { margin-bottom: 100px !important; }
.ml-100 { margin-left: 100px !important; }
.mr-100 { margin-right: 100px !important; }

/* Padding Utilities */
.p-10 { padding: 10px !important; }
.pt-10 { padding-top: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pl-10 { padding-left: 10px !important; }
.pr-10 { padding-right: 10px !important; }

.p-15 { padding: 15px !important; }
.pt-15 { padding-top: 15px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pl-15 { padding-left: 15px !important; }
.pr-15 { padding-right: 15px !important; }

.p-25 { padding: 25px !important; }
.pt-25 { padding-top: 25px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pl-25 { padding-left: 25px !important; }
.pr-25 { padding-right: 25px !important; }

.p-50 { padding: 50px !important; }
.pt-50 { padding-top: 50px !important; }
.pb-50 { padding-bottom: 10px !important; }
.pl-50 { padding-left: 50px !important; }
.pr-50 { padding-right: 50px !important; }

.p-75 { padding: 75px !important; }
.pt-75 { padding-top: 75px !important; }
.pb-75 { padding-bottom: 75px !important; }
.pl-75 { padding-left: 75px !important; }
.pr-75 { padding-right: 75px !important; }

.p-100 { padding: 100px !important; }
.pt-100 { padding-top: 100px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pl-100 { padding-left: 100px !important; }
.pr-100 { padding-right: 100px !important; }

.p-120 { padding: 120px !important; }
.pt-120 { padding-top: 120px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pl-120 { padding-left: 120px !important; }
.pr-120 { padding-right: 120px !important; }


.p-150 { padding: 150px !important; }
.pt-150 { padding-top: 150px !important; }
.pb-150 { padding-bottom: 150px !important; }
.pl-150 { padding-left: 150px !important; }
.pr-150 { padding-right: 150px !important; }



/* ==================================================
 Header Section (Section Topo)
 ================================================== */

.section-topo {
	background: linear-gradient(to bottom, rgba(216, 219, 247, 0.8), rgba(254, 247, 238, 0.8));
	padding: 0 20px;
	text-align: left;
	
	
}

.section-servicos {
	background: linear-gradient(to bottom, rgba(254, 247, 238, 0.8), rgba(254, 247, 238, 0.8));
	padding: 0px;
	text-align: center;
}


/* Section Custom Package */
.section-custom-package {
	padding: 50px 20px;
	background: linear-gradient(to top, rgba(254, 247, 238, 0.8), rgba(254, 247, 238, 0.8));
	text-align: center;

}

/* Section Grow Social */
.section-grow-social {
	padding: 50px 20px;
	background: linear-gradient(to bottom, rgba(254, 247, 238, 0.8), rgba(216, 219, 247, 0.3));
	display: flex;
	justify-content: center;
 
}


/* Section Benefits */
.section-benefits {
	padding: 50px 20px;
	background: linear-gradient(to top, rgba(254, 247, 238, 0.8), rgba(216, 219, 247, 0.3));
 margin: auto;

}






.section-benefits h2 {

	font-weight: 700;
	color: #102A43;
	margin-bottom: 20px;

	text-align: center !important;


}

.section-benefits h3 {

	font-weight: 700;
	color: #102A43;


}

.section-benefits h2 .highlight {
	color: #e1306c;
}

.section-benefits p {

text-align: center;
 
	max-width: 1000px;
	margin: 30px auto 0px;
	font-size: 16px;
}


/* Section Benefits */
.section-benefits-2 {
	padding: 50px 20px;
	background: linear-gradient(to bottom, rgba(254, 247, 238, 0.8), rgba(216, 219, 247, 0.3));
	
}
.section-benefits-2 {
 
	text-align: center !important;
 
 
}

.section-benefits-2 h2 {

	font-weight: 700;
	color: #102A43;
	margin-bottom: 20px;

	text-align: center;
}

.section-benefits-2 h3 {
	font-size: 20px !important;
	font-weight: 600;

}
.section-benefits-2 .sub {
text-align: center !important;
}
.section-benefits-2 h2 .highlight {
	color: #e1306c;
}

.section-benefits-2 p {

text-align: left;
	margin-bottom: 30px;
	max-width: 1000px;
	margin: 20px auto 30px;
}

/* Section Testimonials */
.section-testimonials {
 
	background: linear-gradient(to top, rgba(254, 247, 238, 0.8), rgba(216, 219, 247, 0.3));
	text-align: center;
}
.section-testimonials .sub {

	text-align: center;
	padding: 0 20px;
}
.section-testimonials p {

	text-align: center;
 
}

.section-topo .main-image {
	max-width: 100%;
	height: auto;
}

.section-topo .ratings {
	margin-top: 40px !important;
	gap: 20px;
	color: #102A43 !important;
}

.section-topo .ratings p{

	color: #102A43 !important;
}



.container {
	max-width: 1440px !important;
	padding: 0px !important;
	
}

.row {
	max-width: 1440px !important;
	padding: 0px !important;
margin: 0px !important;
row-gap: 20px;
}

.section-topo .user-imgs {
	display: flex;
 
}

.section-topo .user-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: -4px;
}

.section-topo .ratings p {
	
	font-weight: bold;
}



/* ==================================================
 Navigation Menu
 ================================================== */

 .menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
	transition: background-color 0.5s ease;
	z-index: 999;
	box-sizing: border-box; /* Certifique-se de que o padding está incluído no cálculo da altura */
}
.menu .container {
	display: flex;


	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
}

.menu.scrolled {
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}


/* ==================================================
 Navbar Styles
 ================================================== */

 
/* Base Configurations */
.navbar {

	justify-content: space-around;
	align-items: center;
	padding: 10px 20px !important;
}



/* Logo */
.navbar-brand img {
	max-width: 45%;

}

/* Menu Links */
.navbar-nav {
	display: flex;
	align-items: center !important;
	gap: 25px;

}

.navbar-nav .nav-link {
	color: #102A43;
	font-weight: 500;
	font-size: 16px;


}

/* Active Link Color */
.navbar-nav .nav-link.active {
	color: #007BFF; /* Azul do Bootstrap */

}

/* Buttons */
.navbar .btn-entrar-desktop {
	background-color: #6d02c0;
	color: white;
	padding: 10px 25px;
	border-radius: 30px;
	font-weight: bold;
}

/* Hide Mobile Button */
.navbar .btn-entrar-mobile {
	display: none;
}


/* ==================================================
 Section Servicos
 ================================================== */


.section-servicos h2 {

	font-weight: 700;
	color: #102A43;
}

.section-servicos h2 .highlight {
	color: #e1306c;
}

.section-servicos p {

 
	margin-bottom: 40px;
}

.servicos-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 20px !important;
}

.servico-btn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background-color: white;
	border: 1px solid;
	border-radius: 50px;
	height: 55px;
	font-size: 18px;
	font-weight: 600;
	color: #102A43;
	transition: all 0.3s ease;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	max-width: 100%;
}

.servico-btn i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	
	font-size: 30px;
}

.servico-btn span {
	flex: 1;
	text-align: center;
	padding-right: 10px;
}

.btn-ver-mais {
 background: none;
 border: none;
 margin: 20px auto 0;
 display: block;
 font-size: 2rem;
 color: #007bff;
 transition: transform 0.3s ease;
 cursor: pointer;
}

.btn-ver-mais:hover {
 transform: scale(1.1);
 color: #0056b3;
}


/* ==================================================
 Other Sections
 ================================================== */



.section-custom-package h2 {
 
	font-weight: 700;
	color: #102A43;
	margin-bottom: 20px;
}

.section-custom-package p {
 
	font-weight: 400;

	margin-bottom: 40px;
}

.custom-package-steps {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
 
	margin: 0 auto;
}

.custom-package-step {
	background-color: white;
	border-radius: 20px;
	border-top: 10px solid #102A43;
	padding: 20px 10px;
	max-width: 450px;
	min-width: 10px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
 
}

.custom-package-step:hover {
	transform: translateY(-10px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.custom-package-step-icon {
	font-size: 20px;
	background-color: #b2cce168;
	color: rgb(6, 4, 4);
	border-radius: 50%;
	padding: 15px;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 15px;
}

.custom-package-step h3 {
	font-size: 20px !important;
	font-weight: 700;
	color: #102A43;
	margin-bottom: 15px;
}

.custom-package-step p {
	font-size: 16px;
	font-weight: 400;

}




.section-grow-social .row {
	margin: 0px !important;
}



.grow-social-image {

	width: 50%;
 text-align: left;
 
}

.grow-social-image img {
	max-width: 80%;
	border-radius: 20px;
	text-align: left;
}

.grow-social-content {
 
	text-align: left;
	width: 50%;
	align-content: center;
}

.grow-social-content h2 {

	font-weight: 700;
	color: #102A43;
	margin-bottom: 20px;
}

.grow-social-content h2 .highlight {
	color: #e1306c;
}

.grow-social-content p {

text-align: left;
	margin-bottom: 30px;
}

.stats-container {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.stat-box {
	flex: 1;
	text-align: center;
	
 
 

}

.stat-number {
	display: block;
	font-size: 32px;
	font-weight: 700;
	color: #102A43;
}

.stat-label {
	font-size: 16px;
	font-weight: 400;

}







.benefit-image {
 
	width: 50%;
	justify-content: space-between;
	align-items: center;
}

.benefit-image img {
	width: 80%;
	border-radius: 20px;
}



.benefit-content {

	text-align: left;
	width: 50%;
 align-content: center;
 justify-content: space-around;
}

.benefit-content p {

	text-align: left !important;
	max-width: 80%;
	margin: 0;
	justify-items: center !important;
}
.benefit-content h2 {

	font-weight: 700;
	color: #102A43;
	margin-bottom: 15px;
	
}

.benefit-content .highlight {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #e1306c;
	margin-bottom: 15px;
}





.section-testimonials h2 {

	font-weight: 700;
	color: #102A43;
	margin-bottom: 20px;
}

.testimonials-description {
	font-size: 16px;

	margin-bottom: 40px;
}

.testimonials-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 0 20px;

}

.testimonial-item {
	background-color: white;
	padding: 30px;
	border-radius: 20px;
	text-align: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s, box-shadow 0.3s;
}

.testimonial-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.testimonial-img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-bottom: 15px;
}

.testimonial-item h3 {
	font-size: 20px;
	font-weight: 700;
	color: #102A43;
	margin-bottom: 10px;
}

.stars {
	color: #E1306C;
	margin-bottom: 15px;
}

.testimonial-text {
	font-size: 16px;
	line-height: 1.5;

}

/* Section FAQ */
.section-faq {
	padding: 50px 25px;
	background: linear-gradient(to top, rgba(216, 219, 247, 0.3), rgba(254, 247, 238, 0.8));
	text-align: center;
}

.container-faq {

	margin: 0 auto;
	text-align: left;
	/* background-color: white; */
	color: #102A43;
	padding: 30px;
	border-radius: 20px;
	/* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */
	max-width: 1440px;
}



.faq-item {
	margin-bottom: 20px;
}
.section-faq h2 {
margin-bottom: 30px;
}
.faq-question {
	width: 100%;
	text-align: left;
	background: none;
	border: none;
	font-size: 16px;
	font-weight: 500;

	padding: 20px 0px;
	border-bottom: 1px solid #dddddd8a;
	cursor: pointer;
	position: relative;
	outline: none;
	transition: all 0.3s;
}

.faq-icon {
	position: absolute;
	right: 0px;
	font-size: 24px;
	color: #48BB78;
}

.faq-question[aria-expanded="true"] .faq-icon {
	transform: rotate(45deg);
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out, padding 0.3s ease;
	text-align: left;
}

.faq-answer p {
	
	font-weight: 400;

	padding: 15px 0;
	line-height: 1.6;
	text-align: left;
}

/* Expand FAQ */
.faq-question[aria-expanded="true"] + .faq-answer {
	max-height: 300px;
	padding-top: 10px;


}

/* Footer Section */
.footer-section {
	padding: 40px 0;
	background-color: #102A43;
	color: white;
	text-align: center;
}

.container-footer {

	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer-logo img {
	max-width: 240px;
	margin-bottom: 20px;
}

.footer-links {
	display: flex;
	gap: 30px;
	margin-bottom: 20px;
}

.footer-links a {
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	transition: color 0.3s ease;
}

.footer-links a:hover {
	color: #e1306c;
}

.footer-info p {
	margin: 5px 0;
	font-size: 14px;
	color: #fff;
}

.footer-info a {
	color: #48BB78;
	text-decoration: none;
}

.footer-info a:hover {
	text-decoration: underline;
}

/* WhatsApp Floating Button */
.whatsapp-float {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	background-color: #25D366;
	border-radius: 50%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

	
	transition: transform 0.3s ease;
	font-size: 27px;
	height: 55px;
	width: 55px;
	align-content: center;
	text-align: center;
	color: white;
}
.whatsapp-float img {
	width: 100%;
	transform: rotateY(180deg);
}


.whatsapp-float:hover {
	transform: scale(1.1);
}

/* ==================================================
 Modal Styles
 ================================================== */

/* Modal Container */
.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	justify-content: center;
	align-items: center;
}

/* Modal Content */
.modal-content {
	background-color: white;
	padding: 30px;
	border-radius: 20px;
	max-width: 600px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	text-align: center;
	position: relative;
}

/* Header Icon */
#service-modal-header {
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
}

#service-icon {
	font-size: 30px;
	background-color: #D85660;
	border-radius: 50%;
	padding: 15px;
	color: white;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Title */
#service-title {
	font-size: 24px;
	color: #102A43;
	font-weight: bold;
	margin-bottom: 10px;
}

/* Input Container */
.input-container {
	display: flex;
	align-items: center;
	padding: 10px;
	border: 2px solid #D85660;
	border-radius: 30px;
	margin-bottom: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.input-container i {
	font-size: 20px;
	margin-right: 10px;
	color: #aaa;
}

.input-container input {
	border: none;
	outline: none;
	width: 100%;
	font-size: 16px;
	color: #102A43;
}

/* Error Message */
#error-message {
	color: red;
	font-size: 15px;
	margin-top: 5px;
	font-weight: 500;
}

/* Examples List */
#examples-list {
	background-color: #FFFCEE;
	padding: 15px;
	border-radius: 20px;
	color: #633100;
	font-size: 16px;
	font-weight: 600;
	margin: 20px 0px;
	text-align: left !important;
	border: 2px solid #633100;
}

#examples-list p {
	margin: 5px 0;
	font-size: 15px;
	text-align: left !important;
	color: #633100;
	font-weight: 500;
}

/* Button Container */
.button-container {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.modal-button {
	padding: 10px 20px;
	border-radius: 30px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	width: 100%;
	max-width: 280px;
	height: 50px;
	font-size: 16px;
}

.primary-button {
	background-color: #0066FF;
	color: white;
}

.primary-button:hover {
	opacity: 0.9;
}

#back-button {
	background-color: #ddd;
	color: #102A43;
}

#back-button:hover {
	background-color: #bbb;
}
.hide-desktop {
	display: none;
}
/* ==================================================
 Responsive Styles
 ================================================== */

/* Media Queries for max-width: 1440px */
@media (max-width: 1200px) {

	/* Navbar Adjustments */
	.navbar {
			padding: 10px 15px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		
	}

	.navbar-brand {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: auto;
			margin-right: 0px !important;
	}

	.navbar-brand img {
			max-width: 45%;
	}

	.navbar-nav {
			 display: flex;
			 justify-content: inherit;
			 flex-wrap: wrap;
			 width: 100%;
			 flex-direction: row !important;
	 }

	.navbar-nav .nav-link {
			font-size: 14px;
			margin-left: 0;
			padding: 5px;
			text-align: center;
	} 

	/* Header Adjustments */
	h1 {
			font-size: 44px;
			font-weight: 700;
	}

	h2 {
			 font-size: 36px;
			font-weight: 700;
	 }

	 h3 {
			 font-size: 28px;
			 font-weight: 600;
	 }

	 h4 {
			 font-size: 24px;
			
	 }

	 h5 {
			 font-size: 22px;
			
	 }

	 h6 {
			 font-size: 20px;
			
	 }

	p {
			font-size: 16px;
		
	}




	.section-topo .user-imgs {
			justify-content: center;
	}

	/* Section Servicos */
	.section-servicos {
			padding: 20px 0;
	}

	.servicos-grid {
			grid-template-columns: repeat(3, 1fr);
			grid-gap: 15px;
	}

	/* Custom Package Section */

	.section-benefits p {

			 text-align: center;
					 
					 font-size: 16px;
			 }




	.custom-package-step-icon {
			font-size: 22px;
			width: 60px;
			height: 60px;
			padding: 10px;
	}

	.custom-package-step h3 {
			font-size: 18px;
	}

	.custom-package-step p {
			font-size: 15px;
			text-align: center;
	}





	.stat-number {
			font-size: 28px;
	}

	.stat-label {
			font-size: 15px;
	}




	.benefit-content .highlight {
			font-size: 16px;
	}

	/* Testimonials Section */
	.testimonials-grid {
			grid-template-columns: repeat(2, 1fr);
	}




	.testimonial-text {
			font-size: 14px;
	}

	/* Benefits Grid */
	.benefits-grid {
			grid-template-columns: repeat(2, 1fr);
	}




}

/* Media Queries for max-width: 992px */
@media (max-width: 992px) {

	/* Testimonials Grid */
	.testimonials-grid {
			grid-template-columns: repeat(2, 1fr);
	}
 

			 


	/* Benefits Grid */
	.benefits-grid {
			grid-template-columns: repeat(2, 1fr);
	}





}

/* Media Queries for max-width: 768px */
@media (max-width: 768px) {

	.navbar {
		 
			 justify-content: space-between !important;
			
			
							
	 }
	 .navbar-nav {
			 display: flex;
			 justify-content: inherit;
			 flex-wrap: wrap;
			 width: 100%;
			 flex-direction: row !important;
	 }


	/* Navbar Adjustments */
	.navbar .btn-entrar-mobile {
			background-color: #6d02c0;
			color: white;
			padding: 7px 20px;
			border-radius: 30px;
			font-weight: 600;
			display: flex;
			font-size: 14px;
	}
	.navbar-nav {
			
			 gap: 0;
			 text-align: center !important;
			 align-content: center;
			 
	 }
	.navbar .btn-entrar-desktop {
			display: none;
	}

	.hide-mobile {
			display: none;
	}

	.hide-desktop {
			 display:block;
	 }
.col-lg-6 {
padding-right: 0px !important;
 padding-left: 0px !important;
}
	/* Header Adjustments */
	h1 {
			 font-size: 29px !important;
			padding-right: 0px !important;
		 padding-left: 0px !important;
	 }

	 h2 {
				font-size: 28px !important;
			 
		}

		h3 {
				font-size: 20px !important;
			 
		}

		h4 {
				font-size: 20px !important;
			 
		}

		h5 {
				font-size: 18px !important;
			 
		}

		h6 {
				font-size: 16px;
			 
		}

	 p {
			 font-size: 14px;
			 text-align: left;
		 
	 }

	.section-topo {
		
			text-align: center;
	}
	.section-topo h1 {
		
			 text-align: center;
	 }

	 .section-topo p {
		
			 text-align: center;
	 }

	.section-topo .user-imgs {
			justify-content: center;
	}

	/* Servicos Grid */
	.servicos-grid {
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 15px;
	}


	.servico-btn {
			height: 45px;
			width: 100%;
			font-size: 14px;
	}

	.servico-btn i {
			width: 45px;
			height: 45px;
			font-size: 25px;
	}

	/* Custom Package Steps */
	.custom-package-steps {
			flex-direction: column;
			gap: 30px;
	}


	.custom-package-step {
			max-width: 100%;
	}

	/* Grow Social Section */
	.container-grow-social {
			flex-direction: column;
			align-items: center;
			padding: 0px 20px;
	}
	.container-grow-social p{
			 text-align: left;
	 }



	.grow-social-content {
			width: 100%;
	}


	.stat-number {
			font-size: 24px;
	}

	.stat-label {
			font-size: 14px;
	}

	/* Benefits Section */
	.benefit-row {
			flex-direction: column;
			text-align: center;
	}

	.benefit-row.reverse {
			flex-direction: column;
	}

	.custom-package-step h3 {
			 font-size: 16px !important;
	 }

	.benefit-image {
 
			 width: 100%;
			 justify-content: center !important;
			text-align: center;
	 }
	 
	 .benefit-image img {
			 width: 90%;
			 border-radius: 20px;
			 
	 }
	 .benefit-content p {
			 max-width: 90%;
	 }
 
	/* Testimonials Grid */
	.testimonials-grid {
			grid-template-columns: 1fr;
	}

	.grow-social-image {
			 width: 100%;
		 
		 
	 }

	.grow-social-image img {
			 max-width: 60%;
			 
		 
	 }

	/* Benefits Grid */
	.benefits-grid {
			grid-template-columns: 1fr;
	}

	.benefit-content {

			 text-align: left;
			 width: 100%;
			align-content: center;
			 padding: 20px 0px;
	 }
	

	 .benefits-description {
			 text-align: left !important;
			
	 }

	 .section-benefits h2 {
			 text-align: left !important;
	 }


	 .row {
			 
			 margin: 0px !important;
			 padding: 0px !important;
			 
	}

	.section-benefits p {

			 text-align: left;
					 
					 font-size: 14px;
			 }
	
 
			 .section-benefits-2 h2 {

		 
						text-align: left;
						font-size: 22px !important;
						line-height: 1.5;
				}

				.section-benefits-2 .sub {

						text-align: left !important;
								
							 
						}
	 
	/* FAQ Section */
	.container-faq {
			padding: 20px 0px;
	}


	.faq-question {
			font-size: 14px;
	}


	/* Footer Adjustments */
	.whatsapp-float {
			display: block;
	}

	.container-footer {
			text-align: center;
			flex-direction: column;
	}

	.footer-links {
			flex-direction: column;
			gap: 10px;
	}

	.footer-links a {
			font-size: 14px;
	}

	.footer-info p {
			font-size: 12px;
	}

.grow-social-image  {
text-align: center !important;
}

.grow-social-image img {
	text-align: center;
	 }
	
}


/* ==================================================
Benefits Section
================================================== */





.benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 0 auto;
	max-width: 1440px;
}

.benefit-item {
	padding: 0px 0px;
	text-align: center;
}
.benefit-item p{

	text-align: center;
}



.benefit-item i {
	font-size: 22px;
	
	
	margin-bottom: 15px;
}



/* Responsividade */
@media (max-width: 992px) {
	.benefits-grid {
			grid-template-columns: repeat(2, 1fr);
	}

}

@media (max-width: 768px) {
	.benefits-grid {
			grid-template-columns: 1fr;
	}

}

/* ==================================================
 Videos Reviews
================================================== */

.video-reviews-section {
 padding: 50px 20px;
 background: linear-gradient(to top, rgba(254, 247, 238, 0.8), rgba(254, 247, 238, 0.8));
}

.video-reviews-container {
 display: flex;
 flex-wrap: wrap;
 gap: 30px;
 max-width: 1400px;
 margin: 0 auto;
 align-items: flex-start;
}

.video-main {
 flex: 1;
 min-width: 320px;
 background: white;
 border-radius: 16px;
 padding: 20px;
 box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.video-header {
 display: flex;
 align-items: center;
 margin-bottom: 15px;
}

.profile-img {
 width: 64px;
 height: 64px;
 border-radius: 50%;
 margin-right: 15px;
}

.video-info h3 {
 font-size: 18px;
 margin: 0;
}

.video-info p {
 margin: 2px 0;
 color: #555;
 font-size: 14px;
}

.stars-rating {
 display: flex;
 align-items: center;
 gap: 6px;
 font-weight: bold;
 font-size: 14px;
 color: #f1c40f;
}

.video-frame iframe {
 width: 100%;
 border-radius: 12px;
 height: 360px;
}

.video-carousel {
 flex: 1;
 min-width: 320px;
 background: white;
 border-radius: 16px;
 padding: 20px;
 box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}

.video-carousel h4 {
 margin-bottom: 15px;
 font-size: 16px;
 font-weight: 600;
}

.carousel-wrapper {
 display: flex;
 gap: 16px;
 overflow-x: auto;
 scroll-behavior: smooth;
 padding-bottom: 5px;
}

.carousel-item {
 min-width: 220px;
 background: #fff;
 border-radius: 12px;
 box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
 padding: 10px;
 flex-shrink: 0;
 text-align: center;
}

.carousel-item iframe {
 width: 100%;
 height: 140px;
 border-radius: 8px;
 margin-bottom: 10px;
}

.badge {
 display: inline-block;
 padding: 2px 8px;
 font-size: 12px;
 border-radius: 8px;
 margin-bottom: 4px;
 font-weight: 600;
}

.badge.blue {
 background-color: #3d5afe;
 color: white;
}

.client-name {
 font-weight: 600;
 font-size: 14px;
 margin: 6px 0 0;
 text-align: center;
}

/* Responsivo */
@media (max-width: 768px) {
 .video-reviews-container {
	 flex-direction: column;
 }
 .video-reviews-section {
 padding: 20px 10px;
 background: linear-gradient(to top, rgba(254, 247, 238, 0.8), rgba(254, 247, 238, 0.8));
}
}
 .carousel-wrapper {
	 justify-content: flex-start;
 }

 .video-main,
 .video-carousel {
	 width: 100%;
 }

 .video-carousel h4 {
	 text-align: center;
 }

 .video-wrapper {
		 width: 100%;
		 height: 300px;
		 border-radius: 8px;
		 overflow: hidden;
		 margin: 0 auto;
	 }
	 
 .video-wrapper iframe {
		 width: 100% !important;
		 height: 100% !important;
		 display: block !important;
	 }

 .swiper-slide.video-slide .stars-rating {
		 display: flex;
		 justify-content: center; /* Centraliza as estrelas */
		 align-items: center;
		 gap: 5px; /* Espaço entre o número e as estrelas */
		 width: 100%;
		 margin-bottom: 20px;
 }
 
 .badge.blue {
		 margin: 10px auto; /* Centraliza o badge */
		 display: block; /* Necessário para margin auto funcionar */
		 width: fit-content; /* Ajusta a largura ao conteúdo */
	 }