/* 
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
*/

/* Add your custom styles here */


.hero-main-section {
    position: relative;
}

/* Gradient overlay */
.hero-main-section::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(5, 5, 5, 0.95) 0%,
        rgba(5, 5, 5, 0.88) 26%,
        rgba(5, 5, 5, 0.7) 46%,
        rgba(5, 5, 5, 0.3) 66%,
        rgba(5, 5, 5, 0.04) 82%,
        rgba(5, 5, 5, 0) 100%
    );

    z-index: 0;
    pointer-events: none;
}

/* Keep all content above the gradient */
.hero-main-section > * {
    position: relative;
    z-index: 1;
}

.other-hero-section {
    position: relative;
}

/* Gradient overlay */
.other-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        rgba(5, 5, 5, 0.95) 0%,
        rgba(5, 5, 5, 0.88) 26%,
        rgba(5, 5, 5, 0.7) 46%,
        rgba(5, 5, 5, 0.3) 66%,
        rgba(5, 5, 5, 0.04) 82%,
        rgba(5, 5, 5, 0) 100%
    );

    z-index: 0;
    pointer-events: none;
}

.other-hero-section::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(18px, 2vw, 32px);        /* how far the peak rises */
  background: #fff;
  clip-path: polygon(0 100%, 50% 0, 100% 100%);
  pointer-events: none;
}

/* Keep all content above the gradient */
.other-hero-section > * {
    position: relative;
    z-index: 1;
}

.DUP_service-card-detail-bg,
.service-card-detail-bg {
    position: relative;
    overflow: hidden;
}

/* Bottom-dark to top-transparent overlay */
.DUP_service-card-detail-bg::before,
.service-card-detail-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.45) 45%,
        rgba(0, 0, 0, 0) 100%
    );
    z-index: 0;
}


@media (max-width: 767.98px) {
	.hero-main-section {
		background-position: 5% center !important;
	}
}