/*======================================
Theme Name: Helio-Green Solar/Renewable Energy Divi Child Theme
Theme URI: https://heliogreen.elvarstudios.com/
Author: Elvar Studios
Author URI: http://elvarstudios.com/
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/* ===== NOTES ==================================================================
 *
 * Discover our premium Divi products: http://elvarstudios.com/
 * 
 * =============================================================================== */

/* Menu Number CSS Code start */
/* Reset counter */
.menu-counter nav ul.et-menu {
    counter-reset: menu-counter;
}

/* Each top-level menu item */
.menu-counter nav ul.et-menu > li {
    counter-increment: menu-counter;
    position: relative;
}

/* Number */
.menu-counter nav ul.et-menu > li > a::after {
    content: counter(menu-counter, decimal-leading-zero);
    position: absolute;

    top: -10px;
    /*right: -1px;*/

    font-size: 10px;
    font-weight: 600;
    line-height: 1;

    opacity: .7;

    transition: all .35s ease;
}

/* Space for number */
.menu-counter nav ul.et-menu > li > a {
    position: relative;
    display: inline-block;
    padding-right: 18px;
}

/* Hover animation */
.menu-counter nav ul.et-menu > li:hover > a::after,
.menu-counter nav ul.et-menu > li.current-menu-item > a::after {
    transform: translateY(-2px);
    opacity: 1;
}
/* Menu Number CSS Code End */



/* Home1 cards Stacking starts */

.card1 {
position: sticky !important;top: 100px; }
.card2 {
  position: sticky !important;top: 100px; } 
.card3 {
position: sticky !important;top: 100px; }
.card4 {
position: sticky !important;top: 100px; }
.card5 {
position: sticky !important;top: 100px; }
.card6 {
position: sticky !important;top: 100px; }
.card7 {
position: sticky !important;top: 0px; }

/* Home1 cards Stacking end */



/* Cards hover CSS Code start */
/* cards grid start */
.hero-grid-bg{
    background:#6e21ff;

    background-image:
        linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);

    background-size:48px 48px;
}


/* cards grid end */
.team-card{
    position:relative;
    overflow:hidden;
    /*border-radius:24px;*/
    background:#fff;
    border:1px solid #e7e7e7;
    transition:.45s ease;
    cursor:pointer;
}

.team-card:hover{
    transform:translateY(-12px);
    box-shadow:
    0 20px 60px rgba(34,197,94,.18),
    0 10px 25px rgba(0,0,0,.08);
}

.team-image{
    overflow:hidden;
    border-radius:18px;
    /*margin:20px;*/
}

.team-image img{
    width:100%;
    display:block;
    transition:transform .6s ease;
}

.team-card:hover .team-image img{
    transform:scale(1.08);
}

/* Cards hover CSS Code end */


/* Heading hover in Projects CSS Code start */
.heading-underline{
    display:inline-block;
}

.heading-underline h1,
.heading-underline h2,
.heading-underline h3,
.heading-underline h4,
.heading-underline h5,
.heading-underline h6{
    position:relative;
    display:inline-block;
}

.heading-underline h1::after,
.heading-underline h2::after,
.heading-underline h3::after,
.heading-underline h4::after,
.heading-underline h5::after,
.heading-underline h6::after{
    content:"";
    position:absolute;
    left:0;
    bottom: 1px;
    width:100%;
    height:2px;
    background:currentColor;

    transform:scaleX(0);
    transform-origin:left;
    transition:transform .45s cubic-bezier(0.22,1,0.36,1);
}

.heading-underline:hover h1::after,
.heading-underline:hover h2::after,
.heading-underline:hover h3::after,
.heading-underline:hover h4::after,
.heading-underline:hover h5::after,
.heading-underline:hover h6::after{
    transform:scaleX(1);
}

.heading-underline:not(:hover) h1::after,
.heading-underline:not(:hover) h2::after,
.heading-underline:not(:hover) h3::after,
.heading-underline:not(:hover) h4::after,
.heading-underline:not(:hover) h5::after,
.heading-underline:not(:hover) h6::after{
    transform-origin:right;
}
/* Heading hover in Projects CSS Code end */