@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Light.woff2") format("woff2"),
    url("../fonts/Poppins-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.woff2") format("woff2"),
    url("../fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Thin.woff2") format("woff2"),
    url("../fonts/Poppins-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.woff2") format("woff2"),
    url("../fonts/Poppins-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
    url("../fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"),
    url("../fonts/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Italic.woff2") format("woff2"),
    url("../fonts/Poppins-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
html {
  margin: 0px !important;
}
body {
  margin: 0px;
  position: relative;
  font-family: "Poppins";
}
* {
  box-sizing: border-box;
}
:root {
  --background: #5271ff;
  --text-color: rgba(39, 37, 45, 0.75);
  --white: #fff;
  --button: #ffc233;
  --blue: #e63a27;
  --black: #27252d;
  --dark: #000;
  --services-banner: #3f74b9;
	--litegrey:#f7f7f7;
	--darkcement:#545454;
}
h1 {
  color: var(--black);
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  font-family: "Poppins";
  margin: 0px;
}
.ban_para{
	width:74%;
}
p {
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 300;
  margin: 0px;
}
h4 {
  color: var(--black);
  font-weight: 600;
  letter-spacing: -1px;
  font-size: 27px;
  font-family: "Poppins";
  margin: 0px;
}
h2 {
  font-weight: 700;
  letter-spacing: -2px;
  font-family: "Poppins";
  font-size: 46px;
  color: var(--white);
  letter-spacing: 1px;
  margin: 0px;
  line-height: 1.2;
}
h3 {
  font-weight: 600;
  font-size: 32px;
  font-family: "Poppins";
  margin: 0px;
}
h6 {
  margin: 0px;
  color: rgba(255, 255, 255, 0.875);
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "Poppins";
  text-transform: uppercase;
}
h5 {
  font-size: 24px;
  font-weight: 500;
  font-family: "Poppins";
  margin: 0px;
}
a {
  text-decoration: none;
  font-size: 16px;
}
.second_header {
  background: var(--blue);
 border-bottom: 5px solid var(--darkcement);
  padding: 10px 0;
}
.second_header a {
  color: var(--white);
}
.home_form .wpforms-submit-container {
  text-align: center;
}
button,
.aBtn {
  font-size: 16px !important;
  padding: 15px 30px !important;
  border: none !important;
  background-color: var(--blue) !important;
  color: var(--white) !important;
  font-family: "Poppins" !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  height: auto !important;
  text-align: center !important;
	width: auto;
  display: inline-block;
}
.contact_section .contact_right a {
	color: black;
	text-decoration: underline;
}
.contact_section.gallery_bg {
	background: #f6f7f7;
}
.contact_section .main_contact{
	border-top:0px !important;
	box-shadow:none !important;
	background:transparent !important;
	padding:60px 0px 0px !important;
}
/* .home_banner .aBtn {
	background: #ff7200 !important;
} */
#boxj{
	display:flex;
	flex-direction:column;
	align-items:center;
}
#map_para {
	color: black;
	text-align: center;
	line-height: 24px;
	width:60%;
}
.contact_section.gallery_bg h2 {
	color: var(--black);
	text-align: center;
	margin-bottom: 18px;
}
.installation_cork ul{
	padding-left:16px !important;
}
button:hover {
  opacity: 0.8;
  transition: all 0.5s ease-in-out;
}
a:hover {
  text-decoration: underline;
}
.review_section .review_image {
  display: none;
}
.services_rights .quote {
	background: var(--white);
	width: 100% !important;
	padding: 30px 40px;
	border-radius: 12px;
}
.contact_section .our_brands{
	padding-top:0px !important;
}
.iconbox {
	padding: 20px;
	border: 2px solid var(--blue);
	border-radius: 12px;
	width: 48%;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
}
.rooflex_cont_icon {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.iconbox span{
	font-size: 16px;
	border-radius: 100px;
	background: var(--blue);
	padding: 8px 12px;
	color: var(--white);
	width: 40px;
	height: 40px;
}
.iconbox h5 {
	font-size: 15px;
	line-height: 20px;
	margin-top: 12px;
	font-weight: 600;
}
.about_us .services_right {
	width: 45%;
}
.roofer_contact p {
	width: 60%;
}
.roofer_contact{
	width: 100% !important;
	text-align: center;
	align-items: center;
}
.need_roofer {
	background: var(--blue);
	color: var(--white);
}
.need_roofer #aBtn{
	background-color: var(--white) !important;
	color: black !important;
}
.roofer_contact h2{
	color:var(--white) !important;
}
.about_us .services_right img {
	height: 100%;
}
.banner_cont h6 {
	text-transform: unset !important;
	font-weight: 600 !important;
	color: var(--white) !important;
	font-size: 18px !important;
}
.banner_cont ul{
margin-top:0px !important;
}
.services_lefts h2{
	color:var(--black);
}
.service_main:has(.quote) {
	align-items: center;
}
.icon_box_Trusted .guarantee{
	padding:60px 10px !important;
	text-align:center !important;
}
.review_section .review_top {
  justify-content: center;
}
.inspection .services_lefts {
	width: 100% !important;
	text-align: center;
}
.new_roofintro .service_main{
	align-items: start !important;
}
.banner_background.whychoose_us_banner{
	background:url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/7VL3QIQ7RbCSMsZUIHlU_c4507249-17d27e26.v2.0000000-1920w.webp") !important;
}
.page-id-6 .service_roofing .service_main{
align-items: center;
}
.whywe{
	gap:15px !important;
}
.page-id-6 .inspection.why_inspection{
	padding-top:0px !important;
}
.post_container img {
	max-height: 250px;
	object-fit: cover;
}
.footer_text{
	border:none !important;
}
.fotter_logo_1 {
	width: 150px;
	opacity: 0.75;
}
.banner {
	width: 60%;
	margin: 0px !important; 
	background:transparent !important;
	text-align: start !important;
}
.banner_button{
	width: 100%;
	display: flex;
	justify-content: start !important;
}
.new_roofintro .services_right ul{
	padding-left: 16px !important;
}
.home_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/roofflex/wp-content/uploads/2026/01/Faciaandsoffitinstallation.webp");
}
.new_roof_banner{
background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/new-roof-installations-2880w.webp");	
}
.why_chooseuss_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/7VL3QIQ7RbCSMsZUIHlU_c4507249-17d27e26.v2.0000000-1920w.webp");	
}
.blog_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/blog-hero-2880w.webp");
}
.roof_repair_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/roof-repairs-cork-2880w.webp");
}
.flat_roof_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/flat-roofs-2880w.webp");
}
.chimney_repair_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/pexels-photo-280230-2880w.webp");
}
.gutter_repair_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/fascia-soffits-2880w.webp");
}
.uPVC_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/fascia-soffits-5c42487d-2880w.webp");
}
.emergency_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/emergency-roofing-2880w.webp");
}
.landscaping_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/paving-landscaping-dublin-2880w.webp");
}
.steam_washing_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/steam-cleaning-5-2880w.webp");
}
.roof_coating_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/blog-hero-2880w.webp");
}
.home_renovations_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/renovations-2880w.webp");
}
.slate_tile_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/slate-roofing-2880w.webp");
}
.attic_insulation_banner{
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%),url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/attic-insulations-2880w.webp");
}

