/* block editor */

.block-editor-block-list__block.wp-block-acf-custom-hero {
	max-width: 100% !important;
	.overdrive-content {
		margin-top: 0 !important;
	}
}

.octane-background, .overdrive-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.octane-background img, .overdrive-bg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.octane-content, .overdrive-content {
    position: relative;
    height: 100%;
}

.octane-position, .overdrive-rel {
    position: relative;
}

.home {
	.custom-hero-block {
		.overdrive-content:not(.forms .overdrive-content) {
		    max-width: 100% !important;
		}		
		.hero-flex {
			.hero-forms {
				.schedule {
					align-items: flex-end;
					top: 140px;
					.inspector-guy {
						position: unset;
						width: 408px;
						height: 838px;
						margin-right: -98px;
						margin-bottom: -55px;
					}
					.forms {
						.overdrive-content {
							.schedule-forms {
								.form:nth-child(2) {
									.form-flex {
										flex-direction: row-reverse;
										justify-content: space-between;
									}
									.pdm-icon-display {
										justify-content: flex-start !important;
										right: unset !important;
										left: 17px;
									}        
								}								
							}
						}
					}
					
				}
			}
		}
	    @media (max-width: 1950px) {
			.hero-flex {
				.hero-titles {
					padding-top: 50px;
				}			
				.hero-forms {
					.schedule {
						top: 185px;
						.inspector-guy {
		                    width: 368px;
		                    height: 758px;
		                    margin-bottom: -45px;
					    }					
					}
				}
			}               
	    }	
	    @media (max-width: 1650px) {
			height: 797px;
			.hero-flex {
				.hero-titles {
					padding-top: 100px;
				}			
				.hero-forms {
					.schedule {
						.inspector-guy {
		                    width: 328px;
		                    height: auto;
		                    margin-right: -75px;
					    }					
					}
				}
			}               
	    }	
	    @media (max-width: 1440px) {
			height: 727px;
			.hero-flex {
				.hero-titles {
					padding-top: 150px;
					.wp-block-heading {
						font-size: clamp(40px, 3.4vw, 80px) !important;
					}						
				}			
				.hero-forms {
					.schedule {
						.inspector-guy {
		                    width: 288px;
		                    margin-right: -69px;
		                    margin-bottom: -38px;
					    }					
						.forms {
							.overdrive-content {
								.schedule-forms {
									.form {
										.form-flex {          
							                p {
							                    br {
													display: none;
												}
							                }  										
										} 									
									}
							        .form:nth-child(2) {
							            .pdm-icon-display {
							                left: 13px;
							            }        
							        }								
								}
							}
						}
					}
				}
			}               
	    }	
	    @media (max-width: 1250px) {
			height: auto;			
			.overdrive-bg:not(.forms .overdrive-bg) {
				height: 727px;
			}			
			.hero-flex {
				.hero-titles {
					padding-top: clamp(120px, 20vw, 190px);
					height: 727px;
					.wp-block-heading {
						font-size: clamp(40px, 7vw, 80px) !important;
					}
				}			
				.hero-forms {
					.schedule {
						top: 0;
						margin-top: -260px;
						.inspector-guy {
		                    width: 188px;
		                    margin-right: -64px;
		                    margin-bottom: -26px;
				        }					
						.forms {
							.overdrive-content {
								.schedule-forms {
							        .form:nth-child(2) {
							            .pdm-icon-display {
											justify-content: flex-end !important;
											left: unset !important;
											right: -5px !important;
										}        
							        }								
								}
							}
						}
					}
				}
			}               
	    }
	    @media (max-width: 1024px) {	
			.hero-flex {	
				.hero-titles {
					padding-top: clamp(120px, 19vw, 185px);
				}
				.hero-forms {
					.schedule {
						margin-top: -270px;
						.inspector-guy {
		                    width: 168px;
		                    margin-right: -50px;
		                    margin-bottom: -24px;
					    }					
					}
				}
			}               
	    }	
	    @media (max-width: 850px) {	
			.overdrive-bg:not(.forms .overdrive-bg) {
				height: 667px;
			}		
			.hero-flex {	
				.hero-titles {
					height: 667px;
				}
			}               
	    }		
		@media (max-width: 768px) {
			.overdrive-bg:not(.forms .overdrive-bg) {
				height: 550px;
			}			
			.hero-flex {
				.hero-titles {
					padding-top: clamp(40px, 8vw, 70px);
					height: 550px;
					align-items: center;
				}
				.hero-forms {
					.schedule {
						margin-top: -75px;
						.inspector-guy {
		                    display: none;
					    }					
						.forms {
							.overdrive-content {
								.schedule-forms {
									flex-wrap: wrap;
									flex-direction: row;
									.form {
										flex: 1 0 49%;
										padding: 13px;
										.form-flex {
											text-align: center;
											flex-direction: column !important;
											gap: 20px;
											img {
							                    width: 100%;
							                    height: 107px;
												padding: 20px;
											}           
							                p {
							                    margin-bottom: 15px;
							                }  										
										} 
							            .pdm-icon-display {
							                right: 13px;
							                bottom: 13px;
							            } 									
									}
							        .form:nth-child(2) {
							            .pdm-icon-display {
											justify-content: flex-end !important;
							                left: unset !important;
											right: 13px !important;
							            }        
							        }								
								}
							}
						}					
					}
				}
			}	
		}	
		@media (max-width: 550px) {
			.overdrive-content:not(.forms .overdrive-content) {
				margin-top: -206px;
			}					
			.hero-flex {
				.hero-titles {
					padding-top: clamp(80px, 30vw, 120px);
					.wp-block-heading {
						font-size: clamp(28px, 7vw, 80px) !important;
					}
					p {
						font-size: clamp(20px, 3vw, 24px) !important;
					}				
				}
				.hero-forms {
					.schedule {
						margin-top: -75px;			
						.forms {
							.overdrive-content {
								.schedule-forms {
									.form {
										flex: 1 0 100%;
										.form-flex {
											gap: 10px;
											img {
							                    height: 87px;
												padding: 15px;
											}            										
										} 								
									}								
								}
							}
						}					
					}
				}
			}	
		}		
	}
}

