/*
Generated time: April 9, 2025 13:03
This file was created by the app developer. Feel free to contact the original developer with any questions. It was minified (compressed) by AVADA. AVADA do NOT own this script.
*/
.container-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100%;
	height: 80vh;
	max-height: 80vh;
	margin: 0 auto;
	padding: 15px;
	background: url('/cdn/shop/files/Gift_Banner_1_2_1.gif?v=1717589001') no-repeat center center/cover
}

.container.find-gift-container {
	text-align: left;
	width: 88%
}

.container-wrapper h2.perfect-gift-heading {
	margin: 30% 0 2% 0;
	font-size: 45px;
	font-weight: 700;
	text-align: center
}

.container-wrapper h2.perfect-gift-heading span {
	font-size: 60px;
	font-weight: bolder
}

.form-group-wrapper {
	display: flex;
	flex-direction: row;
	align-content: space-around;
	flex-wrap: wrap;
	justify-content: space-around
}

.form-group label {
	display: block;
	font-weight: 700;
	margin-bottom: 5px
}

.checkboxes-age {
	position: relative;
	left: 0;
	z-index: 1000;
	border-top: none;
	border-radius: 6px 6px 0 0;
	max-height: 140px;
	overflow-y: auto;
	display: none
}

.checkboxes-collection {
	position: relative;
	top: 100%;
	left: 0;
	z-index: 1000;
	border-top: none;
	border-radius: 6px 6px 0 0;
	max-height: 140px;
	overflow-y: auto;
	display: none
}

.checkboxes-wrapper {
	display: none
}

.checkboxes-wrapper.open {
	display: block;
	border-radius: 20px !important;
	border: 2px solid #4b2700 !important;
	padding-right: 8px !important;
	position: absolute !important;
	background: #eee !important;
	overflow: hidden !important
}

.checkboxes-age-wrapper {
	display: none
}

.checkboxes-age-wrapper.open {
	display: block;
	border-radius: 20px !important;
	border: 2px solid #4b2700 !important;
	padding-right: 8px !important;
	position: absolute !important;
	background: #eee !important;
	overflow: hidden !important;
	width: 100%;
	z-index: 1
}

.checkboxes-age.open {
	display: block;
	width: 100%
}

.checkboxes-collection.open {
	display: block;
	width: 100%
}

.checkboxes-age label {
	display: block;
	margin-bottom: 5px;
	padding: 5px
}

.checkboxes-collection label {
	display: block;
	margin-bottom: 5px;
	padding: 5px
}

.age-content {
	color: #230051;
	font-size: 30px
}

div#preferencesCheckboxes {
	position: relative !important;
	top: 0;
	max-height: 190px;
	overflow-y: auto;
	z-index: 1
}

div#age-dropdown-collection {
	position: relative
}

.checkboxes-collection label {
	line-height: 20px;
	margin-left: 20px
}

.sub-collection-list [type=checkbox] {
	margin-left: -23px
}

.drop-css {
	padding: 12px;
	border-radius: 23px;
	border: 3px solid #4b2700;
	cursor: pointer;
	position: relative;
	font-size: 20px;
	background-color: #efefef
}

div#age-dropdown {
	position: relative
}

div#ageCheckboxes {
	position: relative !important;
	top: 0;
	max-height: 190px;
	overflow-y: auto;
	z-index: 1
}

.age-down-arrow {
	display: none
}

.sub-down-arrow {
	display: none
}

.age-arrow:before {
	position: absolute;
	z-index: 2;
	right: 20px;
	bottom: 15px
}

.sub-arrow:before {
	position: absolute;
	z-index: 0;
	right: 20px;
	bottom: 15px
}

.age-dropdown:focus {
	outline: 0;
	border-color: #1e90ff
}

.age-content-collection {
	display: flex;
	color: #230051;
	font-size: 30px;
	justify-content: center
}

.drop-sub-css {
	padding: 12px;
	border-radius: 23px;
	border: 3px solid #4b2700;
	cursor: pointer;
	position: relative;
	font-size: 20px;
	background-color: #efefef
}

.checkboxes-collection.drop-sub-css {
	border: 0 !important
}

.checkboxes-age.drop-css {
	border: 0 !important
}

.drop-sub-css:focus {
	outline: 0;
	border-color: #1e90ff
}

.age-dropdown span#selectedAgeText {
	font-weight: 800
}

.drop-sub-css span#selectedPreferencesText {
	font-weight: 800
}

.submit-btn-cls {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	flex-direction: column;
	width: 30%
}

.submit-btn-cls button {
	background-color: #230051;
	border: none;
	color: #f3f1f1;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 25px;
	margin: 0 10%;
	cursor: pointer;
	border-radius: 30px;
	font-weight: 700;
	width: 60%
}