/* new page */
/* .single-service .installation_cork .services_lefts{
	width:38% !important;
	gap:12px !important;
} */
.single-service .new_roofintro .services_lefts{
	width:45%!important;
}
.single-service .new_roofintro .services_right{
	width:45%!important;
}
/* .single-service .installation_cork .services_right{
	width:60% !important;
} */
/* .single-service .services_text{
	margin-bottom:0px !important;
} */
.single-service .installation_cork .projects {
	gap: 8px !important;
	justify-content:end !important;
}
.single-service .projects_box {
	width: 49% !important;
}
.single-service .services_common_buttons{
	justify-content:start !important;
}
.single-service .installation_cork h3{
	color:var(--black) !important;
}
.single-service .installation_cork h3 span{
	color:var(--blue) !important;
}
/* end here */

.banner_points{
	padding-left:16px;
}
.banner_cont {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.banner_cont .quotation h3{
	margin-bottom:0px !important;
}
.banner_cont .quotation{
	border-top-color:#545454 !important;
}
.fotter_logo_2{
width: 144px;}

.social_link i{
	font-size: 20px;
}
.social_link{
	display:flex;
	gap:12px;
}
.footer_text p{
	margin-top:12px;
}
.social_icon:hover{
	text-decoration:none !important;
}
.social_icon {
	border: 1px solid grey;
	padding: 12px 16px;
	background: grey;
	width: 45px;
	height: 45px;
	border-radius: 100px;
	align-items: center;
	text-align: center;
	display: flex;
	justify-content: center;
}
.contact_form.contactPage iframe {
    width: 100%;
}
/* .single-service .service_main{
	align-items:center;
} */
.related-posts-grid.post_container img {
	height: 250px;
}
.related-posts-grid.post_container{
	justify-content:unset !important;
}
.blu_gg{
	background: var(--darkcement);
	color: var(--white);
}
.blu_bgg{
	background: var(--blue);
	color: var(--white);
}
.page-id-9 #wpforms-130-field_5 {
	height: 100px;
}
#wpforms-130-field_5 {
		height: 100px;
}
.contact_section .wpforms-field{
padding:8px 0px !important;
}
.page-id-9 .wpforms-field{
padding:8px 0px !important;
}
.next_ftr_part{
	display: flex;
  justify-content: space-between;
  gap: 38px !important;
}
.open-hours-item{
	display:flex !important;
}
.guarantee_common a{
	color:var(--white) !important;
	font-weight:300 !important;
}
.newroof_trust .services_right {
	width: fit-content;
}
.footer_left{
	width: 33%;
	display: flex;
	gap: 25px !important;
	flex-direction: column;
}
.page-id-9 .quote h2 {
	font-size:36px;
	margin-bottom: 16px !important;
}
.inspection .line {
	width: 68px !important;
	display: block !important;
	max-width: 68px !important;
	padding: 0 !important;
	min-width: 25px !important;
	align-self: center;
}
.brand_cont{
	display:flex;
	gap:20px;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.brand_cont .brands{
	width:18%;
}
.our_brands{
	text-align:center;
}
.review_section .reviews_heading {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
}
.singlepage_banner{
 background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative;
  min-height: 60vh;
  background-position: center !important;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
	text-align:center;
}
.related-posts-grid{
display: flex;
gap:20px !important;
}

.related-posts-section h2 {
	color: var(--black);
	margin-bottom: 50px;
}
 #facebook{
	border: 1px solid #1877f2 !important;
	background: #1877f2 !important;
	color: var(--white) !important;
}
#whatsapp{
	border: 1px solid #01e675 !important;
	background: #01e675 !important;
	color: var(--white) !important;
}
#Gmail{
	border: 1px solid #707070 !important;
	background: #707070 !important;
	color: var(--white) !important;
}
#twitter{
	border: 1px solid #0f1419 !important;
	background: #0f1419 !important;
	color: var(--white) !important;
}
#linkedin{
	border: 1px solid #0079b4 !important;
	background: #0079b4 !important;
	color: var(--white) !important;
}
.nav-links{
display: flex;
  justify-content: space-between;
	margin-bottom:30px;
	color:black;
}
#hedi{
	margin-bottom: 30px;
	color: black;
	text-align:center;
}
.nav-links a{
	color:black;
}
.post_container{
	display: flex;
	justify-content: space-between;
	gap: 0px;
	flex-wrap:wrap;
}
.review_section .reviews_heading h3 {
  color: var(--black);
  position: relative;
  font-size: 22px;
  font-weight: 600;
}
.review_section .reviews_heading h3::before {
  content: "";
  position: absolute;
  width: 110px;
  height: 4px;
  background: var(--black);
  bottom: -10px !important;
  border-radius: 12px;
  transform: translateX(-50%);
  left: 50%;
}
.inner_banner_cont h2{
	color:var(--white) !important;
}
.trusted_banner{
	background:linear-gradient( 90deg, #09090975 47%, #09090975 0% ), url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/roofing-services-cork-1920w.webp");
	background-attachment: initial !important;
	background-size: cover !important;
	background-position: 50% 50% !important;
	text-align: start !important;
    background-repeat:no-repeat;
	color:var(--white) !important;
}
.over_main_boxes h3 span{
	color:var(--blue);
}
.roofing_insulation-section {
/* 	background-color: #526879; */
	background-color: var(--dark);
	text-align: center;
	background-image: url(https://tech-demo.co.in/wp/roofflex/wp-content/uploads/2026/03/Boby-bg-v2-scaled.png);
	background-position: center center;
	background-size: cover;
}
.icon_box_Trusted .guarantee {
	background: var(--litegrey);
	color: var(--dark);
}
.roofing_insulation-box:hover {
  text-decoration: none !important;
}
.inspection .services_lefts h4{
	position:relative;
}
.newroof_trust .guarantee_col {
	display: flex;
	flex-direction: column;
	align-items: start;
}
.newroof_trust .services_lefts{
	width:57% !important;
}
.newroof_trust .services_common_buttons{
	display: flex;
	justify-content: start;
}
.inspection .services_lefts h4::before{
    content: "";
	position: absolute;
	width: 110px;
	height: 4px;
	background: var(--black);
	bottom: -7px !important;
	border-radius: 12px;
	transform: translateX(-50%);
	left: 50%;
}
/* .postid-213 .ourintro h2{
	text-wrap: balance;
	text-align:start;
} */
/* .new_roofintro .services_lefts{
	width:66% !important;
	justify-content:start;
} */
.new_roofintro .services_lefts ul{
	padding-left:16px !important;
	margin:0px !important;
}
.new_roofintro .quotation{
	border-top: 10px solid var(--darkcement) !important;
}
.services_rights .services_text{
	margin-bottom:8px !important;
}
.projects_cont .projects_box{
	width:48% !important;
}
.services_rights ul{
	margin:0px !important;
	padding-left:16px !important;
}
.our_blog h3,.our_brands h3{
	text-align:center !important;
	font-size:32px !important;
}
.roofing_insulation-section h2 {
  font-size: 2rem;
  margin-bottom: 20px;
  color: var(--black);
  margin: 0px auto;
  text-align: center;
  padding-bottom: 10px;
  font-family: "Poppins";
}
.contact_section .roofing_insulation-container{
	margin-top:36px;
}
.contact_section .roofing_insulation-container img{
	height:250px;
}
.step{
	width: 33%;
	background: var(--blue);
	color: var(--white);
	padding: 50px 30px;
	justify-content: center;
	align-items: center;
	display: flex;
	flex-direction: column;
	text-align: center;
	gap:30px;
}
.step h4{
	color:var(--white) !important;
}
.roofing_insulation-container {
  display: flex;
  justify-content: center;
}
.box-step{
	display:flex;
	justify-content:space-between;
	gap:20px;
}

.roofing_insulation-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  width: 90%;
  max-width: 1300px;
}
.roofing_insulation-box {
	width: 32%;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	background: var(--white);
}
.steps-cont{
	background:var(--litegrey);
}
.ourintro h2{
	color: var(--dark);
  text-align: center;
  margin-bottom: 20px;
}
.ourintro .service_main{
	margin-top:14px;
}
.ourintro h2 span,.ourintro h4 span{
	color:var(--blue);
}
.ourintro .services_rights {
	width: 48%;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.steps-cont p, .steps-cont h2 {
	text-align: center;
}
.steps-cont h2{
	color:var(--dark);
	margin-bottom:15px;
}
.inner-div {
	padding: 32px 20px;
	background: var(--blue);
	color:var(--white);
}
.outer-cont{
	background: var(--blue);
}
.over_main_boxes p{
	text-align:center;
}
.work_gallery{
	display: flex;
	flex-wrap: wrap;
	gap: 15px !important;
}
.inner-div h3{
	background: var(--blue);
	text-align:center;
}
.page-id-9 .roofing_insulation-container{
	margin-top:36px;
}
.icon_box_Trusted .guarantee_common {
	flex-direction: column !important;
}
.icon_box_Trusted .guarantee_col {
	display: flex;
	justify-content: center !important;
	align-items: center;
	padding: 40px 0px !important;
	 flex-wrap: nowrap !important;
	gap: 15px;
}
.roofing_insulation-box-image .lazyloaded {
  aspect-ratio: 2/1.8;
  object-fit: cover;
}
.social_links a {
	background: var(--litegrey);
	font-size: 28px;
	text-align: center;
	padding: 2px 10px;
	border-radius: 100%;
}
.roofing_insulation-box-image {
	clip-path: polygon(100% -1px,100% 83%,50% 100%,0px 83%,0 -1px);
	background: var(--blue);
}
.roofing_insulation-box-image img {
	clip-path: polygon(100% -1px,100% 83%,50% 100%,0 83%,0 -1px);
	height: 300px;
}
.roofing_insulation-box-text p {
  font-size: 16px !important;
  flex-grow: 1;
}
.roofing_insulation-box-text {
  padding: 15px 15px 25px;
  font-size: 1rem;
  color: rgb(68, 68, 68);
  text-align: left;
  background:var(--white);
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
}
.roofing_insulation-box-text h4 {
	color: var(--black);
	font-weight: 500;
}
.contact_section #wpforms-submit-130{
	width:100%;
}
.review_section .reviews {
	background: linear-gradient(to bottom, #feffff 0%, #e8e8e8 100%);
	padding: 80px 0px;
}
.review_section .reviews_heading h2 {
  color: var(--black);
  position: relative;
  font-size: 33px;
}
.review_section .slide-icons {
  display: flex;
}
.background {
  background-color: var(--blue);
}
.container {
  width: 90%;
  max-width: 1300px;
  margin: 0px auto;
}
.headerbg {
  background-color: var(--dark);
}
.our_story_left {
  width: 50%;
  display: flex;
  align-items: center;
  background: #f1f3f4;
  padding: 40px 10px;
}
.our_left {
  max-width: 600px;
  margin: 0px 50px 0px auto;
  padding-left: 10px;
  color: var(--dark);
  gap: 18px !important;
  display: flex;
  flex-direction: column;
}
.our_left h2 {
  color: var(--dark);
  width: 77%;
  text-wrap: balance;
}
.topheader {
	display: flex;
	justify-content: start;
	align-items: start;
	gap: 10px;
	flex-direction: column;
}
.headerbg .topheader {
	min-height: 50px;
}
.topheader a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.emails a{
	background:unset !important;
	color:var(--blue) !important;
	padding-left:0px !important;
}
.topheader img {
  width: 30px;
  margin-right: 5px;
  border: 1px solid var(--white);
  border-radius: 60%;
  padding: 5px;
}
.topheader p {
  color: var(--white);
  font-weight: 300;
}
.phone {
  margin-right: 20px;
}
.header_background {
  background-color: var(--white);
  width: 100%;
  z-index: 9999;
}
.sticky {
  top: 0%;
  position: fixed;
  border-bottom: 1px solid var(--blue);
}
.mainheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0px;
}
.left {
  width: 12%;
}
.right {
  width: 100%;
  display: flex;
	gap:16px;
  align-items: center;
  justify-content: center;
}
.header_button {
  justify-content: end;
}
.left a {
  color: var(--black);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.1;
  font-family: "Poppins";
  text-decoration: none;
}
.right #menu-headermenu {
  margin: 0px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0px;
}
.right #menu-headermenu li {
  list-style: none;
}
.right a {
  text-decoration: none;
  color: var(--black);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  font-size: 16px;
  font-family: "Poppins";
  padding: 8px;
  transition: all 0.3s ease-in-out;
}