.custom-hero-block {
	position: relative;
	background: var(--main);
	max-width: 100% !important;
	padding-left: 5%;
	padding-right: 5%;
	height: 837px;
	.overdrive-bg:not(.forms .overdrive-bg) {
		mix-blend-mode: multiply;
		opacity: 95%;
	}
	.overdrive-content:not(.forms .overdrive-content) {
	    max-width: 1700px;
	    margin-left: auto !important;
	    margin-right: auto !important;
	    margin-top: -204px;
	}
	.hero-flex {
		width: 100%;
		display: inline-flex;
		justify-content: space-between;
		align-items: center;
		height: 100%;
		.hero-titles {
			width: 50%;
		}
		.hero-forms {
			.schedule {
			width: 100%;
			display: inline-flex;
			align-items: center;
			justify-content: flex-end;
			position: relative;
				.inspector-guy {
					z-index: 2;
					position: absolute;
					left: -59%;
					top: -190px;
					width: 545px;
						img {
							width: -webkit-fill-available;
							height: -webkit-fill-available;
					}
				}
				.forms {
					position: relative;
					width: 675px;
					.overdrive-bg {
						img {
							border-radius: 25px;
						}
					}
					.overdrive-content {
						border-radius: 25px;
						border: 2px solid var(--base);
						padding: var(--wp--preset--spacing--medium);
						.schedule-forms {
							width: 100%;
							display: flex;
							flex-direction: column;
							gap: 4px;
							.form {
								position: relative;
								background: var(--base);
								border-radius: 25px;
								padding: 17px;
								.form-flex {
									width: 100%;
									display: inline-flex;
									justify-content: flex-start;
									align-items: center;
									gap: 20px;
									img {
										background: var(--main);
										border-radius: 25px;
										object-fit: contain;
										width: 157px;
										height: 157px;
										padding: var(--wp--preset--spacing--small);
									}
									p {
										color: var(--main);
										font-weight: 700;
										text-transform: uppercase;
										font-size: var(--wp--preset--font-size--medium);
										margin-bottom: 0;
									}            
								}
								.pdm-icon-display {
									position: absolute;
									right: 17px;
									bottom: 17px;
								}
								&:hover {
									background: var(--sec) !important;
								}   
							}  	
						}
					}
				}
			}
		}
	}
    @media (max-width: 1950px) {
		.overdrive-content:not(.forms .overdrive-content) {
		    max-width: var(--wp--style--global--content-size);
		}		
		.hero-flex {			
			.hero-forms {
				.schedule {
					.inspector-guy {
	                    left: -65%;
	                    top: -135px;
	                    width: 505px;
					}					
					.forms {
						width: 565px;
						.overdrive-content {
							.schedule-forms {
								.form {
									.form-flex {
										img {
						                    width: 147px;
						                    height: 147px;
										}
										p {
						                    font-size: var(--wp--preset--font-size--small);
						                    line-height: 1.3;
										}            
									} 
								}
							}
						}
					}
				}
			}
		}               
    }	
    @media (max-width: 1650px) {
		height: 707px;
		.hero-flex {			
			.hero-forms {
				.schedule {
					.inspector-guy {
	                    left: -69%;
	                    top: -138px;
	                    width: 440px;
			        }					
					.forms {
						width: 475px;
						.overdrive-content {
							padding: var(--wp--preset--spacing--medium-small);
							.schedule-forms {
								.form {
									.form-flex {
										img {
						                    width: 127px;
						                    height: 127px;
										}           
									} 
								}
							}
						}
					}
				}
			}
		}               
    }	
    @media (max-width: 1440px) {
		height: 667px;
		.hero-flex {	
			.hero-titles {
				.wp-block-heading {
					font-size: clamp(40px, 4vw, 80px) !important;
				}				
			}
			.hero-forms {
				.schedule {
					.inspector-guy {
	                    left: -67%;
	                    top: -75px;
	                    width: 369px;
			        }					
					.forms {
						width: 405px;
						.overdrive-content {
							.schedule-forms {
								.form {
									padding: 13px;
									.form-flex {
										gap: 10px;
										img {
						                    width: 107px;
						                    height: 107px;
											padding: 20px;
										}           
						                p {
						                    font-size: var(--wp--preset--font-size--x-small);
						                    margin-bottom: 15px;
											br {
												display: none;
											}
						                }  										
									} 
						            .pdm-icon-display {
						                right: 13px;
						                bottom: 13px;
						            } 									
								}								
							}
						}
					}
				}
			}
		}               
    }	
    @media (max-width: 1250px) {
		height: auto;
		padding-left: 0;
		padding-right: 0;
		.overdrive-bg:not(.forms .overdrive-bg) {
			height: 647px;
		}			
		.overdrive-content:not(.forms .overdrive-content) {
			margin-top: -151px;
		}	
		.hero-flex {
			flex-direction: column;
			justify-content: center;
			.hero-titles {
				display: flex;
				align-items: flex-start;
				justify-content: center;
				padding-top: clamp(120px, 20vw, 190px);
				padding-right: 5%;
				padding-left: 5%;
				text-align: center;
				width: 100%;
				height: 647px;
				.wp-block-heading {
					font-size: clamp(40px, 7vw, 80px) !important;
				}
				p {
					font-size: clamp(20px, 3vw, 24px) !important;
				}
			}			
			.hero-forms {
				background: var(--base);
				padding-right: 5%;
				padding-left: 5%;					
				width: 100%;
				.schedule {
					justify-content: center;
					top: 0;
					margin-top: -290px;
					
					
					.inspector-guy {
						position: unset;
						margin-right: -88px;
						width: 280px;
					}					
					.forms {
						width: auto;
						.overdrive-content {
							.schedule-forms {
								flex-wrap: wrap;
								flex-direction: row;
								.form {
									flex: 1 0 32%;
									padding: 13px;
									.form-flex {
										text-align: center;
										flex-direction: column !important;
										gap: 20px;
										img {
						                    width: 100%;
						                    height: 107px;
											padding: 20px;
										}           
						                p {
						                    margin-bottom: -5px;
						                }  										
									} 
						            .pdm-icon-display {
										position: relative;
										right: -5px;
										bottom: -9px;
									} 									
								}								
							}
						}
					}
				}
			}
		}               
    }
    @media (max-width: 1024px) {
		.overdrive-bg:not(.forms .overdrive-bg) {
			height: 607px;
		}			
		.hero-flex {	
			.hero-titles {
				padding-top: clamp(120px, 20vw, 175px);
				height: 607px;
			}
			.hero-forms {
				.schedule {
					
					.inspector-guy {
						margin-right: -71px;
						width: 240px;
					}					
					.forms {
						.overdrive-content {
							padding: var(--wp--preset--spacing--small);
						}
					}
				}
			}
		}               
    }	
    @media (max-width: 850px) {			
		.hero-flex {	
			.hero-titles {
				padding-top: clamp(120px, 23vw, 185px);
			}
			.hero-forms {
				.schedule {
					.inspector-guy {
						margin-right: -68px;
					}					
				}
			}
		}             
    }		
	@media (max-width: 768px) {
		.overdrive-bg:not(.forms .overdrive-bg) {
			height: 550px;
		}			
		.hero-flex {
			.hero-titles {
				padding-top: 0;
				height: 550px;
				align-items: center;
			}
			.hero-forms {
				.schedule {
					margin-top: -175px;
					.inspector-guy {
	                    margin-right: -63px;
	                    width: 225px;
			       }					
					.forms {
						.overdrive-content {
							.schedule-forms {
								flex-wrap: wrap;
								flex-direction: row;
								.form {
									flex: 1 0 49%;
									padding: 13px;
									.form-flex {
										text-align: center;
										flex-direction: column !important;
										gap: 20px;
										img {
						                    width: 100%;
						                    height: 107px;
											padding: 20px;
										}           									
									} 								
								}								
							}
						}
					}					
				}
			}
		}	
	}	
	@media (max-width: 550px) {
		.overdrive-bg:not(.forms .overdrive-bg) {
			height: 500px;
		}		
		.overdrive-content:not(.forms .overdrive-content) {
			margin-top: -206px;
		}					
		.hero-flex {
			.hero-titles {
				padding-top: clamp(80px, 30vw, 140px);
				height: 500px;
				.wp-block-heading {
					font-size: clamp(28px, 9vw, 80px) !important;
				}
				p {
					font-size: clamp(20px, 3vw, 24px) !important;
				}				
			}
			.hero-forms {
				.schedule {
					margin-top: -85px;	
					.inspector-guy {
	                    display: none;
			        }					
					.forms {
						width: 100%;
						.overdrive-content {
							.schedule-forms {
								.form {
									.form-flex {
										gap: 10px;
										img {
						                    height: 87px;
											padding: 15px;
										}            										
									} 								
								}								
							}
						}
					}					
				}
			}
		}	
	}	
}

