/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2025 | 13:22:57 */
.overflow-hidden {
	overflow: hidden;
}

.w-fit-content {
	width: fit-content;
}

.primary {
	color: var( --e-global-color-primary);
}

.secondary {
	color: var( --e-global-color-secondary);
}

.accent {
	color: var( --e-global-color-accent);
}

div p {
	margin-bottom: 15px !important;
}

div p:last-of-type {
	margin-bottom: 0 !important;
}

input::placeholder, 
textarea::placeholder {
	opacity: 0.3 !important;
}

.e--pointer-underline .elementor-item::after {
	border-radius: 10px; 
}

.overflow-content {
	min-width: calc(100% + 100px) !important;
}

.main-site-title {
	border-color: #ffffff33 !important;
}

.bar-icon-box .elementor-icon-box-icon {
	background-color: var( --e-global-color-accent);
	padding: 9px;
	border-radius: 50%;
}

.about-sec-icon-box .elementor-icon-box-icon {
	width: 50px;
	height: 50px;
	background-color: var( --e-global-color-primary );
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.process-steps .process-steps-icon .elementor-icon-wrapper, 
.process-steps .process-steps-icon .elementor-icon-wrapper svg {
	transition: all 0.3s linear;
}

.process-steps .process-steps-icon .elementor-icon-wrapper {
	display: flex;
	padding: 15px;
	background-color: #fff;
	border: 2px dashed var( --e-global-color-accent);
	border-radius: 50%;
}

.process-steps:hover .process-steps-icon .elementor-icon-wrapper svg {
	filter: brightness(0) invert(1);
}

.process-steps:hover .process-steps-icon .elementor-icon-wrapper {
	background-color: var( --e-global-color-accent) !important;
}

.process-steps-image {
	--r: 20px;
	--s: 20px;
	--x: 300px;
	--y: 90px;

	border-radius: var(--r);
	--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
	--_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0);
	--_d:(var(--s) + var(--r));
	mask:
		calc(100% - var(--_d) - var(--x)) 100% var(--_m),
		100% calc(100% - var(--_d) - var(--y)) var(--_m),
		radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) 
		calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),
		var(--_g) calc(-1*var(--_d) - var(--x)) 0,
		var(--_g) 0 calc(-1*var(--_d) - var(--y));
	mask-repeat: no-repeat;
}

.choose-icon-box .elementor-icon-box-icon {
	width: fit-content;
	padding: 20px;
	background: url(https://del-contractor.com/wp-content/uploads/2025/10/Frame-61.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.pricing-cta .elementor-button-icon svg {
	font-size: 30px;
}

.pricing-cta .elementor-button-content-wrapper {
	align-items: center;
}

.pricing-main-col, 
.pricing-main-col .pricing-header-col, 
.pricing-main-col .pricing-header-col h2, 
.pricing-main-col .pricing-header-col p {
	transition: all 0.3s linear;
}

.pricing-main-col:hover {
	border-color: var( --e-global-color-accent) !important;
}

.pricing-main-col:hover .pricing-header-col {
	background-color: var( --e-global-color-accent) !important;
}

.pricing-main-col:hover .pricing-header-col h2, 
.pricing-main-col:hover .pricing-header-col p {
	color: #fff !important;
}

.quote-form label[for="form-field-name"],
.quote-form label[for="form-field-field_37acad3"] {
	display: none;
}

.elementor-field-group-field_edec751 {
	margin-bottom: 10px !important;
}

.quote-form label {
	padding-left: 15px !important;
}

.elementor-field-group-field_edec751 {
	padding-left: 25px !important;
}

.blog-loop-item-img a {
	width: 100%; 
}

@media screen and (max-width:1024px) {
	.process-steps-image {
		--x: 255px;
		--y: 81px;
	}
}

@media screen and (max-width:768px) {
	.bar-icon-box .elementor-icon-box-icon {
		width: 55px;
		height: 51px;
		align-self: center;
	}

	.process-steps-image {
		--x: 195px;
		--y: 60px;
	}

	.choose-icon-box .elementor-icon-box-icon {
		align-self: center;
	}

	.overflow-content {
		min-width: calc(100% + 0px) !important;
	}
}