.right #menu-headermenu li:first-child::before {
  display: none;
}

.right a:hover {
  color: var(--blue);
}
.footer_bg {
  background-color: #0a1f44;
}
.footer_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.foroofing_insulation-box oter_text h4 {
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.footer_box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer_left {
  width: 33%;
}
ul {
  padding: 0px;
}
.footer_center li {
  list-style: none;
}
.footer_box a {
  color: var(--white);
  font-weight: 300;
  font-family: "Poppins" !important;
}
.footer_center #menu-headermenu-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 5px;
}
.footer_center #menu-headermenu-1 li {
  width: 48%;
  margin-bottom: 10px;
}
.main_footer {
	display: flex;
	padding: 80px 0px 20px;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, 0.875);
	flex-direction: column;
	background:black;
}
.main_footer h5 {
	opacity: 0.9;
}
.main_footer li,.main_footer p,.main_footer dd,.main_footer dt, .main_footer .bottom_topic a {
	opacity: 0.75;
}
.main_footer a{
	color:var(--white);
}
.copyright{
	text-align:center;
}
.bottom_topic h5{
	margin-bottom:12px !important;
}
.bottom_topic {
	margin-bottom:20px;
}
.footer_common {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
}
.footer_location img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border: 1px solid var(--white);
  border-radius: 60%;
  padding: 5px;
}
section {
  padding: 80px 0px;
}
.about_box {
  background-color: var(--white);
  display: flex;
  align-items: center;
}
#wpforms-130-field_6_1{
	border: none !important;
}
.title h1 {
  color: var(--white);
}
.about_left {
  width: 52%;
  padding: 60px;
}
.about_right {
  width: 50%;
  padding: 60px;
}
.about_left h1 {
  color: var(--black);
  font-size: 35px;
  line-height: 42px;
  text-align: center;
  width: 78%;
  margin: 0px auto;
}
.banner_button {
  width: 100%;
}
.about_left p {
  color: rgba(39, 37, 45, 0.75);
  margin-top: 12px;
  text-align: center;
}
img {
  width: 100%;
	object-fit: cover;
}
.common_button {
  display: flex;
  justify-content: center;
}
.about_button {
  margin-top: 20px;
}
.title {
  display: flex;
  padding: 40px 0px;
  justify-content: center;
}
.main_service {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.service_common_box {
  width: 33%;
  padding: 0px 24px;
}
.service_common_box h4 {
  margin-top: 24px;
  text-align: center;
}
.service_common_box img {
  width: 100%;
  height: 60%;
  object-fit: cover;
}
.service_end {
  background-image: url("https://tech-demo.co.in/wp/dline/wp-content/uploads/2025/04/image1-1.webp");
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
}
.service_text h2 {
  text-align: center;
  font-size: 48px;
  line-height: 1;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.875);
  font-family: "Poppins";
  margin-bottom: 25px;
}
.service_button {
  padding-bottom: 25px;
}
.contact_main {
  display: flex;
  justify-content: space-between;
}
.contact_left {
  width: 48%;
}
.contact_right {
  width: 48%;
}
.contact_left h2 {
  margin-bottom: 30px;
  color: var(--black);
}
.contact_left_gap h6 {
  color: var(--black);
}
.contact_left p {
  color: var(--black);
}
.contact_left_gap {
  margin-bottom: 30px;
}
.contact_left a {
  color: var(--black);
}
.main_contact {
  display: flex;
  justify-content: space-between;
  background: var(--white);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 60px;
  border-top: 15px solid var(--blue);
}
.contact_end {
  background-image: url("http://dlineroofing.ie/wp-content/uploads/2024/05/contact_end.png");
  width: 100%;
  height: 100px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: rotate(180deg);
  background-color: var(--background);
}
.contact_text {
  text-align: center;
  padding: 45px 0px;
}
.contact_text h5 {
  color: rgba(39, 37, 45, 0.75);
}
.contact_form h3 {
  color: var(--white);
}
.contact_form {
  width: 100%;
}
#contactMap {
  padding: 0px;
  padding-bottom: 80px;
}
.contact_form .wpforms-field-label {
  color: var(--white) !important;
  font-weight: 400;
  line-height: 1 !important;
  font-size: 16px !important;
  font-family: "Poppins";
}
.contact_form input::placeholder {
  font-family: "Poppins";
}
.contact_form .common_button {
  justify-content: start;
}
.contact_form #wpforms-102 {
  margin-bottom: 10px;
}
.contactPage .wpforms-submit {
  background: var(--blue) !important;
  padding: 15px 30px !important;
  height: auto !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
}
.contact_form input {
  padding: 8px 12px !important;
  border: 0px;
  border-radius: 4px !important;
}
.contact_form textarea {
  padding: 8px 12px !important;
  border: 0px;
  border-radius: 4px !important;
}
.contact_form .wpforms-required-label {
  display: none;
}
.contact_form input:active {
  border: 0px;
}
.contact_form textarea:active {
  border: 0px;
}
.contact_form input:focus {
  border: 0px;
  box-shadow: none !important;
}
.contact_form textarea:focus {
  border: 0px;
  box-shadow: none !important;
}

