.limonade-row-60 .fl-row-content-wrap {
	padding: 60px 20px;
	margin: 0 auto;
}

.limonade-row-20-50 .fl-row-content-wrap {
	padding: 20px 20px 50px;
	margin: 0 auto;
}

.limonade-row-80 .fl-row-content-wrap {
	padding: 80px 20px;
		margin: 0 auto;
}

.limonade-row-bottom-80 .fl-row-content-wrap {
	padding: 0 20px 80px;
		margin: 0 auto;
}

.limonade-row-100-0 .fl-row-content-wrap {
	padding: 100px 0px;
	margin: 0 auto;
}

.hero-row-text-adjust .fl-row-content-wrap, .hero-row-text-adjust-contact .fl-row-content-wrap{  
		padding-bottom: 200px;
	}

.fl-post-content {
	max-width: 100%;
	padding: 0;
}
.fl-content-full .container {
	width: 100%;
	max-width: 100%;
}



.break-list li {
  display: block !important;
  text-align: left !important;
}

.plain-info-box {
	 height: 270px;
  width: 270px;
  padding: 20px;
  margin: 0 auto;
}

.benefits-info-box-dark {
  height: 230px;
  width: 230px;
  padding: 20px;
  margin: 0 auto;
  background-color: white;
  border-radius: 50%;
}

.info-box-space {
	padding: 20px;
}


.testimonial-power {
	margin: 0 auto !important;
}

.testimonial-power .uabb-infobox-title-prefix {
	font-size: 24px;
}

