@media (max-width: 1502px) {
       .container-fluid .row {
    padding-left: 3rem;
    padding-right: 3rem;
}
.card-column {
    height: 27rem;
    max-height:100%;
}
}




@media (max-width: 1522px) {
    .container-fluid .row {
    padding-left: 5rem;
    padding-right: 5rem;
}
.image-story {
    
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 1rem;
}
.txt-right-title {
    padding: 1rem 0rem 2rem 0rem;
}
 .testimoniale-fickle {
    min-height: 16rem;
  }
.img-mob {
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}
.img-mob img {
      border-radius: var(--border-radius-lg);
    width: 35rem;
}
.fickle-title h4 {
    font-size: 23px;
}
.section-nutritional-plan .txt-title-plan p{
    padding-bottom: 1rem;
}

.section-nutritional-plan     .txt-right-title {
        padding: 1rem 0rem 0rem 0rem;
    }
  
.txt-beneficion-left {
    padding: 4rem 0rem;
}
.testimoniale-fickle {
    margin-bottom: 2rem;
}
   .testimoniale-fickle{
        height: 100%;
    }
    .left-beneficion {
        padding-left: 6rem;
    }
}
@media (max-width: 1100px) {
    .desktop-phone{
        display: none;
    }
}
@media (max-width: 992px) {
 .section-beneficion .container-fluid .row {
    gap:1rem;
} 
  .wrapper-beneficion {
    bottom: 1.5rem;
    left: 1.5rem;
    max-width: 420px;
    padding: 1.25rem 1.5rem;
  }
   .timeline-wrapper {
        padding-left: 40px;
    }

    .timeline-wrapper::before {
        left: 12px;
    }

    .fickle-cronologic {
        padding: 30px;
    }

    .fickle-inner {
        flex-direction: column; 
        gap: 25px;
        align-items: flex-start;
    }

        header .header-right .phone>* {
        padding: .6rem;
    }


    .fickle-title h4 {
        font-size: 26px;
    }

    .fickle-text-content {
        font-size: 16px;
    }
 
  .left-beneficion {
    padding: 1.5rem;
  }
   .header-top-part .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    header .header-right .phone > * {
    width: 43px;
    height: 43px;
    }
}
@media (max-width: 1024px) {
  #pag-pov {
    padding: 1rem 0rem;
}


}

@media (min-width: 992px) {
  .btn-testimonials {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
  }
  header .navbar-menu .navbar-nav{
    align-items: center;
  }

}