.banner {
  width: 60%;
  margin: 0px auto;
  z-index: 999;
  position: relative;
  padding: 40px 25px;
  background: rgba(0, 0, 0, 0.6);
  color: var(--white);
  gap: 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.banner h1 {
  color: var(--white);
}
.right .menu-headermenu-container {
  width: 74%;
  margin-right: 10px;
}
.banner_background {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 60vh;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.
.banner_background::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: " ";
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
}
.story h2 {
  color: var(--black);
}
.story h5 {
  font-size: 18px;
  color: var(--blue);
  margin-bottom: 20px;
}
.story span {
  font-size: 18px;
}
.story {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 0px auto;
  text-align: center;
}
.roofing h2 {
  color: var(--black);
  margin: 0px auto;
  text-align: center;
  padding-bottom: 20px;
}
.roofing_box {
  flex-wrap: wrap;
  gap: 25px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.roofing_common_box {
  width: 31%;
  max-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  position: relative;
  transition: all 0.4s ease-in-out;
}
.roofing_common_box img {
  height: 350px;
  object-fit: cover;
  width: 100%;
}
.roofing_box_text {
  padding: 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
  z-index: 3;
  transition: all 0.4s ease-in-out;
}
.roofing_overlay {
  background-color: var(--blue);
  height: 100%;
  position: absolute;
  width: 100%;
  opacity: 0.5;
  z-index: 2;
  transition: all 0.4s ease-in-out;
}
.roofing_common_box:hover .roofing_overlay {
  background: none;
}
.roofing_common_box:hover .roofing_box_text {
  background: var(--blue);
}
.solution {
  display: flex;
}
.solution_left {
  width: 50%;
  background: var(--background);
  display: flex;
  align-items: center;
}
.footer_center h5 {
  margin-bottom: 30px;
}
.footer_email {
  display: flex;
  gap: 5px;
}
.footer_right h5 {
  margin-bottom: 25px;
}
.solution_left img {
  width: 50%;
}
.solution_right {
  width: 49%;
  background-image: url("https://cdn.statically.io/img/tech-demo.co.in/wp/dline/wp-content/uploads/2024/05/Roof-Replacement.webp?quality=100&f=auto");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.solution_right img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.solution_gap {
  max-width: 565px;
  margin: 0px 35px 0px auto;
  padding: 30px 5%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.solution_gap p {
  color: var(--white);
}
.quote {
  width: 70%;
  margin: 0px auto;
}
.quote h2 {
  color: var(--black);
  text-align: center;
  margin-bottom: 30px;
}

.home_form {
  margin: 0px !important;
}
.home_form .wpforms-field-label {
  color: var(--white) !important;
  font-weight: 400;
  line-height: 1 !important;
  font-size: 16px !important;
  font-family: "Poppins";
}
.home_form input::placeholder {
  font-family: "Poppins";
}
.home_form input {
  padding: 13px 10px !important;
  border-radius: 8px !important;
  border: 1px solid #b3b0b0 !important;
}
.home_form textarea {
  padding: 13px 10px !important;
  border-radius: 8px !important;
  border: 1px solid #b3b0b0 !important;
}
.home_form textarea:focus {
  box-shadow: none !important;
}
.home_form input:focus {
  box-shadow: none !important;
}
.home_form .wpforms-required-label {
  display: none;
}
.home_form #wpforms-130-field_3-container {
  width: 48%;
}
.home_form #wpforms-130-field_4-container {
  width: 48%;
}
.home_form .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.home_form #wpforms-130-field_1-container {
  width: 100%;
}
.home_form #wpforms-130-field_2-container {
  width: 100%;
}
.home_form #wpforms-130-field_5-container {
  width: 100%;
}