.submit-btn-cls button:hover {
	background-color: #f3f1f1;
	color: #230051
}

@media (max-width:1240px) {
	.container.find-gift-container {
		text-align: left
	}

	.container-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 75vh
	}

	.container-wrapper h2.perfect-gift-heading {
		margin: 30% 0 0;
		font-size: 40px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 50px
	}

	.age-content {
		font-size: 25px
	}

	.age-content-collection {
		font-size: 25px
	}

	.age-dropdown {
		font-size: 18px
	}

	.drop-sub-css {
		font-size: 18px;
		margin-top: 0
	}

	.drop-css {
		font-size: 18px
	}

	.submit-btn-cls button {
		width: 17%;
		font-size: 23px
	}
}

@media (min-width:1241px) and (max-width:1280px) {
	.container-wrapper {
		height: 75vh
	}

	.container-wrapper h2.perfect-gift-heading {
		margin: 32% 0 2%;
		font-size: 40px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 50px
	}

	.age-content {
		font-size: 25px
	}

	.age-content-collection {
		font-size: 25px
	}

	.age-dropdown {
		font-size: 18px
	}

	.drop-sub-css {
		font-size: 18px
	}

	.drop-css {
		font-size: 18px
	}

	.submit-btn-cls button {
		width: 17%;
		font-size: 23px
	}
}

@media (min-width:1281px) and (max-width:1440px) {
	.container.find-gift-container {
		text-align: left
	}

	.container-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 80vh
	}

	.container-wrapper h2.perfect-gift-heading {
		margin: 32% 0 2%;
		font-size: 40px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 50px
	}

	.age-content {
		font-size: 25px
	}

	.age-content-collection {
		font-size: 25px
	}

	.age-dropdown {
		font-size: 18px
	}

	.drop-sub-css {
		font-size: 18px
	}

	.drop-css {
		font-size: 18px
	}
}

@media (min-width:601px) and (max-width:700px) {
	.container-wrapper h2.perfect-gift-heading {
		margin: 65% 0 2%;
		font-size: 35px
	}
}

@media (max-width:768px) {
	.container.find-gift-container {
		text-align: left;
		padding-top: 25%
	}

	.container-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: 100%;
		height: 100vh;
		max-height: 100vh;
		margin: 0 auto;
		padding: 15px;
		background: url('/cdn/shop/files/Gift_Banner_Mobile_1.gif?v=1717389600') no-repeat center center/cover
	}

	.form-group-wrapper {
		display: flex;
		flex-direction: column;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around
	}

	.container-wrapper h2.perfect-gift-heading {
		margin: 0 auto;
		font-size: 35px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 45px
	}

	.age-dropdown {
		font-size: 20px
	}

	.age-content {
		font-size: 30px;
		text-align: center;
		margin-left: 0;
		line-height: 10px
	}

	.age-content-collection {
		font-size: 30px;
		margin-top: 0;
		margin-left: 0;
		line-height: 10px
	}

	.drop-sub-css {
		margin: 0 auto;
		font-size: 20px
	}

	.submit-btn-cls {
		display: flex;
		justify-content: center;
		margin: 0 auto
	}

	.submit-btn-cls button {
		font-size: 23px;
		width: 50%;
		padding: 10px 10px
	}

	div#ageCheckboxes {
		max-height: 150px
	}

	div#preferencesCheckboxes {
		max-height: 150px
	}
}

@media only screen and (min-width:380px) and (max-width:400px) {
	.container.find-gift-container {
		text-align: left;
		padding-top: 33%
	}

	.form-group-wrapper {
		display: flex;
		flex-direction: column;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around
	}

	.container-wrapper {
		height: 120vw
	}

	.container-wrapper h2.perfect-gift-heading {
		font-size: 20px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 25px
	}

	.age-content {
		font-size: 20px;
		line-height: 0
	}

	.age-dropdown {
		font-size: 20px
	}

	.drop-css {
		font-size: 15px;
		padding: 5px 10px
	}

	.age-content-collection {
		font-size: 20px;
		line-height: 0
	}

	.drop-sub-css {
		font-size: 15px;
		padding: 5px 10px
	}

	.submit-btn-cls button {
		font-size: 15px;
		width: 100%;
		padding: 10px;
		margin: 0 auto
	}

	.submit-btn-cls {
		padding-top: 9px;
		width: auto
	}
}

