.bg-navy-blue {
	background-color: #005eb8 !important;
}

.bg-pantone {
	background-color: #bc9a5f !important;
}

.text-yellow {
	color: #ebca3b;
}

.text-yellow-new {
	color: #FFD100;
}

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

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

.underline-left:after {
	margin: 0 auto 0 0 !important;
}

/***************************** Start Chritmas Banner *****************************/
.banner {
	/* background-image: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/hero_campaign_landing_desktop@2x.jpg); */
	/* background-image: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/hero_homepage_desktop@2x.jpg); */
	background-image: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/hero_campaign_landing_desktop_v2@2x-scaled.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 610px;
	position: relative;
}

@media (min-width: 992px) {
	.banner:before {
		content: '';
		background: transparent linear-gradient(270deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
		opacity: 0.45;
		position: absolute;
		left: 0;
		top: 0%;
		/* transform: translate(-50%, -50%); */
		width: 100%;
		height: 100%;
		display: none;
	}

	.banner:after {
		content: '';
		background-image: url(../../img/Christmas_assets_2023/PNG_&_JPG/diving_line_yellow_1680px@2x.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		width: 100%;
		min-height: 15px;
		position: absolute;
		left: 50%;
		bottom: -2%;
		transform: translate(-50%, -50%);
		display: none;
	}
}

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

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

/* .bg-2div {
	background-image: url(../../img/Christmas_assets_2021/gold_strip_thick@2x.png);
	background-repeat: repeat-x;
	background-position: top;
	background-size: contain;
} */

.btn.greeting-btn,
.btn.gift-btn {
	font-size: 1.8rem;
	font-weight: 600;
	padding: 0.4em 3.5em;
}

.move-2div {
	top: -105px;
	margin-bottom: -85px;
}

@media (min-width: 768px) {
	.move-2div {
		top: -105px;
		margin-bottom: -85px;
	}

	.div2-text {
		min-height: 3vh;
	}
}

@media (min-width: 1440px) {
	.banner {
		/* background-image: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/hero_campaign_landing_desktop@2x.jpg); */
		/* background-image: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/hero_homepage_desktop@2x.jpg); */
		background-image: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/hero_campaign_landing_desktop_v2@2x-scaled.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		min-height: 610px;
	}

	/* .bg-2div {
		background-image: url(../../img/Christmas_assets_2021/gold_strip_thick@2x.png);
	} */
}

@media (max-width: 992px) {
	.banner {
		background-image: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/hero_campaign_landing_mobile@2x.jpg);
		background-position: center;
	}

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

	.btn.greeting-btn,
	.btn.gift-btn {
		padding: 0.4em 1.5em;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.banner {
		background-image: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/hero_campaign_landing_mobile.jpg);
		min-height: 330px;
		background-position: center;
	}

	/* .greeting-col {
		border-bottom: 5px solid #00407a;
	} */

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

	#greeting-btn,
	#gift-btn {
		width: 100%;
	}

	.g-20 {
		gap: 20px
	}
}

/***************************** End Chritmas banner *****************************/

/***************************** Start Chritmas info *****************************/
h2.chris-info-title:after {
	top: calc(100% + 2.5rem);
}

/***************************** End Chritmas info *****************************/

/***************************** Start Chritmas Write today *****************************/
.christmas-write-today {
	background-image: url(../../img/Christmas_assets_2022/PNG_&_JPG/christmas_2022_icon_background_strip.png);
	background-repeat: repeat-x;
	background-position: center;
	background-size: cover;
	padding: 60px 0;
}