.gallery h2 {
  color: var(--black);
  text-align: center;
  margin-bottom: 10px;
}
.gallery_image {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  row-gap: 20px;
  justify-content: center;
}
.projects {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.projects_box {
  width: 23%;
}
.projects_box img {
  width: 100%;
  height: 256.6px;
  object-fit: cover;
}
.header_icon {
  display: none;
}
.serviceBanner {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.serviceBanner .container {
  display: flex;
  justify-content: center;
}
.roofrepairs_banner {
  width: 50%;
  background-color: rgba(0, 0, 0, 0.85);
  backface-visibility: hidden;
  position: relative;
  z-index: 10;
  color: #f1f1f1;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22);
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.roofrepairs_banner h1 {
  color: var(--white);
  text-transform: uppercase;
}
.dBtn {
  background: #ff7200 !important;
  padding: 15px 30px !important;
  height: auto !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: var(--white);
  border-radius: 8px;
}
.services_common_buttons {
  display: flex;
  justify-content: center;
  gap: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}

.aBtn:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.services_banner_button2:hover {
  background: var(--white);
  color: var(--black);
  text-decoration: none;
}
button:hover {
  text-decoration: underline !important;
}
.roofrepairs_content {
  display: flex;
}
.services_left {
  width: 66%;
  padding: 0 15px 30px;
}
.services_right {
  width: 33%;
  padding: 0 0px 30px;
}
.services_left h3 {
  margin-bottom: 26.4px;
  border-bottom: 2px solid #ececec;
  padding-bottom: 7.5px;
  color: var(--blue);
}
.services_left h6 {
  margin-bottom: 9.9px;
  color: var(--black);
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: unset;
}
.services_left h4 {
  margin-bottom: 9.9px;
}
.services_text {
  margin-bottom: 22.8px;
}
.repair_list {
  display: flex;
}
.installation_cork .services_left{
	width: 90%;
    padding: 0px !important;
	margin: auto !important;
	text-align: center ;
}
.installation_cork .projects{
	gap:15px !important;
}
.list_col {
  padding: 0 15px 30px;
  width: 50%;
}
.list_col li {
  margin-bottom: 10.56px;
}
#wpforms-277{
	padding:15px;
	margin:0px;
	background:#f6f6f6;
}
 .quotation {
	padding:0px !important;
	border-top:0px !important;
}
.quotation .wpforms-field input::placeholder, .quotation .wpforms-field textarea::placeholder {
	color: #595959 !important;
}
 .quotation_form input, .quotation_form textarea {
	border-radius: 8px !important;
	background-color: var(--white) !important;
	border-color: #DDDDDD !important;
	color: #1a1c1d !important;
}
.top_header_form {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 12px;
	padding-top: 15px;
	background: var(--blue);
}
.quotation {
  padding: 15px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22);
  border-top: 10px solid #b91f37;
  background: var(--blue);
  position: sticky;
  top:25px;
}
.quotation h3 {
	margin-bottom: 8px;
	padding: 0px 15px;
	color: var(--white);
	text-align: center;
}
.quotation p {
	font-size: 16px;
	color: var(--white);
	text-align: center;
	max-width: 95%;
	margin: auto;
}
.quotation_form .wpforms-field {
  padding: 10px !important;
}
.quotation_form input {
	border-radius: 8px !important;
	background-color: var(--white) !important;
	border-color: var(--darkcement) !important;
	color: var(--black) !important;
	background-clip: unset !important;
}
.quotation_form select {
  border-radius: 0px !important;
  background-color: hsla(0, 0%, 100%, 0.2) !important;
  border-color: hsla(0, 0%, 100%, 0.09) !important;
  color: rgb(249, 249, 249) !important;
  background-clip: unset !important;
}
.quotation_form textarea {
	border-radius: 8px !important;
	background-color: var(--white) !important;
	border-color: var(--darkcement) !important;
	color: var(--black) !important;
	background-clip: unset !important;
	max-height: 250px !important;
}
.quotation_form select {
  background-image: linear-gradient(45deg, transparent 50%, var(--white) 50%),
    linear-gradient(135deg, var(--white) 50%, transparent 50%) !important;
}
.quotation_form input::placeholder {
  color: var(--white) !important;
}
.quotation_form textarea::placeholder {
  color: var(--white) !important;
}
.quotation_form button:hover {
  background: var(--blue) !important;
}
.quotation_form button {
  margin-bottom: 24px !important;
}
.quotation .wpforms-submit-container {
  display: flex;
  justify-content: center;
}
.roofing_project {
  background-color: var(--blue);
}
.roofing_text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
}
.roofing_text h4 {
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.roofing_text button {
  text-transform: uppercase;
}
.areas {
  display: flex;
  justify-content: space-between;
}
.area_col {
  width: 48%;
  padding: 0px 15px;
}
.area_box {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.area_box img {
  width: 4% !important;
}
.area_col h3 {
  margin-bottom: 26.4px;
  border-bottom: 2px solid #ececec;
  padding-bottom: 7.5px;
}
.areas_button {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  margin-top: 35px;
  max-width: 196px;
  justify-content: center;
}
.areas_button img {
  width: 17%;
}
.area_col img {
  max-height: 400px;
  object-fit: cover;
}
.experience {
  background: linear-gradient(
      120deg,
      rgba(10, 31, 68, 0.8) 50%,
      rgba(10, 31, 68, 0) 50%
    ),
    url("http://dlineroofing.ie/wp-content/uploads/2024/05/Roof-Replacement-Cost.webp");
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.experience_common img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border: 1px solid var(--white);
  border-radius: 100%;
  padding: 5px;
}
.experience a {
  color: var(--white);
}
.experience p {
  color: var(--white);
}
.experience_gap {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.experience_email {
  display: flex;
  gap: 5px;
}
.experience_common {
  display: flex;
  gap: 5px;
}
.experience_gap h2::after {
  content: "";
  position: absolute;
  background: var(--white);
  width: 16%;
  height: 2px;
  left: 0%;
  bottom: 0%;
}
.experience h2 {
  position: relative;
  padding-bottom: 10px;
}
.left img {
  max-width: 60%;
}
.guarantee_col {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0px;
  flex-wrap: wrap;
  gap: 15px;
}
.guarantee_common h3 {
  font-size: 25px;
  line-height: 1.2;
}

.guarantee {
  background: var(--blue);
  color: var(--white);
}
.guarantee_common {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.guarantee_common.fiveStar {
  flex-direction: column;
  gap: 5px;
}
.guarantee_common.fiveStar img {
  height: 30px;
}
.guarantee_common img {
  height: 40px;
  width: auto;
}
.guarantee_common h3 {
  font-size: 26px;
  line-height: 1.2;
}
.guarantee_common h5 {
  font-size: 17px;
}
.contactBackground::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: " ";
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
}

.contact_right .wpforms-required-label {
  display: none;
}
.contactBackground {
  background-image: url("http://dlineroofing.ie/wp-content/uploads/2024/05/Roof-Replacement-Cost.webp");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.roofrepairs_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/05/Roof-Replacement.webp");
}
.insulation_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/05/project27.webp");
}
.leadvalley_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/05/roof-valley-sams-gutters.webp");
}
.roofcleaned_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/05/roofBanner-2.webp");
}
.chimneyflashing_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/05/TcHmdwjxV5qKcSkUqCreK5-1200-80.webp");
}
.roofing_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/06/31356730_1803460476622821_3706418727609171968_o.jpg");
}
.dryverge_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/05/project15.webp");
}
.fassof_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/05/service29.webp");
}
.flatroof_bg {
  background: url("https://dlineroofing.ie/wp-content/uploads/2024/09/flat-roof.jpg");
}
.newroof_bg {
  background: url("http://tech-demo.co.in/wp/safeguardroofing/wp-content/uploads/2025/12/new-roof-installations-2880w.webp");
}
.guttering_bg {
  background: url("http://dlineroofing.ie/wp-content/uploads/2024/05/visualiser-bg.webp");
}
.flat_roofs {
  display: flex;
  justify-content: space-between;
  margin: 30px 0px;
  flex-wrap: wrap;
}
.h_toggle {
  display: none;
}
.flat_roofs_col {
  width: 50%;
  display: flex;
  flex-direction: revert;
  align-items: start;
}
.flat_roofs h5 {
  color: #555;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
}
.main_menu_mobile {
  display: none;
}
.flat_roofs_col:hover i {
  background: var(--blue);
  color: var(--white);
}
.flat_roofs_col i {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border: 1px solid var(--blue);
  border-radius: 60%;
  padding: 5px;
  color: var(--blue);
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 17.6px;
}
.roofrepairs_banner h4 {
  color: var(--white);
}
.flat_roofs h5 {
  color: #555;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
}
.h_toggle.open .m_line li:nth-child(2) {
  display: none;
}
.open .m_line li:nth-child(3) {
  transform: rotate(-45deg);
  margin: -2px 0 0;
}
.open .m_line li:first-child {
  transform: rotate(45deg);
  margin: 12px 0px 0px;
}
.thankyou {
  text-align: center;
}
.right .sub-menu,
.second_header .sub-menu {
  position: absolute;
  padding: 20px;
  top: 27px;
  z-index: 99999;
  background: var(--white);
  width: 340px;
  list-style: none;
}
.right .sub-menu li,
.second_header .sub-menu li {
  margin-bottom: 25px;
}
.right #menu-item-19 {
  position: relative;
}
.right #menu-item-19:hover .sub-menu {
  display: block;
}
.sub-menu {
  display: none;
}
.right #menu-item-19::after,
.second_header #menu-item-19::after {
  font-family: "Font Awesome 5 Free";
  content: "\25Be";
  display: inline-block;
  font-weight: 900;
  color: var(--black);
  font-size: 17px;
  cursor: pointer;
}
.right #menu-item-19:hover::after,
.second_header #menu-item-19:hover::after {
  color: var(--background);
}
.right .sub-menu li:last-child,
.second_header .sub-menu li:last-child {
  margin-bottom: 0px;
}
.page-id-330 .menu-headermenu-container,
.page-id-437 .menu-headermenu-container {
  display: none;
}
.page-id-330 #footer_center,
.page-id-437 #footer_center {
  visibility: hidden;
}
.error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.error h3,
.error p {
  text-align: center;
}
.reviews {
  background-color: var(--blue);
  padding: 80px 0px;
}
.review_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: auto;
}
.reviews_heading {
  color: var(--white);
  width: auto;
}
.reviews_heading p{
	color:var(--dark);
	text-align:center;
}
.review_image img {
  max-width: 190px;
  min-width: 120px;
}
.slides {
  width: 88%;
  margin: auto;
  padding: 30px 30px 0px 30px;
  display: flex;
}
.slider_box {
  margin-right: 30px;
  padding: 25px 30px;
  background: var(--white);
  border-radius: 8px;
  /* 	height: 100%; */
}
.slide-icons i {
  color: #fabf35;
  font-size: 16px;
  margin-top: 5px;
}
.home_slider {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}
.google_real_reviews {
  max-width: 200px;
}
.home_slider .slides {
  width: 78% !important;
  margin: 0px !important;
  padding: 30px 0px !important;
}
.home_slider .slide-info img {
  width: 35px;
}
.home_slider .slide-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
.slide-basic-info {
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.slide-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 21px;
  color: #474747;
  font-family: poppins;
}
.slide_last_icon i:last-child {
  color: grey;
}
.slick_prev i {
  position: absolute;
  top: 45%;
  left: -3%;
  font-size: 40px;
  color: #b91f37;
  cursor: pointer;
}
.slick_next i {
  position: absolute;
  top: 45%;
  right: -3%;
  font-size: 40px;
  color: #b91f37;
  cursor: pointer;
}
.slides .slick-track {
  display: flex;
  justify-content: space-between;
}
.slick-initialized .slick-slide {
  padding: 0px 10px;
}
.slides .slick-list.draggable {
  padding: 0px !important;
}
.slides .slick-slide {
  height: auto;
}
.slick-slide > div {
  height: 100%;
}
.slide-description h6 {
  color: #1f1f1f;
  margin: 10px 0px 5px 0px;
}
.single-service .topheader a,
.page-id-10 .topheader a {
  background: var(--blue);
  padding: 15px 27px;
  border-radius: 8px;
}
.single-service .topheader p,
.page-id-10 .topheader p {
  margin-right: 0px;
}
.single-service .topheader a p,
.page-id-10 .topheader a p {
  font-size: 16px;
  font-weight: 500;
}
.number_text p {
  font-size: 13px;
}
.single-service .topheader {
  flex-direction: column;
  align-items: end;
}
.single-service .topheader,
.page-id-10 .topheader {
  display: block;
}
.single-service #header_button .aBtn {
  display: none;
}
.number_text p {
  color: var(--blue);
}
.number_text a p {
  color: var(--white);
}
.number_text {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.mobile_number {
  display: none;
}
#roofing_solutions {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  background: unset;
  box-shadow: none;
  padding: 0px;
}