/* Plumber */

.plumber-hero {
	@media (max-width: 1440px) {
	.hero-flex {
		.hero-forms {
				.schedule {
					.inspector-guy {
						left: -78%;
					}
				}
			}
		}		
	}
	@media (max-width: 1250px) {
	.hero-flex {
		.hero-forms {
				.schedule {
					.inspector-guy {
						margin-right: -70px;
					}
				}
			}
		}		
	}	
	@media (max-width: 850px) {
	.hero-flex {
		.hero-forms {
				.schedule {
					.inspector-guy {
						margin-right: -55px;
					}
				}
			}
		}		
	}	
	@media (max-width: 768px) {
	.hero-flex {
		.hero-forms {
				.schedule {
					.inspector-guy {
						margin-right: -45px;
					}
				}
			}
		}		
	}	
}

/* Mold */

.mold-hero {
	.overdrive-content:not(.forms .overdrive-content) {
	    max-width: 1800px;
	}	
	.hero-flex {
		.hero-forms {
			.schedule {
				.inspector-guy {
					left: -69%;
				}
			}
		}
	}
	@media (max-width: 1950px) {
		.overdrive-content:not(.forms .overdrive-content) {
		    max-width: 1500px;
		}
		.hero-flex {
			.hero-forms {
				.schedule {
					.inspector-guy {
						left: -72%;
					}
				}
			}
		}		
	}
	@media (max-width: 1650px) {
		.overdrive-content:not(.forms .overdrive-content) {
		    max-width: var(--wp--style--global--content-size);
		}
		.hero-flex {
			.hero-forms {
				.schedule {
					.inspector-guy {
						left: -78%;
					}
				}
			}
		}		
	}	
	@media (max-width: 1250px) {
		.hero-flex {
			.hero-titles {
				.wp-block-heading {
					font-size: clamp(40px, 6vw, 80px) !important;
					br {
						display: none;
					}
				}
			}			
			.hero-forms {
				.schedule {
					.inspector-guy {
						margin-right: -50px;
					}
				}
			}
		}		
	}	
	@media (max-width: 1024px) {
		.hero-flex {			
			.hero-forms {
				.schedule {
					.inspector-guy {
						margin-right: -40px;
					}
				}
			}
		}		
	}	
}