@charset "utf-8";
body {
	background: #120A16;
	font-family: "Gabarito", serif;
}
.hero {
	background: url('../img/hero.webp') no-repeat;
	color: white;
	padding: 50px 0;
	text-align: center;
	background-position: top center;
	background-size: cover;
}
.logo {
	max-width: 300px;
	height: auto;
}
.btn-primary {
  background: linear-gradient(135deg, #d9a043, #f7d189, #d9a043);
  color: #3a250c !important;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 28px;
  border-radius: 60px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  animation: pulse 3s ease-in-out infinite;
  box-shadow: 0 0 22px rgba(247, 209, 137, 0.4);
  border: none;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #fff2d5, #fbe2b4, #fff2d5);
  color: #4f3512 !important;
  transform: scale(1.06);
  box-shadow: 0 0 32px rgba(247, 209, 137, 0.55);
}
.text-primary {
	color: #f5ce85 !important;
}
.form {
	background: linear-gradient(145deg, #2d1337, #753f95, #2d1337);
	max-width: 550px;
	margin: -80px auto 0;
}
.border-black {
	border-color: rgb(10, 14, 25) !important;
}
.form-select-lg, .form-control-lg {
font-size: 1.05rem;
}
.dropdown-toggle {
font-size: 1.05rem;
}
.dropdown-toggle::after {
	margin-left: 1em;
}
.dropdown-menu {
width: 100%;
}
.form-check .form-check-input {
margin-left: 0;
margin-right: 10px;
}
.form-check {
padding-left: .5em !important;
}
.form-check-input:checked {
	background-color: #ff41a0;
	border-color: #ff41a0;
}
label {
	font-size: 1.1rem;
}
.fs-5 {
	font-size: 1.15rem !important;
}
#wishDropdown {
width: 151px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#countdown {
width: 40px;
}
.about {
	background: #120a16;
	padding: 50px 0;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.about::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	background: url('../img/bg.webp') no-repeat center bottom;
	background-size: cover;
	pointer-events: none;
	z-index: -1;
}
.about img { 
display: block;
max-width: 100%; 
border-radius: 10px; 
animation: glow 3s infinite alternate;
}
.confidence { 
background: #000; 
padding: 50px 0; 
text-align: center; 
}
.confidence .icon {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
margin-top: 20px;
}
.confidence .icon::after {
content: '';
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #acadad;
opacity: .5;
}
.confidence .icon:hover {
transform: scale(1.05) translateY(-5px);
}
.testimonials {
	background: #120a16 !important;
	padding: 50px 0;
	background-image: linear-gradient(to bottom, #091a28 66%, #000 100%);
}
.testimonials p{ 
font-weight: 400; 
}
.testimonials .card {
background: rgba(255, 255, 255, 0.2) !important;
border-radius: 10px;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.testimonials .card:hover {
transform: translateY(-5px);
box-shadow: 0px 8px 15px rgba(26, 132, 195, 0.2);
}
.footer a {
text-decoration: none;
color: #ccc;
}
.footer a:hover {
	color: #ff3d9e;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.01); }
100% { transform: scale(1); }
}
@keyframes glow {
0% { box-shadow: 0px 0px 10px rgba(70, 45, 144, 0.1); }
50% { box-shadow: 0px 0px 20px rgba(70, 45, 144, 0.3); }
100% { box-shadow: 0px 0px 10px rgba(70, 45, 144, 0.1); }
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
20%, 40%, 60%, 80% { transform: translateX(5px); }
}
.form.shake {
animation: shake 0.6s ease-in-out;
}
a {
	color: #ffa39f;
}
.gift {
	max-width: 400px;
}
#infoIcon {
	cursor: pointer;
	color:white !important;
}
@media (min-width: 1200px) {
.fs-3 {
	font-size: 1.65rem !important;
}
}
@media (min-width: 2000px) {
.about::after {
width: 100%;
background: url('../img/bg.webp') no-repeat center bottom -250px;
background-size: cover;
}
.hero {
background-position: top -100px center;
}
}
@media (max-width: 991px) {
.about img {
max-width: 300px;
margin: 0 auto;
}
}
@media (max-width: 575px) {
.hero { 
background: url('../img/hero-mobile.webp') no-repeat; 
color: white; 
padding: 60px 0; 
text-align: center; 
background-position: top center; 
background-size: cover; 
}
.logo {
	max-width: 170px;
	left: 90px;
	top: -45px;
}
h1 {
background: rgba(0, 0, 0, .6);
}
.about::after {
height: 500px;
width: 100%;
background: url('../img/bg-mobile.webp') no-repeat center bottom;
background-size: cover;
}
.form-check-label {
font-size: .9rem !important;
}

}