.bg-image {
	background-image: url(../../img/Christmas_assets_2022/PNG_&_JPG/christmas_2022_send_a_greeting_background.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media (min-width: 1440px) {
	.christmas-write-today {
		background-image: url(../../img/Christmas_assets_2022/PNG_&_JPG/christmas_2022_icon_background_strip@2x.png);
		background-size: contain;
	}

	.bg-image {
		background-image: url(../../img/Christmas_assets_2022/PNG_&_JPG/christmas_2022_send_a_greeting_background@2x.jpg);
	}
}

@media screen and (max-width: 992px) and (min-width: 768px) {
	.guide-icon {
		width: 15% !important;
	}

	.guide-text {
		width: 85% !important;
	}
}

.btn.write-today {
	padding: 0.5em 6em;
}

@media (max-width: 767px) {
	.christmas-write-today {
		background-image: url(../../img/Christmas_assets_2022/PNG_&_JPG/christmas_2022_icon_background_strip.png);
		background-repeat: repeat-x;
		background-position: right;
		background-size: cover;
		padding: 60px 0;
	}

	.btn.write-today {
		width: 100%;
		padding: 0.5em 1.5em;
	}
}


/***************************** End Chritmas Write today *****************************/

/***************************** Start Chritmas Slider *****************************/

.christmas-slider .story-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
	/* height: 100vh; */
	padding: 60px 0;
}

.christmas-slider .story-slide .slide-container {
	position: unset;
}

.story-slide .quote-card {
	background: url('../../img/Christmas_assets_2023/PNG_&_JPG/background_case_study_quote_top.png'), url('../../img/Christmas_assets_2023/PNG_&_JPG/background_case_study_quote_bottom.png'), #284519;
	background-repeat: no-repeat, no-repeat;
	background-size: auto, auto;
	background-position: top, bottom;
	padding: 20px;
}

@media (min-width: 1240px) {
	/* .christmas-slider .individual-photo img {
		height: 550px;
	} */

	.story-slide .individual-photo-col {
		position: absolute;
		right: 0%;
		bottom: -13%;
		width: 110%;
	}

	.story-slide .quote-card {
		height: 480px;
	}

	.story-slide .quote-card .quote-sentence {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}
}

@media (min-width: 1420px) {
	.story-slide .individual-photo-col {
		position: absolute;
		right: 18%;
		bottom: -13%;
		width: 110%;
	}

	.story-slide .quote-card {
		right: -8%;
		min-width: 600px;
	}
}

@media (max-width: 1239px) {
	.christmas-slider .story-slide {
		padding: 60px 0 0 0;
		min-height: 675px;
		height: unset;
	}

	.story-slide .quote-card {
		/* max-width: 650px; */
		/* margin: 0 auto; */
		/* min-height: 340px; */
		padding: 20px 20px 40px 20px;
	}

	/* .story-slide .quote-card .quote-sentence {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	} */
}

@media (min-width: 1024px) and (max-width: 1239px) {
	.christmas-slider .individual-photo img {
		margin: 0 auto;
	}
}

/***************************** End Chritmas slider *****************************/

/***************************** Start Chritmas Donation Block *****************************/
/* .christmas-donation-block {
	background: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/section_background_starburst_and_blue_gradient@2x.png), transparent linear-gradient(90deg, #00407A 0%, #005EB8 33%, #005EB8 65%, #00407A 100%) 0% 0% no-repeat padding-box;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: 1;
}

@media (width: 1024px) {
	.christmas-donation-block {
		background: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/section_background_starburst_and_blue_gradient@2x.png), transparent linear-gradient(90deg, #00407A 0%, #005EB8 33%, #005EB8 65%, #00407A 100%) 0% 0% no-repeat padding-box;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		opacity: 1;
	}
}

@media(max-width: 992px) {
	.christmas-donation-block {
		background: url(../../img/Christmas_assets_2024/PNG_JPG_WEBP/section_background_starburst_and_blue_gradient@2x.png), transparent linear-gradient(90deg, #00407A 0%, #005EB8 33%, #005EB8 65%, #00407A 100%) 0% 0% no-repeat padding-box;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		opacity: 1;
	}
} */

/* @media (max-width: 767px) {
	.christmas-donation-block {
		background-size: 100%, 100%;
		padding-bottom: 75px;
	}
} */

#form-donation {
	width: 100%;
}

