div,
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "NeighbourSans", sans-serif;
}

.underline-yellow-orientation:after {
	background: url('../../img/Christmas_assets_2023/SVG/tab_yellow_orientation_b.svg') !important;
}

.banner {
	background-image: url(../../img/Christmas_assets_2025/christmas_hero_write_desktop@2x.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 448px;
}

.bannertext {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	z-index: 20;
}

@media (min-width: 1440px) {
	.banner {
		background-image: url(../../img/Christmas_assets_2025/christmas_hero_write_desktop@2x.jpg);
		min-height: 448px;
	}
}

@media (max-width: 992px) {
	.banner {
		background-image: url(../../img/Christmas_assets_2025/christmas_hero_write_mobile@2x.jpg);
		min-height: 448px;
		background-position: center;
	}

	.bannertext {
		top: 50%;
	}
}

.bg-lightblue {
	background-color: #EEF7F9;
}

.bg-rblue {
	background-color: #2855a6;
}

@media (min-width: 992px) {
	.border-r {
		margin-left: 2rem !important;
		margin-right: 2rem !important;
	}
}

.font-family-Montserrat {
	font-family: 'Montserrat', sans-serif;
}

.bg-greeting {
	background-image: url(../../img/Christmas_assets_2023/PNG_&_JPG/background_star_texture_writing_pages_bottom.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}

@media (max-width: 767px) {
	.bg-greeting {
		background-size: contain;
		background-position: bottom;
	}

	.cmp-btn--default {
		width: 100%;
	}
}

.child-card.active .sponsor-child-image {
	width: 85%;
	border: 5px solid var(--mid-green);
}

.child-card .sponsor-child-image {
	width: 85%;
	border: 5px solid #425563;
}

.child-card .Not-selected {
	position: absolute;
	top: -6%;
	display: block;
}

.child-card.active .Not-selected {
	display: none;
}

.child-card.active .selected {
	position: absolute;
	top: -6%;
	display: block;
}

.child-card .selected {
	display: none;
}

.child-card .child-name {
	color: #425563;
}

.child-card.active .child-name {
	color: var(--mid-green);
}

.btn.continue {
	padding: 0.9em 5em;
}

@media (max-width: 528px) {
	.btn.continue {
		width: 100%;
	}
}

.letter-slider .slick-list {
	padding: 0 12% 0 0 !important;
}

/* #greeting-header,
#msg-header {
	background-color: #768692;
}

#greeting-header.active,
#msg-header.active {
	background-color: #2855a6;
} */

.christmas-greeting.active {
	border: 5px solid var(--mid-green);
}

.christmas-greeting.active .selected-letter {
	display: block;
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%, -50%);
	z-index: 20;
}

.christmas-greeting .selected-letter {
	display: none;
}

#letter-text {
	height: 500px;
	padding: 10px;
	resize: none;
	border: 0;
}

.photo-card {
	height: 250px;
}

@media (min-width: 768px) {
	.photo-card {
		height: 160px;
	}
}

@media (min-width: 992px) {
	.photo-card {
		height: 250px;
	}
}

@media (max-width: 528px) {
	.photo-card {
		height: 135px;
		margin-right: 10px;
		margin-left: 10px;
	}
}

@media (max-width: 767px) {
	.photo-card {
		height: 140px;
	}
}


@media (max-width: 528px) {
	.preview-btn {
		width: 100%;
	}

	.btn.remove-letter-photo {
		padding: 0.5em 0.2em;
	}

	#form-write-letter {
		width: 100%;
	}
}

.rotate-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 20;
}

.border-top-radius {
	border-top-left-radius: 7px !important;
	border-top-right-radius: 7px !important;
}

@media (min-width: 992px) {
	.border-md-top-radius {
		border-top-left-radius: 7px !important;
		border-top-right-radius: 7px !important;
	}
}

.border-bottom-radius {
	border-top-left-radius: 7px !important;
	border-top-right-radius: 7px !important;
}

@media (min-width: 992px) {
	.border-md-bottom-radius {
		border-bottom-left-radius: 7px !important;
		border-bottom-right-radius: 7px !important;
	}
}

/****************************************** Letter Preview *******************************************/
.greeting-overview-preview {
	background-image: url(../../img/Christmas_assets_2023/PNG_&_JPG/background_star_texture_writing_pages_top.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media (min-width: 1440px) {
	.greeting-overview-preview {
		background-image: url(../../img/Christmas_assets_2023/PNG_&_JPG/background_star_texture_writing_pages_top@2x.png);
	}
}

@media (max-width: 767px) {
	.greeting-overview-preview {
		background-image: url(../../img/Christmas_assets_2023/PNG_&_JPG/background_star_texture_writing_pages_top@2x.png);
		background-position: center;
	}
}

.bg-greeting-preview-container-fluid .card {
	box-shadow: 0px 3px 6px #00000029;
}

.bg-greeting-preview-container-fluid .card-body {
	background: #F6F8F8;
	padding: 40px 33px 0px 33px;
}

.child-card-show.active .child-image-preview {
	border: 5px solid #339526;
	max-width: 100%;
	max-height: 100%;
}

.child-card-show.active .child-name-preview {
	color: #339526;
}

.btn.btn-theme-darkgrey {
	padding: 0.7em 1.5em !important;
}

.btn.btn-theme-green {
	background-color: #339526;
	color: #fff;
	border: 1px solid #339526;
	padding: 0.7em 1.5em;
}

@media (max-width: 528px) {
	.btn.btn-theme-darkgrey {
		width: 100%;
	}

	.btn.btn-theme-green {
		width: 100%;
	}
}

@media (max-width: 528px) {
	.showing-child-slider {
		width: 100%;
	}
}

#angle-left {
	float: left;
	margin: 5px;
	position: absolute;
	z-index: 5;
	left: -8%;
	top: 15%;
	display: inline-block;
	width: 35px;
	height: 35px;
	background: transparent;
	text-indent: -9999px;
	border-top: 5px solid #0054a6;
	border-left: 5px solid #0054a6;
	transition: all 250ms ease-in-out;
	text-decoration: none;
	color: transparent;
	transform: rotate(-45deg);
}

#angle-right {
	float: right;
	margin: 5px;
	position: absolute;
	z-index: 5;
	right: -8%;
	top: 15%;
	display: inline-block;
	width: 35px;
	height: 35px;
	background: transparent;
	text-indent: -9999px;
	border-top: 5px solid #0054a6;
	border-left: 5px solid #0054a6;
	transition: all 250ms ease-in-out;
	text-decoration: none;
	color: transparent;
	transform: rotate(135deg);
}

.btn.send-greeting,
.btn.edit-greeting {
	padding: 0.5em 0.875em;
}

@media (max-width: 767px) {
	.progress {
		/*width:88%;*/
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}

	.btn.send-greeting,
	.btn.edit-greeting {
		width: 100%;
	}
}

@media (max-width: 528px) {
	#previewForm {
		width: 100%;
	}

	#previewForm1 {
		width: 100%;
	}
}

.cam_info {
	display: flex;
}

.btn.remove-letter-photo {
	padding: 0.5em 0.5em;
}



/* new 2025 development */
.w-6rem {
	width: 6rem;
}