/* 
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 */
b, strong {
    font-weight: bold;
}
h1 span, h2 span, h3 span {color:#76BC21}
/*Custom Icon*/
.elementor-widget-icon-box .elementor-icon-box-icon {
    line-height: 3;}
/*Tabs*/
@media (max-width: 700px) {.e-n-tab-title[aria-selected='false']:not( :hover ) {
    background: rgb(4 54 63 / 30%) !important;
}}
.elementor-widget-n-tabs {--n-tabs-title-background-color-hover: rgb(4 54 63 / 50%) !important;
--n-tabs-title-background-color-active: rgb(4 54 63 / 0%) !important;}


/*Cropped Image*/
.cropped img {
        width: 100%; /* Ensures image fills the width of its container */
        height: inherit; /* Set your desired fixed height */
        object-fit: cover;
        object-position: left;
    }

/* Buttons*/
.elementor-button:hover {border:none!important;}

/*Events Template*/

/*Flip Box Gradient Border-Front & Back*/
.flip-border-gradient .eael-elements-flip-box-rear-container::before { content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 17px;
    background: linear-gradient(133deg, #75d31c 0%, #2ecfe0 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
z-index:1;}

.flip-border-gradient .eael-elements-flip-box-front-container::before { content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 17px;
    background: linear-gradient(133deg, #7300FF 0%, #186A86 100%);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
z-index:1;}

/*Flip Box Gradient Border- Just Back*/
.flip-border-gradient-back .eael-elements-flip-box-rear-container::before { content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 17px;
    background: linear-gradient(133deg, #75d31c 0%, #2ecfe0 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
z-index:1;}

/*General Gradient Borders*/
.elementor-widget-button {z-index:1}
.border-green-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(133deg, #75d31c 0%, #2ecfe0 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.border-green-gradient-only::before {
    border: 1px solid; /* Or whatever width you need */
    border-image: linear-gradient(133deg, #75d31c 0%, #2ecfe0 100%);
    border-radius: 20px; /* Match your radius */
    overflow: hidden; /* Crucial for clipping the border */
    background-color: #ffffff; /* Or your desired base color */
}

.border-purple-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(133deg, #7300FF 0%, #186A86 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}

.border-purple-green-gradient-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(133deg, #7300FF 0%, #186A86 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
	z-index: -1;
}
.border-purple-purple-gradient-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(133deg, #46009b 0%, #186A86 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
	z-index: -1;
}
.border-purple-purple-gradient-hover:hover::before { content: "";
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(133deg, #7300FF 0%, #186A86 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
	z-index: 1;}

.border-purple-green-gradient-hover:hover::before { content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(133deg, #75d31c 0%, #2ecfe0 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
z-index: 1;}

.border-nav-purple-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(133deg, #7300FF 0%, #186A86 100%);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
	 border-left: 0;
  border-right: 0;
  border-top: 0;
}

/*Flip Box - Button*/
.flipbox-button {z-index: 2;
    position: relative;}

/*Careers Sticky Nav*/
/* Initial padding for the header */
#career-nav {
    padding: 20px;
    transition: padding 0.3s ease-in-out;
}
/* New padding for the header after scrolling */
#career-nav.elementor-sticky--effects {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;  
}
/*Careers-Tabs*/
.elementor-widget-n-tabs .e-n-tabs-heading {
  
    z-index: 1;
}


/* Logo Slider Gradient*/
.logo-slider {
    position: relative;
    overflow: hidden;
}

.logo-slider::before,
.logo-slider::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width:500px; /* Change this*/
    pointer-events: none;
    z-index: 1;
}

.logo-slider::after {
    right: 0;
    background: linear-gradient(to left, #010B12, transparent) !important;
}

@media only screen and (max-width: 600px) {
    .logo-slider::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width:0px; /* Change this*/
    pointer-events: none;
    z-index: 1;
}
    .logo-slider::after {
    right: 0;
    background: linear-gradient(to left, #010B12, transparent) !important;
}}