/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

.custom-hovered-images {
	display: flex;
	overflow: hidden;
}
.custom-hovered-image-block {
	position: relative;
	height: 270px;
	flex: 1 1 33%;
    transition: all 0.6s ease-in-out;
}
.custom-hovered-image-block-content {
	display: none;
	position: absolute;
	left: 60px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
.custom-hovered-image-block:hover .custom-hovered-image-block-content {
	display: block;
}
.custom-hovered-image {
	object-fit: cover;
	height: 100% !important;
	width: 100%;
}
.custom-hovered-image-content-text {
	text-shadow: 0 4px 2.7px #000000;
  	color: #CCCCCC;
	font-style: italic;
	/* background: linear-gradient(90deg, #FFFFFF 0%, #999999 22.6%, #FFFFFF 33.65%, #CCCCCC 50.96%, #CCCCCC 69.71%, #FFFFFF 82.21%, #999999 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	/* background-clip: text;
	color: transparent; */

}
.custom-hovered-image-block1{
	background-image: url('/wp-content/uploads/2025/07/Image.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.custom-hovered-image-block2{
	background-image: url('/wp-content/uploads/2025/07/20230211_115130-1-scaled.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.custom-hovered-image-block3{
	background-image: url('/wp-content/uploads/2025/07/1000020596.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
 .custom-hovered-image-block1:hover {
	background-position: 50% 60%;
}
 .custom-hovered-image-block2:hover {
	background-position: 50% 45%;
}
 .custom-hovered-image-block3:hover {
	background-position: 50% 70%;
}
.custom-hovered-image-block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0000004d;
	display: none;
}
.custom-hovered-image-block:hover::before {
	display: block;
}

.about-service-block {
	height: 407px;
}
@media (min-width:1024px) {
	.about-service-block {
		width: 446px;
	}
}
@media (max-width:1024px) {
	.about-service-block {
		height: 395px;
	}
}

.custom-background-container {
	position: relative;
	overflow-x: hidden;
}
.custom-background1 {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('/wp-content/uploads/2025/08/Custom-Welding-Services-1.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 43%;
	animation-name: slideInRight;
}
.custom-background2 {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/wp-content/uploads/2025/08/Metal-Fabrication-3.png');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 33%;
	animation-name: slideInLeft;
}
.li-left-side li {
	width: fit-content;
    margin-left: auto;
}
@media (max-width:1024px) {
	.li-left-side li {
		margin: auto;
	}
	.li-right-side li {
		width: fit-content;
		margin: auto;
	}
}
.custom-background3 {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('/wp-content/uploads/2025/08/Trailer-Repairs-Modifications-2.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 38%;
	animation-name: slideInRight;
}
.custom-background4 {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/wp-content/uploads/2025/07/Mobile-On-Site-Welding.png');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 53%;
	animation-name: slideInLeft;
}
.custom-background5 {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url('/wp-content/uploads/2025/08/Precision-Cutting-Finishing-2.png');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 31%;
	animation-name: slideInRight;
}
.custom-background6 {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/wp-content/uploads/2025/08/One-Off-Builds-Prototyping-2.png');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	width: 40%;
	animation-name: slideInLeft;
}
@media (max-width:1024px) {
	.custom-background1,
	.custom-background2,
	.custom-background3,
	.custom-background4,
	.custom-background5,
	.custom-background6 {
		display: none;
	}
	.custom-background-container1 {
		background-image: url('/wp-content/uploads/2025/08/Custom-Welding-Services-Mobile-1-mobile.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.custom-background-container2 {
		background-image: url('/wp-content/uploads/2025/08/Metal-Fabrication-Mobile-1-mobile.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.custom-background-container3 {
		background-image: url('/wp-content/uploads/2025/08/Trailer-Repairs-Modifications-3-mobile.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.custom-background-container4 {
		background-image: url('/wp-content/uploads/2025/08/Mobile-On-Site-Welding-3-mobile.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.custom-background-container5 {
		background-image: url('/wp-content/uploads/2025/08/Precision-Cutting-Finishing-4-mobile.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.custom-background-container6 {
		background-image: url('/wp-content/uploads/2025/08/One-Off-Builds-Prototyping-Mobile-1-mobile.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.custom-hovered-image-block-content {
		left: 20px;
    	right: 20px;
	}
}

.my-accordion .e-n-accordion-item {
	border: 1px solid #EF8D29;
	border-radius: 15px;
	background-color: #2A2A2A;
}

.my-gallery-tabs .e-n-tab-title:nth-child(odd){
	background: #EF8D29 !important;
	color: black !important;
}
.my-gallery-tabs .e-n-tab-title:nth-child(even){
	background: #2A2A2A !important;
	color: white !important;
}
.my-gallery-tabs .e-n-tab-title[aria-selected="true"] {
	z-index: 5;
}

.my-sticky-header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
}

@media (min-width:1024px) {
	main {
	  padding-top: 90px; 
	}
	.my-sticky-header {
		background: white;
	}
}
@media (max-width:1024px) {
	.my-sticky-header .hfe-nav-menu-icon {
		padding: 10px !important;
		border-radius: 50%;
		height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
}

#sbi_images {
	padding: 0 !important;
}

.wpcf7-response-output,
.wpcf7-not-valid-tip {
	color: red!important;
}