.asterisk {
	color: #ba1a35;
	font-size: 22px;
	font-weight: bold;
}

.christmas-donation-block #amount_mobile~.btn {
	padding: 0.7em 1em;
	border-radius: 0.5rem !important;
}

.christmas-donation-block #amount_mobile~.btn:after {
	color: #777777;
	border-left: 1px solid #777777;
}

.christmas-donation-block .btn-group .btn {
	font-weight: 500;
	font-size: 2.1rem;
	padding: 0.4em 1.5em;
	border: 2px solid #fff;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px;
	min-width: 130px;
	color: #656565 !important;
}

.christmas-donation-block .btn-group .btn.active {
	border: 2px solid #339526;
	background-image: url(../../img/Christmas_assets/SVG/icon_selected_339526_solid_medium.svg);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px;
	text-align: center;
	padding: 0.4em 1em 0.4em 2em;
}

.christmas-donation-block label {
	font-size: 1.8rem;
	font-weight: 600;
	color: #0054a6;
}

.christmas-donation-block input.form-control {
	/* font-size: 1.8rem; */
	font-size: 22px;
	padding: 0.4em 0.5em;
	border-radius: 0.5rem;
	font-weight: 600;
	border: 1px solid #777777;
}

#amount_custom {
	width: 100%;
	font-weight: 500;
	padding: 0.4em 1em;
	border: 2px solid #ffffff !important;
	color: #656565 !important;
}

/* #amount_custom.active {
	border: 2px solid #5a913a !important;
	background-image: url(../../../../img/interventions/icon_with_your_help.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px;
} */

.input-pound-sign {
	position: absolute;
	color: #656565 !important;
	/* font-size: 2.1rem; */
	font-size: 22px;
	top: 60%;
	left: 30px;
	font-weight: 500;
	transform: translate(-50%, -50%);
}

#direct_debit_pay,
#card_pay {
	padding: 0.7em 1.5em;
}

#process_payment {
	font-size: 1.7rem;
	padding: 0.8em 1.5em;
	width: 100%;
}

.christmas-donation-block .card .card-footer {
	background-color: #eaf0f7;
	border-radius: 0 0 0.5rem 0.5rem;
}

.christmas-donation-block .card .card-footer label {
	color: #5a913a;
}

.christmas-donation-block .card hr {
	border-top: 1.5px solid #6497c9;
}

.christmas-donation-block .card .form-group img {
	vertical-align: text-top;
}

.christmas-donation-block .card.card_payment_form_section {
	display: none;
}

.christmas-donation-block .card.card_payment_form_section.active {
	display: flex;
}

.christmas-donation-block .card .card-footer label span.asterisk {
	color: #656565;
}

#postcode-lookup-select-row {
	display: none;
}

@media(min-width: 768px) {
	#form-donation {
		width: 75%;
	}

	/* #amount_custom {
		width: 265px;
		position: absolute;
	} */

	#process_payment {
		width: 75%;
	}
}

@media screen and (min-width: 2000px) {
	p.big-underline:after {
		height: 0.9px;
	}
}

.total {
	font-size: 23px;
	font-weight: 300;
}

.input-pound-sign1 {
	left: 45.5%;
	z-index: 99;
}

p.big-underline:after {
	content: " ";
	background: #b3b3b3;
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 0.5rem);
	margin: 0 auto;
	width: 100%;
	height: 1px;
}

/* #amount_custom.active {
	background-position: 4% center !important;
} */

@media screen and (max-width: 414px) {
	.input-pound-sign1 {
		left: 40%;
		z-index: 99;
	}

	p.big-underline:after {
		height: 1px;
	}

	.card-body {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 25px;
		padding-top: 20px;
	}
}

@media only screen and (max-width: 320px) {

	#direct_debit_pay,
	#card_pay {
		padding: 0.7em 0.5em;
	}
}

p#processing {
	color: #4a4a4a !important;
}

.error-text p {
	color: red !important;
}

@media screen and (min-width: 768px) {
	#form-donation {
		width: 100%;
	}

	.donation-width {
		width: 60%;
	}
}

