/******* 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 0.5s ease;
}
.site_hedader.elementor-sticky--effects {
	background-color: #120034;
	box-shadow: 0 0 30px 0px #0000006e;
}
.site_hedader .e-con-inner{
	transition: all 0.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 0.3s ease-in-out;
}


.sub_menu_heading::before {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50rem;
  background-color: #FE3F98;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.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: 0.5rem;
  height: 0.5rem;
  border-radius: 50rem;
  background-color: #FE3F98;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease;
}
.sub_menu_list ul li:hover::before {
  transform: translateY(-50%) scale(1);
}
.sub_menu_list ul li {
	transition: padding-left 0.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 0.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: 0.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: #fe3f9880 !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 0.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;
}
}