.roofing_Lefts p {
  padding-top: 10px;
}
.roofing_buttons {
  margin-top: 35px;
}
#abouts_main {
  padding-top: 0px;
}
.abouts_main {
  display: flex;
  flex-direction: row;
}
.abouts_lefts {
  width: 50%;
  padding: 50px 0px;
  background: #f3f3f3;
}

.abouts_sub {
  max-width: 600px;
  display: flex;
  justify-content: end;
  flex-direction: column;
  margin: 0px 5% 0px auto;
}
.abouts_rights img {
  width: 100%;
  object-fit: cover;
}
.abouts_rights {
  width: 50%;
  display: flex;
  justify-content: stretch;
  background-image: url("http://dlineroofing.ie/wp-content/uploads/2024/09/hero-5.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.abouts_sub ul {
  padding-left: 35px;
}
.abouts_sub h4 {
  padding-top: 15px;
}
.abouts_sub h3 {
  padding-bottom: 10px;
}
#abouts_paragraphs {
  padding-top: 12px;
}
.page-id-459 .areas {
  display: none;
}
.page-id-459 #area {
  display: none !important;
  padding-top: 0px;
}
.roofing_features {
  padding: 80px 0px;
  background: #072b4b;
}
.roofing_features h2 {
  text-align: center;
  text-transform: capitalize;
  max-width: 80%;
  margin: auto;
}
.main_features {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
  margin-top: 40px;
}
.features_sub {
  width: 31%;
  border: 1px solid #173956;
  padding: 15px;
  color: var(--white);
  display: flex;
  gap: 20px;
}
.features_main {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.features_main img {
  width: 30px;
  margin-top: 6px;
}
.features_sub h4 {
  color: var(--white);
}
#roofing_banners {
  padding: 50px;
  position: relative;
}

