.section-padding
{
    padding: 200px 0 180px;
}

.bg-section 
{
    background: #4f0f9a;
}
.success-stories-banner-section .main-heading-section
{
    text-align: center;
}

.graspo-hero-section .banner-two__content h3
{
    font-size: 24px;
    color: #1a1a1a;
    line-height: 1.5;
    font-weight: 600;
}

.primary-color
{
    color: #701af5 !important;
}

.success-stories-banner-section .main-heading-section .main-heading
{
    font-size: 48px;
    color: #fff;
    position: relative;
    z-index: 0;
}

.success-stories-banner-section .main-heading-section .main-heading::before
{
    content: "";
    width: 150px;
    height: 150px;
    background-color: #f95b1e;
    position: absolute;
    border-radius: 100px;
    right: 30%;
    bottom: -95%;
    z-index: -1;
}

.success-story-card-section .success-story-card
{
    padding: 20px 20px 0 20px;
    text-align: center;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.success-story-card-section .success-story-card h3
{
    font-weight: 700;
    font-size: 32px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.success-story-card-section .success-story-card .foodtiffin-heading
{
    color:#b37d00 !important;
}

.success-story-card-section .success-story-card.foodtiffin-card
{
    background: #fdeebe;
}


.success-story-card-section .success-story-card.grapso-card
{
    background: #CEFBBB;
    color: #00C458;
}

.success-story-card-section .success-story-card .read-more-btn
{
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(180deg, #701af5 0, #4a28ab 100%);
    color: white;
    padding: 10px 25px;
    border-radius: 25px;
    font-weight: 600;
    transition: all 0.3s ease;
    opacity: 0;
}

.success-story-card-section:hover .read-more-btn
{
    bottom: 20px;
    opacity: 1;
}

.success-story-card-section:hover
{
    opacity: 1;
    text-decoration: none !important;
}

.success-story-card-section:hover .success-story-card
{
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.hero-section-pointers
{
    flex-direction: column;
    padding: 40px;
    background: #f5f5f7;
    border-radius: 8px;

}

.hero-section-pointers strong
{
    margin-right: 5px;
    font-weight: 600;
}

.hero-section-pointers .d-flex
{
    align-items: center;
    margin-bottom: 20px;
}

.hero-section-pointers .pointers-subheading
{
    margin: 0;
    color: #2f2f2f;
}

.hero-section-pointers .pointers-heading
{
    margin: 0;
    color: #4f0f9a;
}

/* 
.hero-section-card
{
    padding: 20px;
    background: #eae1ff;
    border-radius: 8px;
    border: 2px solid #6500bf;
}

.hero-section-card .sub-card-details .card-subheading
{
    margin: 0;
    color: #2a2a2a;
}

.hero-section-card .sub-card-details .card-heading
{
    margin: 0 !important;
} */


.struggle-before-ventageine .ma-50
{
    margin-top: 0 !important;
}

.struggle-before-ventageine .powerful-ordering-wrapper
{
    padding: 40px 40px 0 40px;
}

/* .cta-section{
    margin-top: -80px;
} */
.cta-section-card
{
    border-radius: 0 !important;
}
.cta-section .cta-para
{
    color: #fff;
    font-style: italic;
}

.cta-section .cta-subheading
{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
}

.hero-section-main .banner-two__moc img
{
    width: 70% !important;
}

.ventagenie-stepped-in
{
    padding: 80px 0 ;
    background: url(../img/team-bg.webp) no-repeat;
    background-color: rgb(244, 245, 250);

}

.mt-5
{
    margin-top: 25px;
}


.why-foodiffin-card
{
    background: linear-gradient(180deg, #701af5 0, #4a28ab 100%);
    padding: 40px;
    position: absolute;
    width: 100%;
    left: 30%;
    top: 106%;
    border-radius: 16px;
}

.why-foodiffin-card h3, .why-foodiffin-card p
{
    color: #fff;
}

.struggle-before-ventageine
{
    padding: 200px 0 80px;
}


.strategies-implement-section .clone-app-logo
{
    padding: 15px !important;
    min-height: fit-content !important;
}

.strategies-implement-section .clone-app-logo p
{
    margin: 0 !important;
    font-weight: 500 !important;
}

.strategies-implement-description h4
{
    line-height: 1.5;
    letter-spacing: 1px;
}

.strategies-implement-description .apps-details
{
    padding: 0 !important;
}

.strategies-implement-description .apps-details .result h5
{
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 40px;
    width: min-content;
    background: linear-gradient(45deg, #f95b1e, #ff4700);
}




.strategies-implement-description.drive-retention
{
    padding: 40px !important;
}


.strategies-implement-description .app-screen-img .mt-40
{
    margin-top: 40px;
}

.strategies-implement-description.frictionless-experience
{
    padding:40px 40px 0 !important;
}

.mb-view
{
    display: none;
}

.challenge-graspo .powerful-ordering-wrapper
{
    padding: 40px;
}


.graspo-hero-section .why-foodiffin-card
{
    top: 540px !important;
}

.h-250
{
    height: 250px;
}

.the-result-section .make-money-box
{
    padding: 30px;
    min-height: 340px;
    text-align: left;
}

.why-graspo .food-benifit-box
{
    height: 100% !important;
    padding: 30px 30px 0;
}

.why-graspo .food-benifit-box.proven-experience
{
    padding: 0 30px 30px 30px !important;
}

.why-graspo .food-benifit-box .why-grapso-img img{
    width: 100%;
    position: relative;
}

/* .why-graspo .food-benifit-box .why-grapso-img::after
{
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    background-color: #701af5;
    border-radius: 100px;
} */

.the-result-section .make-money-box
{
    min-height: 280px;
}

.pointer-section .pointer-card span
{
    align-items: center;
}   

.pointer-section .pointer-card span .pointers-heading
{
    font-size: 1.4rem;
    font-weight: 400;
}   


.contact-wrapper .contact-box {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    box-shadow: #959da533 0 8px 24px;
    margin-top: 15px;
    text-align: center;
    background: #fff;
  }
  .contact-wrapper .contact-box input[type="email"],
  .contact-wrapper .contact-box input[type="tel"],
  .contact-wrapper .contact-box input[type="text"],
  .contact-wrapper .contact-box textarea,
  select {
    width: 100%;
    margin: 5px 0;
    padding: 15px 10px;
    border: 1px solid #e4e4ee;
    border-radius: 5px;
    background: #f6f6fb;
  }
  .contact-box textarea {
    height: 120px;
  }
  .contact-wrapper .button {
    width: 160px;
    padding: 10px;
    color: #fff;
    background: var(--primary);
    border-radius: 15px;
    border: 0;
    margin-top: 15px;
  }
  .casestudies-wrapper-section .model-number-3,
  .management-suite-three-wrapper .model-number-3,
  .powerful-ordering-wrapper .model-number {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: linear-gradient(180deg, #701af5 0, #4a28ab 100%);
    color: var(--white);
    text-align: center;
    font-weight: 600;
  }
  .contact-wrapper .contact-box p {
    text-align: center;
    font-size: 12px;
    margin: 15px 0 0;
  }
  .contact-wrapper .col-md-3 {
    float: left;
  }



@media (max-width:786px)
{

    .hero-section-pointers svg
    {
        display: none !important;
    }

    .why-foodiffin-card
    {
        position: unset !important;
    }

    .hero-section-main .banner-two__moc
    {
        text-align: center !important;
    }

    .struggle-before-ventageine,.ventagenie-stepped-in
    {
        padding: 40px 0 !important;
    }

    .mb-view
    {
        display: block;
    }

    .dekstop-view
    {
        display: none !important;
    }

    .h-250
    {
        height: 100%;
    }

    .strategies-implement-section
    {
        display: flex;
        align-items: center;
        overflow: scroll;
    }

    .strategies-implement-section .clone-app-logo
    {
        min-width: 250px !important;
        min-height: 80px !important;
        margin-right: 15px !important;
    }

    .section-padding
    {
        padding: 40px !important;
    }

    .success-story-card-section .success-story-card
    {
        margin-bottom: 20px;
    }

    .struggle-before-ventageine .powerful-ordering-wrapper
    {
        padding: 40px 15px 0 15px !important;
    }

    .banner-two__content h3
    {
        margin: 20px 0 0 0 !important;
    }

    .built-subscription .contact-wrapper{
        padding:0 !important;
    }
}



/* Mobile-only accordion for strategies section */
@media (max-width: 767px) {
    #at-tabs-c2a3d74 { display: none !important; }
    .at-accordion-mobile { display: block !important; margin-bottom: 30px; }
    .at-accordion-mobile .accordion {
      /* border-radius: 8px;
      box-shadow: 0 2px 8px #0001;
      background: #fff; */
      margin: 0 0 20px 0;
    }

    .strategies-implement-description.drive-retention
    {
        padding: 20px !important;
    }

    .clone-app-description h4
    {
        font-size: 1.8rem !important;
    }
  }
  @media (min-width: 768px) {
    .at-accordion-mobile { display: none !important; }
  }
  
  /* Optional: Style accordion headers for consistency */
  .at-accordion-mobile .accordion-button {
    font-size: 1.4rem;
    font-weight: 600;
    color: #3a3a3a;
    padding: 10px;
    border: 1px solid #ededed;
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: left;
    border-radius: 8px;
    align-items: center;
    line-height: 1.5;
  }
  .at-accordion-mobile .accordion-button:not(.collapsed) {
    color: #8100ed;
    background: #ededed;
  }
  .at-accordion-mobile .accordion-body {
    background: #fafafa;
    color: #222;
    border-top: 1px solid #eee;
  }
  
  .at-accordion-mobile .accordion-icon
  {
    font-size: 1.2em;
    background: #fff;
    padding: 0px 10px 5px;
    border-radius: 80px;
    /* text-align: center; */
    align-items: center;
    color: #3a3a3a;
  }