.elementor-7 .elementor-element.elementor-element-8e00ff8{--display:flex;--min-height:510px;}.elementor-7 .elementor-element.elementor-element-8e00ff8:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-8e00ff8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://grownestpro.com/wp-content/uploads/2026/10/c343fc6e-53bf-482a-bf6e-f8b2885c42a3.png");background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-7 .elementor-element.elementor-element-751c343{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-2425b6d{--display:flex;--min-height:90px;}.elementor-7 .elementor-element.elementor-element-a581044{--display:flex;}.elementor-7 .elementor-element.elementor-element-a6126e0{--display:flex;}.elementor-7 .elementor-element.elementor-element-1a3fedf{--display:flex;}.elementor-7 .elementor-element.elementor-element-44c7033{--display:flex;}.elementor-7 .elementor-element.elementor-element-012b43f{--display:flex;}.elementor-7 .elementor-element.elementor-element-59ebba7{--display:flex;}.elementor-7 .elementor-element.elementor-element-2d0b264{--display:flex;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-6a81af9{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-751c343 *//* =========================================
   GROW NEST PRO - LEFT HERO CONTENT
========================================= */

.gnp-hero-left {
    width: 100%;
    max-width: 560px;
    position: relative;
    z-index: 5;
    text-align: left;
    font-family: "Poppins", Arial, sans-serif;
}


/* =========================================
   SMALL TOP TEXT
========================================= */

.gnp-small-text {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    color: #f4b400;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}


/* =========================================
   MAIN HEADING
========================================= */

.gnp-hero-left h1 {
    margin: 0;
    padding: 0;

    font-size: 48px;
    line-height: 1.08;
    font-weight: 700;

    color: #ffffff;
    letter-spacing: -1px;
}


/* GOLDEN TEXT */
.gnp-hero-left h1 span {
    color: #f4b400;
}


/* =========================================
   DESCRIPTION
========================================= */

.gnp-hero-description {
    max-width: 510px;

    margin: 20px 0 26px;

    font-size: 15px;
    line-height: 1.7;
    font-weight: 400;

    color: rgba(255, 255, 255, 0.82);
}


/* =========================================
   BUTTONS
========================================= */

.gnp-hero-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}


/* PRIMARY BUTTON */

.gnp-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 13px 22px;

    background: #f4b400;
    color: #081b47;

    border: 1px solid #f4b400;
    border-radius: 6px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    transition: all 0.3s ease;
}


.gnp-btn-primary span {
    font-size: 18px;
    line-height: 1;
}


.gnp-btn-primary:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #081b47;

    transform: translateY(-2px);
}


/* SECONDARY BUTTON */

.gnp-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 13px 22px;

    background: transparent;
    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 6px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    transition: all 0.3s ease;
}


.gnp-btn-secondary:hover {
    background: #ffffff;
    color: #081b47;
    border-color: #ffffff;
}


/* =========================================
   TRUST / RATING
========================================= */

.gnp-trust {
    display: flex;
    align-items: center;

    margin-top: 25px;
}


/* AVATARS */

.gnp-avatars {
    display: flex;
    align-items: center;
}


.gnp-avatars span {
    width: 30px;
    height: 30px;

    margin-left: -7px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 2px solid #081b47;
    border-radius: 50%;

    font-size: 14px;
}


.gnp-avatars span:first-child {
    margin-left: 0;
}


/* RATING */

.gnp-rating {
    margin-left: 12px;
}


.gnp-stars {
    color: #f4b400;

    font-size: 13px;
    letter-spacing: 2px;

    line-height: 1;
}