.roofings_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: inherit;
  background-color: rgba(0, 0, 0, 0.4);
}

#roofing_testimonials h2 {
  color: var(--black);
  text-align: center;
}
.roofing_testimonial {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 20px;
  margin-top: 30px;
}
.roofing_testimonial_sub {
  width: 31%;
  padding: 25px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.checked {
  color: orange;
}
.roofinf_stars {
  display: flex;
  gap: 3px;
  margin-bottom: 10px;
}
.roofing_span {
  font-size: 20px;
  font-weight: 500;
}
.roofingServices_right {
  width: 50%;
  background-image: url("https://dlineroofing.ie/wp-content/uploads/2024/09/cdb76b17-0154-471d-bc18-af5c9005f0e4.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 640px;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-right: 30px;
  position: relative;
}
.roofingServices_left {
  background: #072b4b;
  width: 50%;
}
.Services_left_sub {
  max-width: 600px;
  display: flex;
  justify-content: end;
  flex-direction: column;
  margin: 0px 5% 0px auto;
  color: var(--white);
  padding-top: 40px;
  align-items: center;
}
.roofing_service {
  display: flex;
  flex-direction: row;
  background: #072b4b;
}
.Services_left_sub img {
  width: 125px;
}
.Services_left_sub h4 {
  color: var(--white);
  margin-top: 20px;
}
.service_call {
  display: flex;
  align-items: start;
  gap: 10px;
  margin-bottom: 30px;
  margin-top: 20px;
}
.service_call img {
  width: 70px;
}
.sercives_contents p {
  max-width: 80%;
}
.roofingServices_right::after {
  content: "";
  clear: both;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: 131px;
  height: 141px;
  background-color: var(--tj-theme-secondary);
  background: #072b4b;
}
.roofing_arrow {
  margin-top: -65px;
}
.service_second {
  padding: 0px 28px 30px 28px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.service_second {
  text-align: center;
}
#roofing_box {
  display: flex;
  flex-direction: column-reverse;
}
.roofing_arrows {
  margin-bottom: -88px;
  z-index: 99;
}
#service_second {
  padding: 50px 30px 30px 30px !important;
}
.roofing_banner {
  background: url("https://dlineroofing.ie/wp-content/uploads/2024/09/banner-1-bg-img-scaled.jpg");
  background-position: bottom center !important;
}
#roofing_solutions h1 {
  padding: 30px 20px;
  background-color: rgba(0, 0, 0, 0.7);
  color: var(--white);
  font-size: 40px;
  display: inline-block;
  max-width: 80%;
}
.roofing_right_sub {
  padding: 15px 15px 0px 15px;
  margin-top: 20px;
  border-radius: 20px;
  background-color: rgba(6, 43, 75, 0.92);
}
.solutions_right {
  display: flex;
  gap: 5px;
  align-items: center;
  padding-left: 10px;
}
.roofing_right_sub p {
  font-size: 15px;
  line-height: 32px;
  font-weight: 600;
}
.solutions_right img {
  width: 20px;
}
.solutions_right p {
  color: var(--white);
  font-family: "Poppins";
}
.roofing_Lefts {
  text-align: left;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.roofing_right {
  width: 30%;
}
#roofing_banners .quotation_form button {
  margin-bottom: -25px !important;
}

.roofing_right .wpforms-submit-container {
  display: flex !important;
  justify-content: center !important;
}
.roofing_right h2 {
  text-align: center;
  font-size: 40px;
}
.page-id-459 .menu-headermenu-container {
  display: none;
}
.abouts_sub p {
  font-size: 16px;
}
.abouts_sub li {
  font-weight: 300;
}
.roofing_secondBanner {
  display: none;
}
.page-id-459 .aBtn {
  display: none;
}
.roofing_phone img {
  width: 25px;
}
.roofing_phone {
  display: flex;
  gap: 5px;
  align-items: center;
}
.header_phones {
  display: none;
}
.page-id-459 .header_phones {
  display: block;
  background: #ff7200;
  padding: 5px 25px;
  border-radius: 50px;
  color: var(--white);
}

.roofing_phone {
  color: var(--white) !important;
}
.roofing_right h5 {
  text-align: center;
  color: var(--white);
}
.roofing_solutions {
  width: 31.5%;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.soltions_testimonial p {
  color: var(--white);
  text-align: center;
  font-size: 16px;
  font-style: italic;
}
.soltions_testimonial {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 30px 20px 0px 20px;
}
#solutins_stars {
  display: fke;
  display: flex;
  justify-content: center;
  width: 100%;
}

.soltions_testimonial h5 {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}

.roofing_right_sub
  .wpforms-container-full
  .wpforms-form
  textarea.wpforms-field-large {
  height: calc(var(--wpforms-field-size-input-height) * 3.1);
}
.roofing_right_sub input {
  background: var(--white) !important;
  border-radius: 10px !important;
}
.roofing_right_sub textarea {
  background: var(--white) !important;
  border-radius: 10px !important;
}
.roofing_right_sub input::placeholder {
  color: rgba(0, 0, 0, 0.7) !important;
}
.roofing_right_sub textarea::placeholder {
  color: rgba(0, 0, 0, 0.7) !important;
}
.roofing_right input,
.roofing_right textarea {
  color: #000 !important;
}
.page-id-459 #footer_center {
  display: none;
}
#roofings_services {
  padding-bottom: 0px;
}
.roofing_subs {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.roofing_subs img {
  width: 150px;
}
h5.review_note {
  text-align: center;
  margin: 30px 5%;
}
.headers_callings {
  display: block;
  background: #ff7200;
  padding: 5px 25px;
  border-radius: 50px;
  color: var(--white);
}
.single-service .headers_callings {
  display: none;
}
.page-id-10 .headers_callings {
  display: none;
}
.main_images {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 0px 6px 80px 6px;
  justify-content: space-between;
}
.sub_images {
  width: 24%;
}
.sub_images img {
  aspect-ratio: 2/1.5 !important;
  object-fit: cover !important;
  border-radius: 4px;
}

.truncated {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  font-size: 16px;
}
.truncated::after {
  content: "... read more";
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--white);
  padding: 0 4px;
  color: var(--dark);
  font-size: 16px;
  padding-left: 10px;
  font-weight: 400;
  text-decoration: underline;
}