@media screen and (width: 768px) {
	.donation-width {
		width: 80% !important;
	}

	.input-pound-sign1 {
		left: 255px;
		z-index: 99;
	}
}

@media screen and (min-width: 968px) {
	.donation-width {
		width: 75%;
	}

	/* .waterdonation {
		margin-top: 35px !important;
	} */
}

.button-block {
	margin-bottom: -40px !important;
}

@media screen and (width: 1920px) {
	.input-pound-sign1 {
		left: 46%;
		z-index: 99;
	}
}

.error-text p {
	border: 1px solid #ea5239;
	margin: 8px 30px;
	width: calc(100% - 60px) !important;
	text-indent: 0 !important;
	height: 45px !important;
	line-height: 39px !important;
	text-align: center !important;
	display: inline-block !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 16px !important;
}

#recurring-donation {
	width: 40px;
	height: 40px;
	background-color: #ffffff;
}

div.checker span {
	background: none;
	border: 2px solid #fff;
	border-radius: 4px;
}

div.checker,
div.checker span,
div.checker input {
	width: 28px;
	height: 28px;
	background-color: transparent;
}

div.check-box span {
	background: none;
	border: 1px solid #0054a6;
	border-radius: 5px;
}

div.checker span.checked {
	border: 1px solid #5a913a;
	background: #fff;
}

div.checker span.checked {
	background-position: -193px -261px !Important;
}

div.checker,
div.checker span,
div.checker input {
	width: 30px;
	height: 30px;
	background-color: transparent;
}

div.checker {
	position: relative;
}

div.checker span.checked:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 900;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: #339526;
}

.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;
	}
}

.christmas-donation-block #confirm {
	background-color: #339526 !important;
	width: 100% !important;
}

.christmas-donation-block #confirm:hover {
	background-color: #66AF5C !important;
}

.btn.selectpicker-select.green-selectpicker:after {
	color: #339526 !important;
	border-left: 1px solid #339526 !important;
}