.gnp-rating p {
    margin: 5px 0 0;

    color: rgba(255, 255, 255, 0.75);

    font-size: 11px;
    line-height: 1.3;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .gnp-hero-left {
        max-width: 500px;
    }

    .gnp-hero-left h1 {
        font-size: 42px;
    }

    .gnp-hero-description {
        font-size: 14px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .gnp-hero-left {
        max-width: 100%;
    }

    .gnp-small-text {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .gnp-hero-left h1 {
        font-size: 34px;
        line-height: 1.12;
        letter-spacing: -0.5px;
    }

    .gnp-hero-description {
        font-size: 13px;
        line-height: 1.6;
        margin: 16px 0 22px;
    }

    .gnp-hero-buttons {
        gap: 10px;
    }

    .gnp-btn-primary,
    .gnp-btn-secondary {
        padding: 11px 16px;
        font-size: 12px;
    }

    .gnp-trust {
        margin-top: 20px;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .gnp-hero-left h1 {
        font-size: 29px;
    }

    .gnp-hero-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .gnp-btn-primary,
    .gnp-btn-secondary {
        width: auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab98d26 *//* =========================================
   STATS SECTION - WHITE BACKGROUND
========================================= */

.gnp-stats {
    width: 100%;
    padding: 22px 15px;
    box-sizing: border-box;

    /* PURE WHITE BACKGROUND */
    background: #ffffff;
}


/* =========================================
   STATS CONTAINER
========================================= */

.gnp-stats-container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;

    display: flex;
    justify-content: center;
    align-items: stretch;

    gap: 14px;
}


/* =========================================
   OFF-WHITE STAT BOXES
========================================= */

.gnp-stat-card {
    flex: 1;
    min-width: 0;

    /* OFF-WHITE BOX */
    background: #f8f9fc;

    border: 1px solid #eef1f6;
    border-radius: 5px;

    padding: 13px 14px;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    box-shadow: 0 2px 8px rgba(20, 40, 80, 0.06);

    transition: all 0.3s ease;
}


/* HOVER */

.gnp-stat-card:hover {
    transform: translateY(-3px);
    background: #f5f7fb;
    box-shadow: 0 6px 15px rgba(20, 40, 80, 0.10);
}


/* =========================================
   ICON
========================================= */

.gnp-stat-icon {
    width: 34px;
    height: 34px;
    min-width: 34px;

    border-radius: 50%;

    background: #3158d8;
    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: 11px;
}

.gnp-stat-icon svg {
    width: 17px;
    height: 17px;
}


/* =========================================
   TEXT
========================================= */

.gnp-stat-content {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.gnp-stat-title {
    font-family: Arial, sans-serif;
    font-size: 8px;
    font-weight: 600;
    color: #1d2942;
    margin-bottom: 3px;
}

.gnp-stat-number {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
    color: #1551c4;
    margin-bottom: 3px;
}

.gnp-stat-subtitle {
    font-family: Arial, sans-serif;
    font-size: 5.5px;
    font-weight: 400;
    color: #8b94a7;
    white-space: nowrap;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .gnp-stats {
        padding: 15px 10px;
    }

    .gnp-stats-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .gnp-stat-card {
        padding: 11px 9px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cca1a47 *//* =========================================
   GROW NEST PRO
   TRUSTED BRANDS - BIGGER VERSION
========================================= */

.gnp-trusted {
    width: 100%;
    background: #ffffff;
    padding: 24px 20px;
    box-sizing: border-box;
    overflow: hidden;
}


/* =========================================
   MAIN CONTAINER
========================================= */

.gnp-trusted-wrapper {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 45px;
}


/* =========================================
   LEFT TEXT
========================================= */

.gnp-trusted-text {
    flex: 0 0 190px;
}

.gnp-trusted-text h3 {
    margin: 0 0 6px 0;

    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;

    color: #24314d;
}

.gnp-trusted-text p {
    margin: 0;

    font-family: Arial, sans-serif;
    font-size: 8px;
    line-height: 1.5;

    color: #8993a7;
}


/* =========================================
   LOGO WINDOW
========================================= */

.gnp-logo-window {
    flex: 1;
    overflow: hidden;
    position: relative;
}


/* =========================================
   LOGO TRACK
========================================= */

.gnp-logo-track {
    width: max-content;

    display: flex;
    align-items: center;

    gap: 55px;

    animation: gnpLogoScroll 18s linear infinite;
}


/* PAUSE ON HOVER */

.gnp-logo-window:hover .gnp-logo-track {
    animation-play-state: paused;
}


/* =========================================
   SCROLL ANIMATION
========================================= */

@keyframes gnpLogoScroll {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}


/* =========================================
   BRAND
========================================= */

.gnp-brand {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 8px;

    white-space: nowrap;

    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;

    color: #526078;

    opacity: 0.95;

    transition: all 0.3s ease;
}


/* BRAND HOVER */

.gnp-brand:hover {
    opacity: 1;
    transform: scale(1.08);
}


/* =========================================
   GOOGLE ICON
========================================= */

.gnp-google-icon {
    font-size: 19px;
    font-weight: 800;

    color: #4285f4;
}


/* =========================================
   META ICON
========================================= */

.gnp-meta-icon {
    font-size: 25px;
    line-height: 1;

    font-weight: 700;

    color: #1877f2;
}


/* =========================================
   WORDPRESS ICON
========================================= */

.gnp-wp-icon {
    width: 24px;
    height: 24px;

    border: 2px solid #21759b;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 11px;
    font-weight: 700;

    color: #21759b;
}


/* =========================================
   SHOPIFY ICON
========================================= */

.gnp-shopify-icon {
    width: 23px;
    height: 24px;

    background: #95bf47;

    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    font-weight: 800;

    border-radius: 3px;
}


/* =========================================
   HUBSPOT ICON
========================================= */

.gnp-hub-icon {
    width: 24px;
    height: 24px;

    border-radius: 50%;

    background: #ff7a59;

    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 12px;
    font-weight: 800;
}


/* =========================================
   TRELLO ICON
========================================= */

.gnp-trello-icon {
    width: 24px;
    height: 24px;

    border-radius: 4px;

    background: #0c66e4;

    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 11px;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 800px) {

    .gnp-trusted-wrapper {
        gap: 25px;
    }

    .gnp-trusted-text {
        flex: 0 0 160px;
    }

    .gnp-trusted-text h3 {
        font-size: 12px;
    }

    .gnp-logo-track {
        gap: 38px;
    }

    .gnp-brand {
        font-size: 10px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .gnp-trusted {
        padding: 20px 12px;
    }

    .gnp-trusted-wrapper {
        display: block;
    }

    .gnp-trusted-text {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .gnp-trusted-text h3 {
        font-size: 13px;
    }

    .gnp-trusted-text p {
        font-size: 7px;
    }

    .gnp-logo-track {
        gap: 35px;
        animation-duration: 15s;
    }

    .gnp-brand {
        font-size: 10px;
    }

    .gnp-google-icon {
        font-size: 17px;
    }

    .gnp-meta-icon {
        font-size: 22px;
    }
}/* End custom CSS */