/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 28 2026 | 09:59:59 */
html {
	font-size: 62.5%;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

html {
	overflow-x: hidden;
}

.e-con > .e-con-inner {
	padding-inline-end: 20px;
	padding-inline-start: 20px;
}

/* =========================== SITE HEADER ================================ */
.site_hedader {
	transition: all .5s ease;
}

.site_hedader.elementor-sticky--effects {
	background-color: #120034;
	box-shadow: 0 0 30px 0px rgba(0, 0, 0, .43);
}

.site_hedader .e-con-inner {
	transition: all .5s ease;
}

.site_hedader.elementor-sticky--effects .e-con-inner {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.sub_menu_heading h2 {
	position: relative;
	padding-left: 0;
	transition: padding-left .3s ease-in-out;
}

.sub_menu_heading::before {
	content: "";
	position: absolute;
	width: .5rem;
	height: .5rem;
	border-radius: 50rem;
	background-color: #fe3f98;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scale(0);
	transition: transform .3s ease;
}

.sub_menu_heading h2:hover {
	padding-left: 2rem;
}

.sub_menu_heading:hover::before {
	transform: translateY(-50%) scale(1);
}

.sub_menu_list ul li {
	position: relative;
}

.sub_menu_list ul li::before {
	content: "";
	position: absolute;
	width: .5rem;
	height: .5rem;
	border-radius: 50rem;
	background-color: #fe3f98;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scale(0);
	transition: transform .3s ease;
}

.sub_menu_list ul li:hover::before {
	transform: translateY(-50%) scale(1);
}

.sub_menu_list ul li {
	transition: padding-left .3s ease-in-out;
}

.sub_menu_list ul li:hover {
	padding-left: 2rem;
}

.section_heading h5 {
	display: flex;
	align-items: center;
	height: 2.1rem;
}

.section_heading::before {
	content: "";
	position: absolute;
	height: 3.7rem;
	width: 3.7rem;
	left: 0;
	top: 0;
	border-radius: 50px;
}

.section_heading.blue::before {
	background-color: #5f75ff;
}

.section_heading.pink::before {
	background-color: #fe3f98;
}

.section_heading.yellow::before {
	background-color: #fdd667;
}

.section_heading.green::before {
	background-color: #3ffea6;
}

.site_btn {
	position: relative;
}

.site_btn .elementor-button-text {
	position: relative;
	z-index: 2;
}

.site_btn::before {
	content: "";
	position: absolute;
	width: 6.3rem;
	height: 6.3rem;
	border-radius: 50rem;
	left: 0;
	top: 0;
	background-image: url("https://newcastleresin.co.uk/wp-content/uploads/2026/04/cf-arrow.svg");
	background-repeat: no-repeat;
	background-position: left 2rem center;
	background-size: 2.5rem;
	transition: width .5s ease-in-out;
}

.site_btn.pink::before {
	background-color: #fe3f98;
}

.site_btn.blue::before {
	background-color: #5f75ff;
}

.site_btn.yellow::before {
	background-color: #fdd667;
}

.site_btn:hover::before {
	width: 100%;
}

.work_text-box::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 2px;
	background: #120034;
	top: 0;
	left: 3rem;
}

.service_img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #120034;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: .6;
}

.download_brochure::before {
	content: "";
	position: absolute;
	width: 40%;
	height: 100%;
	background: #fdd667;
	right: 0;
	top: 0;
	left: unset;
}

.year_blocks h2 {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.year_blocks::before {
	content: "";
	width: 8.8rem;
	height: 8.8rem;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50rem;
}

.year_blocks.blue::before {
	background: #5f75ff;
}

.year_blocks.yellow::before {
	background: #fdd667;
}

.year_blocks.green::before {
	background: #3ffea6;
}

.year_blocks.pink::before {
	background: #fe3f98;
}

.e-n-tabs-heading {
	background: #f2f1f6;
	border-radius: 5rem;
}

.e-n-tabs-heading::after {
	content: "Not found an answer? Go to our FAQs page or Contact Us";
	color: #120034;
	font-size: 2.1rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
	width: 70%;
	padding-top: 7rem;
}

.e-n-tabs-heading {
	padding: 0 6rem;
}

.e-n-tabs-heading button {
	border-bottom: 1px solid #120034 !important;
	border-radius: 0 !important;
}

.e-n-tabs-heading button[aria-selected="true"] {
	font-weight: 700 !important;
}

.e-n-tabs-heading button:hover {
	font-weight: 700 !important;
}

.elementor-upload-field {
	width: 100%;
	height: 7rem;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	padding-left: 2rem;
}

.elementor-field-option {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.elementor-acceptance-field {
	width: 2.5rem;
	height: 2.5rem;
}

.e-form__buttons button {
	position: relative;
	background: rgba(254, 63, 152, .5) !important;
}

.e-form__buttons button::before {
	content: "";
	position: absolute;
	width: 6.3rem;
	height: 6.3rem;
	background: #fe3f98;
	border-radius: 50rem;
	left: 0;
	top: 0;
	background-image: url("https://newcastleresin.co.uk/wp-content/uploads/2026/04/cf-arrow.svg");
	background-repeat: no-repeat;
	background-position: left 2rem center;
	background-size: 2.5rem;
	transition: width .5s ease-in-out;
}

.e-form__buttons button:hover::before {
	width: 100%;
}

.e-form__buttons .elementor-button-text {
	z-index: 2;
}

/*======================== SITE FOOTER ===========================*/
.footer::before, .mobile_menu::before {
	background-position: right 15rem bottom -25rem;
	filter: blur(200px);
}

/*============================= RESPONSIVE =====================================*/
@media (max-width: 1500px) and (min-width: 1025px) {
	html {
		font-size: 55%;
	}
}

@media (max-width: 1024px) {
	.site_btn::before {
		width: 5.9rem;
		height: 5.9rem;
	}
}

@media (max-width: 768px) {
	.year_blocks h2 {
		writing-mode: unset;
		text-orientation: unset;
	}
	
	.year_blocks {
		width: 100% !important;
		padding: 2rem 2rem 2rem 10rem !important;
	}
	
	.year_blocks::before {
		width: 7.5rem;
		height: 7.5rem;
	}
	
	.e-n-tabs-heading::after {
		padding-top: 0;
		padding-bottom: 3rem;
	}
	
	.e-n-tabs-content > div {
		margin-bottom: 3rem !important;
	}
	
	.e-n-tab-title {
		padding: 2rem !important;
	}
	
	.download_brochure::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 8rem;
		background: #fdd667;
		right: 0;
		top: unset;
		left: unset;
		bottom: 0;
	}
}