.diving_line_blue_before:before,
.diving_line_blue_after:after {
	content: '';
	background-image: url('../../img/Christmas_assets_2023/SVG/diving_line_blue_1680px.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	min-height: 15px;
	position: absolute;
}

.diving_line_blue_before:before {
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
}

.diving_line_blue_after:after {
	left: 50%;
	bottom: -1%;
	transform: translate(-50%, -50%);
}

/***************************** End Chritmas Donation Block *****************************/

/***************************** Start Chritmas Blog *****************************/
.christmas-blogs {
	background-image: url("../../img/Christmas_assets_2024/PNG_JPG_WEBP/section_background_starburst_and_blue_gradient@2x.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	/* padding-bottom: 300px; */
}

@media (max-width: 992px) {
	.christmas-blogs {
		background-image: url("../../img/Christmas_assets_2024/PNG_JPG_WEBP/section_background_starburst_and_blue_gradient@2x.png");
		/* padding-bottom: 100px; */
	}
}

@media (min-width: 1440px) {
	.christmas-blogs {
		background-position: center;
		background-size: cover;
		/* padding-bottom: 20vw; */
	}
}

.blog-card {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 350px
}

@media (max-width: 960px) {
	.blog-card {
		height: 300px;
	}
}

@media (max-width: 528px) {
	.blog-card {
		height: 266px;
		background-size: cover;
		overflow: hidden;
	}
}

@media (width: 320px) {
	.blog-card {
		height: 204px;
		background-size: contain;
	}
}

.blog-text {
	width: 100%;
	position: absolute;
	bottom: 0%
}

.bg-overlay {
	background-color: #bc9a5f;
}

/***************************** End Chritmas Blog *****************************/

/***************************** Start Chritmas Share *****************************/
.christmas-share .btn.btn-facebook-share {
	background-color: #1877f2;
	padding: 0.8em 2.875em;
}

.christmas-share .btn.btn-twitter-share {
	background-color: #1da1f2;
	padding: 0.8em 2.875em;
}

.christmas-share-bg {
	background-image: url(../../img/Christmas_assets_2021/background_send_a_greeting@2x.jpg);
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto;
}

/***************************** End Chritmas Share ********************************/



/* New development for 2023*/

.card.bg-navy-blue {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.cardGift {
	background-image: url("../../img/Christmas_assets_2024/PNG_JPG_WEBP/cta_box_background_starburst_and_blue_gradient@2x.png");
}

.cardGreeting {
	background-image: url("../../img/Christmas_assets_2024/PNG_JPG_WEBP/cta_box_background_starburst_and_blue_gradient@2x.png");
}

.share-with-block {
	background-image: url("../../img/Christmas_assets_2023/PNG_&_JPG/diving_line_yellow_1680px@2x.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-color: #005aaf;
}

.christmas-top:before,
.christmas-blogs:before {
	content: '';
	background-image: url("../../img/Christmas_assets_2023/PNG_&_JPG/diving_line_blue_1680px@2x.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	min-height: 15px;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
}

.christmas-bottom:after,
.christmas-blogs:after {
	content: '';
	background-image: url("../../img/Christmas_assets_2023/PNG_&_JPG/diving_line_yellow_1680px@2x.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 100%;
	min-height: 15px;
	position: absolute;
	left: 50%;
	bottom: -1%;
	transform: translate(-50%, -50%);
}

.faq:after {
	content: '';
	width: 100%;
	min-height: 550px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0%);
	background-image: url("../../img/Christmas_assets_2023/PNG_&_JPG/background_star_texture_campaign_landing_faqs_section@2x.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
}



/***************************** Start Chritmas Send Greeting ********************************/

.christmas-send-greeting {
	background: url('../../img/Christmas_assets_2023/PNG_&_JPG/background_star_texture_campaign_landing_writing_section.png'), transparent linear-gradient(0deg, #EEF7F933 0%, #EEF7F9 49%, #EEF7F933 100%) 0% 0% no-repeat padding-box;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	padding: 66px 0 93px 0;
}

.christmas-send-greeting .child-pic-card {
	gap: 15px;
}

.christmas-send-greeting .child-pic img {
	border: 3px solid #FFD100;
	opacity: 1;
}

.christmas-send-greeting .underline-skyblue-orientation:after {
	margin: 0 auto 0 0 !important;
}

@media (max-width: 992px) {
	.christmas-send-greeting .underline-skyblue-orientation:after {
		margin: 0 auto !important;
	}
}

@media (max-width: 767px) {
	.christmas-send-greeting {
		padding: 41px 0 58px 0;
	}

	.christmas-send-greeting .child-pic-card {
		gap: 7px;
	}

	.christmas-send-greeting .four-template {
		overflow: hidden;
	}

	.christmas-send-greeting .four-template img {
		max-width: none;
		/* width: 125%; */
		/* margin-left: -10%; */
		width: 100%;
	}
}

@media (max-width: 528px) {
	.christmas-send-greeting .four-template img {
		width: 100%;
		height: 100%;
	}
}

/***************************** End Chritmas Send Greeting ********************************/

#basket-total {
	font-weight: 400 !important;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.christmas-slider .story-slide .slide-container {
		margin: 0;
		max-width: 100%;
		width: 100%;
	}
}


@media (max-width: 767px) {
	.individual-photo img {
		width: 90%;
	}

	.btn.btn-facebook-share-v2 {
		min-width: 140px;
		padding: 0.5em 1em;
		height: fit-content;
	}

	.btn.btn-twitter-share-v2 {
		min-width: 140px;
		padding: 0.5em 1em;
		height: fit-content;
	}
}

.accordion .card .card-header a:after {
	display: flex;
	align-self: center;
	margin-top: 0;
	position: absolute;
	right: 0%;
	top: 35px;
	transform: translate(-50%, -50%);
}

.accordion>.card>.card-header {
	padding-right: 35px;
}