.update-list-1 ul{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.update-list-1 ul li {
  padding-left: 25px; /* Adjust the padding as needed */
  margin-bottom: 10px; /* Adjust the margin as needed */
}

.update-list-1 ul li:before {
  content: "\2022"; /* Bullet point character */
  display: inline-block;
  width: 10px; /* Adjust the width as needed */
  margin-left: -20px; /* Negative margin to bring the bullet closer to the text */
}


/*  Adjustments CSS   */


.incentivo-modal .uabb-modal-close.uabb-button {
	margin-left: -30px !important;
}


/*  Locations CSS   */

.count-result-text {
	color: #1f4298 !important;
	font-size: 24px;
}

a.s-direction {
	color: #1f4298 !important;
	font-weight: bold!important;
}

.asl-item-box, .asl-item-box span  {
	line-height: 1.25 !important;
}

.asl-item-box span {
	padding-bottom: 10px !important;
}

/*  Font Assignments  */

.extra-bold-span {
	font-weight: 800 !important;
}

.font-h3 h3 {
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: normal;
}

.font-h1 h1 {
  font-family: Poppins, sans-serif;
  font-size: 68px !important;
  font-weight: 800;
}


.font-h2 h2 {
  font-family: Poppins, sans-serif;
  font-size: 40px;
  font-weight: 600;
}


.font-h4 h4 {
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.font-p1 p {
  font-family: Sarabun, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.font-p2  p {
  font-family: Sarabun, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.font-p3 p {
  font-family: Sarabun, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.font-p4 p {
  font-family: Sarabun, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.font-p5 p {
  font-family: Sarabun, sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.font-p6  p{
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.font-p7 p {
  font-family: Poppins, sans-serif;
  font-size: 50px;
  font-weight: bold;
}

/* navigation changes October 24, 2024 */

.highlight-navigation a {
	border: 2px solid #fd6801 !important;
	font-weight: bold !important;
	color: #1e4298 !important;
}

.highlight-navigation a:hover {
	border: 2px solid #1e4298 !important;
	color: #000 !important;
}

.dark-blue {
	background-color: #1f4198;
	color: #ffffff;
}

.orange-background{
	background-color: #ff6800;
	color: #ffffff;
}

/* Sticky Footer  */
.limonade-sticky-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1; /* Ensures the footer stays on top */
}

.limonade-sticky-footer a {
	text-decoration: none; /* Remove default underline */
	padding-bottom: 10px;
	border-bottom: 2px solid transparent; /* No line initially */
	transition: border-bottom 0.3s ease; /* Smooth transition effect */
}

.limonade-sticky-footer a:hover {
	border-bottom: 2px solid #fff; /* Line appears on hover, adjust color and thickness as needed */
}

.limonade-footer-heading-cta {
	font-size: 30px !important;
}


.font-p8 p {
  font-family: Poppins, sans-serif;
  font-size: 20px ;
  font-weight: 300 !important;
}

/* Styles for single blog post headings */

.single-post h1 {
	font-size: 32px; /* Adjust the size as needed */
	margin-top: 20px;
	margin-bottom: 10px;
	/* Add any additional styling such as font-weight, color, etc. */
}

.single-post h2 {
	font-size: 28px; /* Adjust the size as needed */
	margin-top: 18px;
	margin-bottom: 10px;
	/* Additional styling */
}

.single-post h3 {
	font-size: 24px; /* Adjust the size as needed */
	margin-top: 16px;
	margin-bottom: 8px;
	/* Additional styling */
}

.single-post h4 {
	font-size: 20px; /* Adjust the size as needed */
	margin-top: 14px;
	margin-bottom: 8px;
	/* Additional styling */
}

.single-post .fl-post-header {
	display:none;
}

.single-post .fl-builder-content-primary  .fl-row-content-wrap {
	margin-top: -40px !important;
}

.font-span1 span.uabb-infobox-title {
  font-family: Sarabun, sans-serif;
  font-size: 40px;
  font-weight: 800;
}

.text-upper-case h1, .text-upper-case h2, .text-upper-case h3, .text-upper-case h4, .text-upper-case p{
	text-transform: uppercase ;
}    

.white-text {
	color: #fff !important;
}

.plain-info-box.home-page-icons .uabb-infobox-title-prefix {
	color: #ff6800 !important;
}

.plain-info-box.home-page-icons .uabb-infobox-title {
	color: #5b5b5b ;
}

.plain-info-box.home-page-icons .uabb-separator {
	border-top: 3px solid #1f4298 !important;
}

.parallelogram {
	background-color: #1f4298;
	transform: skew(-20deg);
	width: 300px;
	max-height: auto;
	text-align: center;
}

.power-button {
	color: #ffffff !important; /* Text color */
	font-size: 20px !important; /* Font size */
	background-color: #ff6800 !important; /* Background color */
	height: 45px !important; /* Height */
	font-weight: 600 !important;
	border-radius: 0 !important; /* No rounded corners */
	border: none !important; /* No border */
	display: inline-block; /* Allows button-like behavior */
	text-align: center; /* Centers text */
	line-height: 45px; /* Aligns text vertically */
	cursor: pointer; /* Changes cursor to pointer */
	transition: background-color 0.3s ease-in-out; /* Smooth hover transition */
	width: 280px;
}

.power-button.blue-background:hover {
	background-color: #666666 !important ; /* Background color on hover */
}

.power-button:hover {
	background-color: #1f4298 !important ; /* Background color on hover */
}

.power-button.align-button-left {
	float:left !important;
}

/*  Gravity Forms Customizations  */
.gform_button  {
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-right:auto !important;
margin-left:auto !important;
}


.uabb-gf-style .ginput_container_select:after {
  content: '\f063';
  display: inline-block;
  font-family: FontAwesome;
  font-size: 20px;
  margin-left: 5px;
}

.uabb-gf-style .gfield_select , .uabb-gf-style input{
 font-family: Sarabun, sans-serif;
 font-size: 20px !important;
}

.fl-module-uabb-gravity-form .textarea, .uabb-button-text , .gfield_label.gform-field-label{
	font-size: 20px !important;
}

.partial_entry_warning {
	color: #A8A8A8; /* Text color */
	font-size: 12px; /* Font size */
	text-align: center; /* Center text */
}


.power-contact-form-row {
	max-width: 1100px;
}

.gform_wrapper .override-label .gfield_label {
	display: block !important;
}

/* Soluciones Comerciales Landing Page */
.solucion-comercial-hero-row::before {
	content: "POWER SOLAR EN PUERTO RICO:";
	font-size: 24px; /* Adjust font size as needed */
	font-weight: bold; /* You can adjust the weight if needed */
	margin-bottom: -20px; /* Adds some space below the text */
	color: #fff;
	margin-left: 20px;
}

.solucion-comercial-hero-row {
	margin-left: 80px;
	margin-top: 0;
}

.solucion-comercial-hero-row .uabb-infobox-title-prefix  {
	margin-right: 10px;
}

/*  Animations  */

.icon-one,
.icon-two,
.icon-three,
.icon-four,
.icon-five {
	opacity: 0;
	transform: translateY(20px); /* Start 20px down */
	visibility: hidden; /* Ensure elements are hidden initially */
}

.icon-one.animate {
	animation-delay: 0.20s !important;
	animation: fadeup 2s ease forwards; /* Common animation parameters */
}

.icon-two.animate {
	animation-delay: 0.40s !important;
	 animation: fadeup 2s ease forwards; /* Common animation parameters */
}

.icon-three.animate {
	animation-delay: 0.60s !important;
	 animation: fadeup 2s ease forwards; /* Common animation parameters */
}

.icon-four.animate {
	animation-delay: 0.80s !important;
	 animation: fadeup 2s ease forwards; /* Common animation parameters */
}

.icon-five.animate {
	animation-delay: 0.99s !important;
	 animation: fadeup 2s ease forwards; /* Common animation parameters */
}

@keyframes fadeup {
	from {
		visibility: visible; 
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Make elements visible when they start animating */
.animate {
	visibility: visible;
	transition: visibility 0s linear 0s; /* Immediate visibility transition */
}



/* Styling for the .uabb-infobox-title-prefix inside .header-info-row-box */
.header-info-row-box .uabb-infobox-title-prefix {
	color: #1f4298; /* Text color */
	font-size: 60px; /* Font size */
}

/* Styling for the .uabb-infobox-title inside .header-info-row-box */
.header-info-row-box .uabb-infobox-title {
	color: #ff6800; /* Font color */
	font-size: 48px; /* Font size */
}

 .info-box-blue-background h2 {
	font-size: 48px; /* Font size */
}

 .info-box-blue-background .uabb-infobox-title-prefix {
	 color: #ff6800;
 }


.portfolio-row-box .uabb-infobox {
	text-align: center;
	margin: 20px auto;
	max-width: 400px;
	
}

.portfolio-row-box .uabb-infobox-title {
	color: #1f4298; /* Text color */
	  text-transform: uppercase;
	  font-size: 36px;
}

/* recall Css */
.blue-background {
	background-color: #1f4298;
}

.aviso-box  .uabb-infobox-title-prefix, .aviso-box  .uabb-infobox-title {
	text-align: center;
	font-size: 24px;
}

.aviso-box  .uabb-infobox-title {
	   color: #fff;
}


.aviso-box  .uabb-infobox-title-prefix {
	   color: #ff6800;
}



/* Base styles for infobox titles and content */
.home-page-hero-row .uabb-infobox-title-prefix,
.home-page-hero-row .uabb-infobox-title,
.home-page-hero-row .uabb-infobox-content {
	font-family: 'Poppins', sans-serif;
	font-size: 60px;
	padding: 0;
	margin: 0 auto;
	line-height: 1.2;
}

.home-page-hero-row .uabb-infobox-title-prefix,
.home-page-hero-row .uabb-infobox-content {
	color: #fff;
}

/* Specific styles for main title with distinct color and weight */
.home-page-hero-row .uabb-infobox-title {
	color: #ff6800;
	font-weight: bold;
}

.white-back-set .gform_button {
  background-color: #1f4298 !important;
transition: background-color 0.3s ease;
}

.white-back-set .gform_button:hover {
  background-color: #ff6800 !important;
}

/* Infobox Customizations*/

.product-single-item .uabb-infobox-title-prefix , .product-single-item-alt-1 .uabb-infobox-title {
	font-size: 24px;
}

.product-single-item .uabb-infobox-title ,  .product-single-item-alt-1 .uabb-infobox-content  {
	font-size: 20px;
}


.roofing-services-branding .uabb-infobox-title-prefix {
	color:#1e4296;
	font-size: 60px;
}

.roofing-services-branding span {
	color:#FF6800 ;
}

 .roofing-services-checklist {
	margin: 0 auto;
	text-align: left;
	font-size: 30px;
	font-weight: 200;
	max-width: 800px;
}

.tundra-checklist {
	margin: 0 auto;
	text-align: left;
	color: #fff;
	font-size: 30px;
	font-weight: 200;
	max-width: 600px;
}

.roofing-services-checklist span , .highlight-text-span strong{
	color: #1e4296 !important;
	font-weight: bold;
}

.roofing-services-sellado .uabb-infobox-title-prefix {
	color: #1e4296;
	font-size: 60px;
	display: block; /* Ensures the prefix is on a new line */
}

.roofing-services-sellado .uabb-infobox-title {
	color: #FF6800;
	font-size: 66px;
	line-height: 1; /* Adjust line height to reduce space between lines */
}

.roofing-services-sellado .uabb-infobox-title span {
	background-color: #FF6800;
	color: #ffffff;
	font-size: 40px;
	padding: 4px 20px;
	display: inline-block; /* Ensures background applies correctly */
	transform: translateY(-10px); /* Aligns the span vertically with the text */
}

.ps-h3-bold-white h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 60px;
  color: #FFFFFF;
  line-height: 1.2;
}


.ps-infobox-light .uabb-infobox-text  {
  font-family: 'Sarabun', sans-serif;
  font-weight: 200;
  font-size: 30px;
  color: #3B3B3B; /* Assuming #ЗвЗВЗв was a typo for a dark gray hex code */
  line-height: 1.45;
  padding-top: 20px;
}

.with-divider {
  display: inline-flex;
  align-items: center;
}


.background-image-2 .fl-row-content-wrap {
	min-height: 45vw;
}
.with-divider::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 100px;
  background-color: #585858;
  margin-left: 15px;
}

.limonade-row-80-220 .fl-row-content-wrap{
	  padding: 80px 20px 220px;
}

.limonade-row-120-80 .fl-row-content-wrap{
	  padding: 120px 20px 80px;
}

.tundra-logo-adjustment{
	margin-top: -70px !important;
	padding-top: 0;
}

.roofing-simple-row-2  .uabb-infobox-title-prefix  {
	font-size: 24px !important;
	font-weight: bold;
}

.roofing-simple-row-2  .uabb-infobox-title  {
	font-size: 60px !important;
	 color:#FF6800 !important ;
	font-weight: bold; 
}

.roofing-adjustments .font-p4 .uabb-infobox-title-prefix {
	color:#FF6800 !important ;
}

.roofing-adjustments .font-p4 .uabb-infobox-title {
	color:#3b3b3b !important ;
}
.roofing-services-hero-row {
	margin: 0px auto 20px;
}

.roofing-services-hero-row h2{
	font-family: 'Poppins', sans-serif;
	font-size: 70px !important;
	color: #ffffff !important ;
	padding: 0;
	margin: 0 auto;
	line-height: 1.2;
}

.roofing-services-hero-row .uabb-infobox-content {
		   color: #fff;
		   font-size: 24px;
}

.limonade-row-40 .fl-row-content-wrap{
	padding: 40px 20px;
}

.background-image-1 .fl-row-content-wrap{
	min-height:30vw;
}

/* by Raul  Landing Pages March 6, 2026*/

.hero-row-form-2026 .uabb-infobox-title-prefix {
	color: #1f4298;
	font-size: 48px;
	text-align: center;
	line-height: 1;
	margin-bottom: -30px !important;
}

.hero-row-form-2026 .uabb-infobox-title  {
	color: #1f4298;
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
}




.landing-page-2026-bottom-area .uabb-infobox-title-prefix {
	color: #fff;
	  font-family: "Poppins", sans-serif;
	  font-weight: 400;
	font-size: 96px
}

.landing-page-2026-bottom-area .uabb-infobox-title {
	color: #fff;
	font-size: 96px;
	font-family: "poppins", sans-serif;
	 margin-top: -20px !important;
}

.landing-page-2026-bottom-area .uabb-infobox-text  {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 48px;
	margin-top: 0px !important;
}


.full-hero-row-with-right-image .fl-col-content{
  min-height: 40vh;
  display:flex;
  align-items:center;
}


@media (min-width:1600px){
  .full-hero-row-with-right-image .fl-col-content{
	min-height:45vh;
  }
}

@media (min-height:1000px){
  .full-hero-row-with-right-image .fl-col-content{
	min-height:48vh;
  }
}




@media screen and (max-width: 800px) and (min-width: 723px) {
	   .limonade-row-100-0 .fl-row-content-wrap {
	padding: 50px 0px;
	margin: 0 auto;
	}
	.hero-row-text-adjust .fl-row-content-wrap, .hero-row-text-adjust-contact .fl-row-content-wrap{  
		padding-bottom: 160px;
	}


	
	
		 .font-h3 h3 {
	  font-size: 32px;
	}
	
	.font-h1 h1 {
	  font-size: 48px !important;
	}
	
	.font-h2 h2 {
		font-size:36px;
	}
		
	.font-p1 p {
	  font-size: 30px;
	}
	
	.font-p2 p {
	  font-size: 20px;
	}
	
	.font-p3 p {
	  font-size: 20px;
	}
	
	.font-p4 p {
	  font-size: 20px;
	}
	
	.font-p5 p {
	  font-size: 40px;
	}
	
	.font-p6 p {
	  font-size: 20px;
	}
	
	.font-span1 span.uabb-infobox-title {
	  font-size: 40px;
	}
	
	.benefits-info-box-dark {
		 height: 200px;
		 width: 200px;
		 padding: 20px;
	  margin: 0 auto;
  
}	
	.limonade-footer-heading-cta  {
		font-size: 24px !important; /* Slightly smaller for medium-sized screens */
	}
	
	.parallelogram {
	max-width: 210px;
	height: 40px;
	display: block;
	margin: 0 auto !important;
	}
	
	.hero-row-form-2026 .uabb-infobox-title-prefix{
		font-size: 38px;
		margin-bottom: -10px;
	  }
	
	  .hero-row-form-2026 .uabb-infobox-title{
		font-size: 28px;
	  }
	
	  .landing-page-2026-bottom-area .uabb-infobox-title-prefix{
		font-size: 48px;
	  }
	
	  .landing-page-2026-bottom-area .uabb-infobox-title{
		font-size: 48px;
	  }
	
	  .landing-page-2026-bottom-area .uabb-infobox-text{
		font-size: 26px;
	  }

}



@media screen and (max-width: 722px) {
	.limonade-row-100-0 .fl-row-content-wrap {
	padding: 20px 0px;
	margin: 0 auto;
	}
	.hero-row-text-adjust .fl-row-content-wrap {
		padding-bottom: 120px;
	}
	
	.hero-row-text-adjust-contact .fl-row-content-wrap{  
		padding-bottom: 20px;
	}

	 .bg-color-mobile .fl-row-content-wrap {
		background-image: none !important;
	}
	
	.roofing-services-sellado .uabb-infobox-title-prefix {
		font-size: 48px;
	  }
	
	  .roofing-services-sellado .uabb-infobox-title {
		font-size: 52px;
	  }
	
	  .roofing-services-sellado .uabb-infobox-title span {
		font-size: 32px;
		padding: 4px 16px;
	  }
	  
	.break-list li {
	  display: block !important;
	  text-align: center !important;
	}	
	.benefits-info-box-dark {
		margin: 20px auto;
	}
	
	.pasos-timeline .uabb-timeline__line {
		display: none !important;
	}	
	
	.font-h1 h1 {
	  font-size: 36px !important;
	}
	
	.font-h2 h2 {
		font-size:24px;
	}
	
	.font-p1 p {
	  font-size: 30px;
	}
	
	.font-p2 p {
	  font-size: 20px;
	}
	
	.font-p3 p {
	  font-size: 20px;
	}
	
	.font-p4 p {
	  font-size: 20px;
	}
	
	.font-p5 p {
	  font-size: 40px;
	}
	
	.font-p6 p {
	  font-size: 20px;
	}
	
	.font-span1 span.uabb-infobox-title {
	  font-size: 40px;
	}
	.font-h3 h3 {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: normal;
}

	.info-box-blue-background h2 {
	font-size: 36px; /* Reduced from 48px */
}

.power-button {
	font-size: 18px !important; /* Font size */
}
.limonade-footer-heading-cta  {
	font-size: 24px !important; /* Slightly smaller for medium-sized screens */
}
	
.font-span1 span.uabb-infobox-title {
  font-family: Sarabun, sans-serif;
  font-size: 30px;
  font-weight: 800;
}

.highlight-navigation a {
	border: 0 none transparent !important;
}

.highlight-navigation a:hover {
	border: 0 none transparent !important;
}

.solucion-comercial-hero-row::before {
	text-align: center;
	font-size: 20px; /* Adjust font size as needed */
	padding: 0;
	margin: 0 auto;
	margin-bottom: -20px; /* Adds some space below the text */
}

.hero-row-service-page-1 .fl-row-content-wrap {
	padding: 30px 0px 0px;
}

.solucion-comercial-hero-row {
	margin: 0 auto;
	text-align: center;
}

.solucion-comercial-hero-row .uabb-infobox-title  {
	margin-left: -10px !important;
}

.power-contact-form-row .gform_wrapper {
	margin: 0 auto !important;
	padding: 0px !important;
	
}

.fl-module-uabb-gravity-form .textarea, .uabb-button-text , .gfield_label.gform-field-label{
	font-size: 18px !important;
}

 .header-info-row-box .uabb-infobox-title-prefix {
	font-size: 48px; /* Reduced from 60px */
}

.header-info-row-box .uabb-infobox-title {
	font-size: 38px; /* Reduced from 48px */
}

.logos-power-row .fl-module-image-icon {
	max-width: 250px;
	height: auto;
	margin: 0 auto;
	padding: 0 ;
}

	
	/* Optionally adjust other mobile-specific styles */
	.home-page-hero-row .uabb-infobox-title-prefix,
	.home-page-hero-row .uabb-infobox-title,
	.home-page-hero-row .uabb-infobox-content {
		font-size: 30px; /* Smaller font size for mobile */
		padding: 10px; /* More padding might be needed */
		margin: 0; /* Adjust margin for smaller screens */
	}

.roofing-services-branding .uabb-infobox-title-prefix , .roofing-services-sellado .uabb-infobox-title-prefix{
	font-size: 40px;
}

.roofing-services-sellado .uabb-infobox-title {
	font-size: 48px;
	line-height: 1.5;
}

.roofing-services-hero-row h2, .roofing-simple-row-2  .uabb-infobox-title {
	font-size: 40px !important;
}

.roofing-services-hero-row .uabb-infobox-content {
		   font-size: 20px;
}

.tundra-checklist, .roofing-services-checklist {
	font-size: 20px !important;
}

 .hero-row-form-2026 .uabb-infobox-title-prefix{
	font-size: 36px;
	margin-bottom: -5px;
  }

  .hero-row-form-2026 .uabb-infobox-title{
	font-size: 24px;
  }

  .landing-page-2026-bottom-area .uabb-infobox-title-prefix{
	font-size: 60px;
  }
  
  .landing-page-2026-bottom-area .uabb-infobox-title{
	font-size: 60px;
  }
  
  .landing-page-2026-bottom-area .uabb-infobox-text{
	font-size: 36px;
  }
  
  .full-hero-row-with-right-image .fl-col-content{
	display:flex;
	align-items:center;
  }
  
  .hero-image-right .fl-module-content,
	.hero-image-right img{
	  margin-top: -350px;
	}

	
/*  Adjustments CSS   */


.incentivo-modal .uabb-modal-close.uabb-button {
	margin-left: -20px !important;
}

	
}

.roofing-services-branding .uabb-infobox-title-prefix {
	color:#1e4296;
	font-size: 60px;
}

.roofing-services-branding span {
	color:#FF6800 ;
}

 .roofing-services-checklist {
	margin: 0 auto;
	text-align: left;
	font-size: 30px;
	font-weight: 200;
	max-width: 800px;
}

.tundra-checklist {
	margin: 0 auto;
	text-align: left;
	color: #fff;
	font-size: 30px;
	font-weight: 200;
	max-width: 600px;
}

.roofing-services-checklist span , .highlight-text-span strong{
	color: #1e4296 !important;
	font-weight: bold;
}

.roofing-services-sellado .uabb-infobox-title-prefix {
	color: #1e4296;
	font-size: 60px;
	display: block; /* Ensures the prefix is on a new line */
}

.roofing-services-sellado .uabb-infobox-title {
	color: #FF6800;
	font-size: 66px;
	line-height: 1; /* Adjust line height to reduce space between lines */
}

.roofing-services-sellado .uabb-infobox-title span {
	background-color: #FF6800;
	color: #ffffff;
	font-size: 40px;
	padding: 4px 20px;
	display: inline-block; /* Ensures background applies correctly */
	transform: translateY(-10px); /* Aligns the span vertically with the text */
}

.ps-h3-bold-white h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 60px;
  color: #FFFFFF;
  line-height: 1.2;
}


.ps-infobox-light .uabb-infobox-text  {
  font-family: 'Sarabun', sans-serif;
  font-weight: 200;
  font-size: 30px;
  color: #3B3B3B; /* Assuming #ЗвЗВЗв was a typo for a dark gray hex code */
  line-height: 1.45;
  padding-top: 20px;
}

.with-divider {
  display: inline-flex;
  align-items: center;
}


.background-image-2 .fl-row-content-wrap {
	min-height: 45vw;
}
.with-divider::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 100px;
  background-color: #585858;
  margin-left: 15px;
}

.limonade-row-80-220 .fl-row-content-wrap{
	  padding: 80px 20px 220px;
}

.limonade-row-120-80 .fl-row-content-wrap{
	  padding: 120px 20px 80px;
}

.tundra-logo-adjustment{
	margin-top: -70px !important;
	padding-top: 0;
}

.roofing-simple-row-2  .uabb-infobox-title-prefix  {
	font-size: 24px !important;
	font-weight: bold;
}

.roofing-simple-row-2  .uabb-infobox-title  {
	font-size: 60px !important;
	 color:#FF6800 !important ;
	font-weight: bold; 
}

.roofing-adjustments .font-p4 .uabb-infobox-title-prefix {
	color:#FF6800 !important ;
}

.roofing-adjustments .font-p4 .uabb-infobox-title {
	color:#3b3b3b !important ;
}
.roofing-services-hero-row {
	margin: 0px auto 20px;
}

.roofing-services-hero-row h2{
	font-family: 'Poppins', sans-serif;
	font-size: 70px !important;
	color: #ffffff !important ;
	padding: 0;
	margin: 0 auto;
	line-height: 1.2;
}

.roofing-services-hero-row .uabb-infobox-content {
		   color: #fff;
		   font-size: 24px;
}

.limonade-row-40 .fl-row-content-wrap{
	padding: 40px 20px;
}

.background-image-1 .fl-row-content-wrap{
	min-height:30vw;
}

}