/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Colors 
 * #368522; Primary
 * #DAB96B; Accent
 * #F5F6F8; Light
 * 
 * */
/* Add your custom styles here */
.accent { color: #DAB96B!important; }
.accent:hover { color: #368522!important; }

div.wpforms-container-full h4 { font-size: 20px!important; background: #f9f9f9; border-bottom: 1px solid #368522; padding: 10px 20px!important;  }
div.wpforms-container-full input[type=checkbox]:checked:before, div.wpforms-container-full input[type=radio]:checked:before { border-color:#368522!important; box-shadow: 0 0 0 1px #368522, 0px 1px 2px rgba(0, 0, 0, 0.15)!important; }
div.wpforms-container-full input[type=checkbox]:checked:after { border-left: 4px solid #368522; border-bottom: 4px solid #368522!important; }
div.wpforms-container-full input[type=radio]:checked:after { background-color: #368522!important; }
.wpforms-form .iti--allow-dropdown .iti__country-container .iti__selected-country { background: none!important; padding-left: 5px!important; padding-right: 5px!important; }
.wpforms-form .iti--allow-dropdown .iti__country-container .iti__selected-country:hover { background: none!important; color: #161D1f!important; }

.elementor-nav-menu--main .elementor-item.elementor-item-active { background: #FFFFFF00!important; }
.elementor-nav-menu--main .elementor-item:hover { background: #FFFFFF00; }

.elementor-counter .elementor-counter-number-suffix { color: #368522; margin-top: -25px; }
.box-shadow1 { box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; }

/* Get it done */
.get-it-done {
    font-size: 2vw;
    font-family: 'Kalam', cursive;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-align: center;
    -moz-transform: matrix( 1.43755167299479,-0.15231292248319,0.15311517957437,1.4297630778605,0,0);
    -webkit-transform: matrix(1.43755167299479, -0.15231292248319, 0.15311517957437, 1.4297630778605, 0, 0);
    -ms-transform: matrix( 1.43755167299479,-0.15231292248319,0.15311517957437,1.4297630778605,0,0);
    position: relative;
}
.get-it-done:before {
    background-image: url(/wp-content/uploads/2025/10/headingBG-new.png);
    width: 100%;
    position: absolute;
    content: '';
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
    left: 1%;
    right: 0;
	padding: 50px;
    -moz-transform: matrix(1.03,0.13,0,1,0,0);
    -webkit-transform: matrix(1.03, 0.13, 0, 1, 0, 0);
    -ms-transform: matrix(1.03,0.13,0,1,0,0);
}


/* Post Loop IMG */
.post-featured-image-container img { width: 100%; max-width: 100%; }

/* Project Section */
.project-details-1 { transition: 0.3s ease-in-out; border-top: 1px solid #F5F6F8; border-left: 1px solid #F5F6F8; border-right: 1px solid #F5F6F8; border-bottom: 5px solid #DAB96B; }
.project-details-1:hover { border-top: 1px solid #F5F6F8; border-left: 1px solid #F5F6F8; border-right: 1px solid #F5F6F8; border-bottom: 5px solid #368522; }
.project-details-1:hover > button { background: transparent!important; }
.project .project-details-2 { transition: 0.3s ease-in-out;  border-bottom: 5px solid transparent; }
.project:hover .project-details-2 { border-bottom: 5px solid #DAB96B; overflow: hidden; }
.elementor-516 .elementor-element.elementor-element-e3324f3 .elementor-button:hover, .elementor-508 .elementor-element.elementor-element-fa52adc .elementor-button:hover { background: transparent!important; } 


/* BG Scale / Base container */
.bg-scale {
  position: relative;
  display: block;
  overflow: hidden;
}

/* Background scaling layer */
.bg-scale::after {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit; /* copies the inline background */
  background-size: cover;
  background-position: center;
  transition: transform 0.8s ease;
  z-index: 0;
  transform: scale(1.1); /* start slightly zoomed in */
}

/* Scale out smoothly on hover */
.bg-scale:hover::after {
  transform: scale(1);
}

/* Overlay (::before) — Elementor default, keep on top but non-blocking */
.bg-scale::before {
  pointer-events: none;
  z-index: 1;
}

/* Content stays above everything */
.bg-scale > * {
  position: relative;
  z-index: 2;
}

/* Industries */
.industry {
  position: relative;
  overflow: hidden;
}

/* Sliding overlay */
.ind-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.7);
  transform: translateX(-100%);
  transition: transform 0.8s ease;
  z-index: 1;
  pointer-events: none;
}

.industry:hover .ind-overlay {
  transform: translateX(0);
}

/* Hide the h3 inside the hovered container */
.industry:hover .industry-title {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Content container */
.ind-details {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: left;
  text-align: left;
  color: #fff;
  padding: 40px;
}

/* Hide all children initially */
.ind-details * {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}

/* Show on hover after overlay */
.industry:hover .ind-details * {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

/* Optional stagger */
.ind-details h3 {
  transition-delay: 0.9s;
}
.ind-details p {
  transition-delay: 0.95s;
}
.ind-details .button {
  transition-delay: 1s;
}

/* Project Gallery */
/* Universal Gallery Slider Styling */
.universal-gallery-wrapper {
	max-width: 700px;
	margin: 0 auto;
}

/* Main (featured) image styling */
.universal-gallery-wrapper .swiper-slide img {
	width: 100%;
	height: 400px;
	object-fit: cover;
	border-radius: 0px!important;
	display: block;
}

/* Thumbnail wrapper styling */
.universal-gallery-wrapper [class*="thumbs-swiper-"] {
	margin-top: 10px;
	width: 100%;
	display: flex;
	justify-content: center;
}

/* Swiper wrapper cleanup */
.universal-gallery-wrapper [class*="thumbs-swiper-"] .swiper-wrapper {
	display: flex;
	justify-content: center;
	gap: 4px; /* reduced gap */
	height: auto !important;
}

/* Each thumbnail */
.universal-gallery-wrapper [class*="thumbs-swiper-"] .swiper-slide {
	width: 77px !important;
	height: 74px !important;
	flex-shrink: 0;
	opacity: 0.7;
	transition: opacity 0.3s ease, border-color 0.3s ease;
	border-radius: 0px!important;
	overflow: hidden;
	cursor: pointer;
}

/* Active thumbnail */
.universal-gallery-wrapper [class*="thumbs-swiper-"] .swiper-slide-thumb-active {
	border: 2px solid #368522;
	opacity: 1;
}

/* Thumbnail images */
.universal-gallery-wrapper [class*="thumbs-swiper-"] .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0px!important;
	display: block;
}


/* Projects 
.alt-template-a .variant-a { display: block !important; }
.alt-template-a .variant-b { display: none !important; }

.alt-template-b .variant-b { display: block !important; }
.alt-template-b .variant-a { display: none !important; } */

/* Priority + Menu */