.expanded {
  cursor: pointer;
  font-size: 16px;
}

.expanded::after {
  content: "show less";
  color: #082341;
  font-weight: 400;
  text-decoration: underline;
  font-size: 16px;
  padding-left: 10px;
}

.service_roofing {
  background: #f0f0f1;
}
.service_main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.services_lefts {
  width: 48%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.services_rights {
  width: 48%;
}
.service_btn {
  margin-top: 20px;
}
#aBtn {
  background:#ff7200 !important;
}
.services_rights img {
	object-fit: cover;
	border-radius: 4px;
	height: 100%;
}
.quotation .wpforms-submit-container{
	padding:0px 10px !important;
}
#wpforms-submit-277{
	width:100% !important;
}
.services_lefts h3 {
  color:black;
}
.services_lefts p {
  max-width: 95%;
}
#banner_buttons {
  text-transform: uppercase;
}
.home_slider .slick-arrow i {
  font-size: 28px;
  background-color: transparent;
  color: var(--blue);
}
.footer_text h4 {
  color: var(--white);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.second_header #menu-headermenu-2 {
  list-style: none;
  flex-direction: row;
  margin: 0px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0px;
}
.second_header li.menu-item-has-children:hover .sub-menu {
  display: block !important;
}
.second_header li.menu-item-has-children {
  position: relative;
}
.second_header .sub-menu li a {
  color: black !important;
  text-decoration: none !important;
}
.second_header li.menu-item-has-children:hover .sub-menu li a:hover {
  color: var(--blue) !important;
}
.second_header li.menu-item-has-children::after {
  font-family: "Font Awesome 5 Free";
  content: "\25Be";
  display: inline-block;
  font-weight: 900;
  color: var(--white);
  font-size: 17px;
  cursor: pointer;
  margin-left: 5px;
}
.right .menu-headermenu-container {
  display: none !important;
}
.roof_inslution_button {
 font-size: 16px !important;
	padding: 10px 24px !important;
	border: none !important;
	background-color: var(--blue) !important;
	color: var(--white) !important;
	font-family: "Poppins" !important;
	border-radius: 8px !important;
	font-weight: 500 !important;
	height: auto !important;
	width: fit-content;
	margin-top: 15px;
}
.topheader a {
  background: var(--blue);
  padding: 15px 27px;
  border-radius: 8px;
}
.topheader a p {
  font-size: 16px;
  font-weight: 500;
  margin: 0px !important;
}
.work_box {
  width: 32%;
  border-radius: 8px !important;
}
.over_gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
}
.over_main_boxes h3 {
  text-align: center;
  color: var(--black);
  margin: 0px auto;
  text-align: center;
  padding-bottom: 30px;
  font-weight: 500;
  font-family: "Poppins";
  font-size: 44px;
  letter-spacing: 1px;
  line-height: 1.2;
}
.work_box img {
  aspect-ratio: 1;
  border-radius: 8px !important;
  object-fit: cover;
}
.para_bottom {
  font-size: 18px !important;
  margin-bottom: 23px !important;
}
.over_work {
  padding-top: 80px;
}
.logo {
	max-width: fit-content;
}


.header_tel p {
	color:#082341;
	font-weight:700;
	font-size:18px;
}
.header_tel {
	background: transparent;
}
.images_box {
	width: 16%;
}
.privacy-policy .main_content h2 {
	color: var(--black);
	margin: 25px 0px;
}
.privacy-policy .main_content p {
	color: var(--black);
	margin: 12px 0px;
}
.privacy-policy .main_content ul li {
	color: var(--black);
	margin: 8px 30px;
}
.privacy-policy .main_content a {
	color: var(--blue) !important; 
	text-decoration: none !important;
}

.block-reviews-top {
	font-size: 12px;
	border: 1px solid var(--blue);
	border-radius: 50px;
	padding: 2px 17px;
	display: inline-block;
	margin-bottom: 20px;
	max-width: fit-content;
}
.block-reviews-top-img {
	width: 70px;
	margin-left: 5px;
	filter: brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(22%) hue-rotate(280deg) brightness(108%) contrast(100%);
}
.highlight-white {
	background-image: url(https://tech-demo.co.in/wp/roofflex/wp-content/uploads/2026/03/highlight-green.svg);
	background-position: 50% 90%;
	background-repeat: no-repeat;
	background-size: auto;
	filter: brightness(0) saturate(100%) invert(98%) sepia(8%) saturate(22%) hue-rotate(280deg) brightness(108%) contrast(100%);
}
.banner ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.banner ul li {
	margin: 0 !important;
	padding: 4px 0px !important;
	line-height: 1.3em;
}
.banner ul li i {
	color: var(--blue);
	margin-right: 6px;
}
.color {
	color: var(--blue);
}
.roofing_insulation-section-heading h2, .roofing_insulation-section-heading p {
	color: var(--white);
	text-align: center;
}
.upper {
	text-transform: uppercase;
}
.contact_left_gap i {
	color: var(--blue);
	margin-right: 8px;
}
.icon_address i {
	color: var(--blue);
	margin-right: 8px;
}
.list ul{
	margin-left: 16px;
}
button, .aBtn {
	text-transform: uppercase !important;
}
.footer_bg .blu_bgg .left_content {
	max-width: 80%;
}
.three_columns {
	columns: 300px 3;
	max-width: 100%;
	margin: auto;
	list-style-type: none;
}
.three_columns li i {
	color: var(--blue);
	margin-right: 8px;
	display: contents;
}
.three_columns li {
	font-weight: 300;
	font-size: 18px;
}
.roofing_insulation-box .icon {
	height: 110px;
	width: 110px;
	margin: auto;
	margin-top: -70px;
	background: var(--white);
	z-index: 2;
	padding: 16px;
	border-radius: 100%;
	border: 4px solid var(--blue);
}
.roofing_insulation-box .icon img {
	object-fit: contain !important;
	height: 70px;
	width: 70px;
}
.roofing_projects h2{
	color: var(--black);
	text-align:center;
	margin-bottom:10px;
}
p.center{
	text-align:center;
}
.project_boxes{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

	.project_boxes img {
	max-width: 33%;
	max-height: 270px;
	margin-bottom: 6px;
}
.project_boxes .clr {
	max-width: 49.8%;
	max-height: 400px;
}