@media (max-width: 768px) {
    .container-fluid .row {
        padding-left: 2rem;
        padding-right: 2rem;
    }
   
    .blog-nav {
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        gap: 1rem;
    }

    .blog-nav a {
        width: 100%;
        text-align: center;
    }
    
    .fickle-balance.animate, .fickle-fitness.animate {
        padding-bottom: 1rem;
    }
    .img-pacienta-1 {
        max-width: 23rem;
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    .section-real-impact{
        background: linear-gradient(to bottom, #f8fdf9 75%, var(--primary-color) 50%);
    }
    .col-1st-impact, .col-2nd-impact {
    padding: 1rem 0rem 0rem 0rem;
}
.wrap-numbers {
    padding-top: 2rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-direction: column;
}
    .hero-section h1{
        font-size: 2.5rem !important;
    }
    h3 {
        font-size:1.8rem;
    }
    .txt-povesteanoastra i, .txt-title-plan i{
        font-size: 10px;
    }
    footer .container-fluid .row{
        margin-right: unset;
    }
    .hp-hero .container-fluid .row {
    padding-left: 1rem;
    padding-right: 1rem;
}
        .footer-upper .menu-list{
        flex-direction: column;
    }
    
  .wrapper-beneficion {
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%);
    max-width: 90%;
    padding: 1.25rem 1.25rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.95);
  }
 header .navbar .navbar-brand {
    max-width: 10rem;
  }
  .btn-beneficion {
    display: flex;
    justify-content: center;
  }
  .hero-image-wrapper {
        height: 15rem;
        border-radius: var(--bs-border-radius-md);
    }
.testimoniale-fickle {
    font-size: 0.95rem;
    line-height: 1.5;
    padding: 1.25rem 1rem;
  }
.hero-section{
    margin-left: 1rem;
    margin-right: 1rem;
}
.before-after-slider::after {
        width: 38px;
        height: 38px;
        font-size: 13px;
    }
.wrapper-about-fickels {
    flex-direction: column;
}
.right-beneficion-col {
    min-height: 350px;
}

   .img-mob img {
        width: 100%;
        max-width: 25rem;
    }
    .btn-banner{
        padding-bottom: 5rem;
    }
    .txt-banner {
    padding-top: 4rem;
}
.btn-card-plan{
    padding-top: 1rem;
}
.wrapper-about-fickels{
    gap:.3rem;
}
.section-caract {
    margin-top:3rem;
    margin-bottom: 1rem;
}
.section-faq .txt-povesteanoastra i{
    margin-bottom: 1rem;
}
.left-beneficion-col {
    min-height: 450px;
}
    .txt-beneficion-left {
        padding: 4rem 1rem;
    }
    .section-title-pages {
                height: 14rem;
                
    }
    .fickle-left {
    flex: 0 0 294px;
    margin: 0 auto;
}
    
    .txt-title-pages {
    padding-top: 6rem;
    }
    .module-faq .accordion-flush#accordionFlush .accordion-item .accordion-header .accordion-button{
        font-size: 1.3rem;
    }
    .module-faq .accordion-flush#accordionFlush .accordion-item .accordion-header .accordion-button.collapsed{
        font-size: 1.2rem;
    }
 
    .footer-txt {
        padding: 0rem 0rem 2rem 0rem;
    }
    .menu-list.menu-list-level-1{
        padding-bottom:1rem;
    }
    .footer-upper .menu-list {
        gap:1.1rem
    }
    footer .module-social{
        justify-content:unset;
        padding-bottom:1rem;
    }
    footer .under-left-col{
        border-top:unset;
    }
    .wrapper-cards-all{
        flex-direction: column;
    }
        .card-column {
        height: 100%;
        max-height: 100%;
    }
    .accordionMainItem {
        display: unset;
    }
     .whatsapp-widget {
    bottom: 16px;
    right: 16px;
    width: 52px;
    height: 52px;
  }
     .module-video.video-presentation {
        border-radius: 14px;
        margin: 30px auto;
    }

    .module-video.video-presentation video {
        border-radius: 14px;
    }
    .accordion-evaluation .accordion-navigation{
        width: 100%;
        max-width: 24rem;
        min-width: unset;
    }
    .hero-col {
    align-items: center;
    text-align: center;
  }

  .timeline-wrapper {
        padding-left: 20px;
    }

    .timeline-wrapper::before {
        left: 8px;
    }

    .fickle-cronologic {
        margin: 40px 0;
        padding: 22px;
        border-radius: 12px;
    }

   

    .fickle-title h4 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .fickle-text-content {
        font-size: 15px;
        line-height: 1.6;
    }

    .fickle-inner {
        gap: 18px;
    }
.hero-section .container-fluid .row {
  padding-left: 2rem;
  padding-right: 2rem;
}

  .txt-hero p {
    max-width: 100%;
  }
    .accordion-evaluation .accordionContent {
    flex: 1;
    padding: 1.5rem 0rem;
}
#pag-tes .testimoniale-fickle {
    height: unset;
}

.code-rights {
    padding-top: 1rem;
    text-align: center;
}
.photo-contact img {
    border-radius: var(--border-radius-lg);
    max-width: 40rem;
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 1.6rem;
}
.footer-under .menu-list.menu-list-level-1 {
    flex-direction: column;
    align-items: center;
    gap:13px;
}
.footer-under .menu-list.menu-list-level-1 li:not(:last-child)::after {
    content: "";
    margin-left: 8px;
    color: gray;
}
 .hero-section .bg img {
    object-position: 72% center;
  }
}
@media (max-width: 576px) {
  .txt-beneficion-left h3 {
    font-size: 1.3rem;
  }
}

@media (max-width: 480px) {
  .wrapper-beneficion {
    bottom: 1rem;
    padding: 1rem;
    max-width: 92%;
  }
}


@media (max-width: 320px) {

        .hero-section h1{
        font-size: 2rem !important;
    }
    h3 {
        font-size:1.5rem;
    }
    .txt-povesteanoastra i, .txt-title-plan i{
        font-size: 10px;
    }

    .txt-povesteanoastra p{
        margin-bottom: .5rem;
    }
    .fickle-balance .fickle-image,
    .fickle-fitness .fickle-image {
        width: 3rem;
        height: 3rem;
    }
    .fickle-balance .fickle-image img ,
    .fickle-fitness .fickle-image img {
    width: 1.25rem;
    height: 1.25rem;
    }
        .right-beneficion-col {
        min-height: 418px;
    }
        .wrapper-beneficion {
        bottom: 1rem;
        padding: 1rem;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
  #btn-imp {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  #btn-imp {
    display: block !important;
  }

  #btn-imp a {
    margin: 0 auto;
  }
}