@media only screen and (min-width:401px) and (max-width:500px) {
	.container.find-gift-container {
		text-align: left;
		padding-top: 30%
	}

	.form-group-wrapper {
		display: flex;
		flex-direction: column;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around
	}

	.container-wrapper {
		height: 108vw
	}

	.container-wrapper h2.perfect-gift-heading {
		font-size: 20px;
		padding-bottom: 10px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 25px
	}

	.age-content {
		font-size: 20px;
		line-height: 0
	}

	.age-dropdown {
		font-size: 20px
	}

	.drop-css {
		font-size: 15px;
		padding: 5px 10px
	}

	.age-content-collection {
		font-size: 20px;
		line-height: 0
	}

	.drop-sub-css {
		font-size: 15px;
		padding: 5px 10px
	}

	.submit-btn-cls button {
		font-size: 15px;
		width: 100%;
		padding: 10px;
		margin: 0 auto
	}

	.submit-btn-cls {
		padding-top: 9px;
		width: auto
	}
}

@media only screen and (min-width:501px) and (max-width:570px) {
	.container.find-gift-container {
		text-align: left;
		padding-top: 33%
	}

	.form-group-wrapper {
		display: flex;
		flex-direction: column;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around
	}

	.container-wrapper {
		height: 108vw
	}

	.container-wrapper h2.perfect-gift-heading {
		font-size: 23px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 28px
	}

	.age-content {
		font-size: 20px
	}

	.age-dropdown {
		font-size: 20px
	}

	.drop-css {
		font-size: 15px;
		padding: 6px 10px;
		border-radius: 23px
	}

	.age-content-collection {
		font-size: 20px;
		line-height: 0
	}

	.drop-sub-css {
		font-size: 15px;
		padding: 6px 10px;
		border-radius: 25px
	}

	.submit-btn-cls button {
		font-size: 18px;
		width: 100%;
		padding: 10px;
		margin: 0 auto
	}

	.submit-btn-cls {
		padding-top: 9px;
		width: auto
	}
}

@media only screen and (min-width:571px) and (max-width:650px) {
	.container.find-gift-container {
		text-align: left;
		padding-top: 25%
	}

	.form-group-wrapper {
		display: flex;
		flex-direction: column;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around
	}

	.container-wrapper {
		height: 90vh;
		max-height: 90vh
	}

	.container-wrapper h2.perfect-gift-heading {
		font-size: 30px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 35px
	}

	.age-content {
		font-size: 24px;
		line-height: 10px
	}

	.age-dropdown {
		font-size: 25px
	}

	.drop-css {
		font-size: 17px;
		padding: 8px 10px;
		border-radius: 25px
	}

	.age-content-collection {
		font-size: 21px;
		line-height: 10px
	}

	.drop-sub-css {
		font-size: 17px;
		padding: 8px 10px;
		border-radius: 25px
	}

	.submit-btn-cls button {
		font-size: 21px;
		width: 100%;
		padding: 12px;
		margin: 0 auto
	}

	.submit-btn-cls {
		padding-top: 9px;
		width: auto
	}
}

@media only screen and (min-width:651px) and (max-width:700px) {
	.container.find-gift-container {
		text-align: left;
		padding-top: 30%
	}

	.form-group-wrapper {
		display: flex;
		flex-direction: column;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around
	}

	.container-wrapper {
		height: 90vh;
		max-height: 90vh
	}

	.container-wrapper h2.perfect-gift-heading {
		font-size: 30px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 35px
	}

	.age-content {
		font-size: 27px;
		line-height: 10px
	}

	.age-dropdown {
		font-size: 25px
	}

	.drop-css {
		font-size: 17px;
		padding: 8px 10px;
		border-radius: 25px
	}

	.age-content-collection {
		font-size: 27px;
		line-height: 10px
	}

	.drop-sub-css {
		font-size: 17px;
		padding: 8px 10px;
		border-radius: 25px
	}

	.submit-btn-cls button {
		font-size: 21px;
		width: 100%;
		padding: 12px;
		margin: 0 auto
	}

	.submit-btn-cls {
		padding-top: 9px;
		width: auto
	}
}

@media only screen and (min-width:300px) and (max-width:379px) {
	.container.find-gift-container {
		text-align: left;
		padding-top: 33%
	}

	.form-group-wrapper {
		display: flex;
		flex-direction: column;
		align-content: space-around;
		flex-wrap: wrap;
		justify-content: space-around
	}

	.container-wrapper {
		height: 108vw
	}

	.container-wrapper h2.perfect-gift-heading {
		font-size: 15px
	}

	.container-wrapper h2.perfect-gift-heading span {
		font-size: 16px
	}

	.age-content {
		font-size: 15px;
		line-height: 0
	}

	.age-dropdown {
		font-size: 15px
	}

	.drop-css {
		font-size: 15px;
		padding: 5px 10px
	}

	.age-content-collection {
		font-size: 15px;
		line-height: 0
	}

	.drop-sub-css {
		font-size: 15px;
		padding: 5px 10px
	}

	.submit-btn-cls button {
		font-size: 15px;
		width: 100%;
		padding: 10px;
		margin: 0 auto
	}

	.submit-btn-cls {
		padding-top: 9px;
		width: auto
	}
}