@media(max-width: 560px){
    .logo {
    width: 130px;
}

.header {
    padding: 15px;
}


  .hero-section {
      background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url('../assets/images/hero-mobile.png');
              min-height: 418px;

background-size: cover;
    }

    .mobile-none{
        display: none;
    }

    .desktop-none{
  display: block!important;
}

.phone-icon{
    width:auto;
    height: auto;
}

.hero-title {
    font-size: 30px;
    margin-bottom: 10px;
        line-height: 1;
}

.pricing-info {
    margin-bottom: 25px;
}

.price-text {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
}

.hero-buttons {
    flex-direction: row;
    gap: 8px;
}

.btn-primary {
    padding: 9px 15px;
    font-size: 12px;

}

.btn-secondary {

    padding: 9px 15px;
   
    font-size: 12px;
 
}

.reviews-section {
    padding: 50px 15px;
}

.reviews-title {
    margin-bottom: 25px;
    font-size: 20px;
}

.reviews-list {
     gap: 0px!important; 
     padding: 0 0px!important; 
}

    .reviews-section .container {
        padding: 0;
    }

    .review-text {
    font-size: 14px;
}

.reviews-container .swiper-wrapper {
    height: 180px !important;
    /* padding: 20px 0px; */
}

    .review-header {
        display: flex
;
        margin-bottom: 10px;
        gap: 8px;
        flex-direction: column !important;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .features-title {
    font-size: 20px;
    margin-bottom: 30px;
        line-height: normal;    
}
.features-grid {
    gap: 7px;
    flex-wrap: nowrap;
    display: flex
;
}

.feature-text {
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
}

section.features-section .container {
    padding: 0;
}
.feature-card {
    padding: 15px 5px;
    border-radius: 10px;
    width: 33.33%;

        position: relative;
}

.feature-icon {
    width: 25px;
    height: 25px;
    margin: 0 auto 16px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.feature-text {
    font-size: 12px;
    font-weight: 300;
    color: #1f2937;
    padding-top: 14px;
    line-height: normal;
}

.features-section {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(../assets/images/feature-mobile.png);
    padding: 50px 15px;
}

.investment-title {
    font-size: 20px;
    margin-bottom: 25px;
}

.benefit-text {
    font-size: 14px;
    color: #1f2937;
}

.benefit-icon {
    width: 20px;
    height: 20px;
}

.cta-content {
    margin: 0 auto;
    padding: 15px 0px;
}

.cta-title {
    font-size: 24px;
}
.cta-subtitle {
    font-size: 14px;
    font-weight: 400;
    /*margin-top: 10px;*/
}


.btn-phone {
   
    display: flex
;
    justify-content: center;
}

.cta-section {
    background: linear-gradient(180deg, rgba(88, 41, 0, 0) 0%, rgba(88, 41, 0, 1) 100%), url(../assets/images/cta-mobile.jpg);
  
}

.lifestyle-section {
    background-color: #f9fafb;
    padding: 50px 15px;
}
.lifestyle-section .container{
    padding: 0;
}

.lifestyle-title {
    font-size: 20px;
    margin-bottom: 25px;
}

.lifestyle-card-title {
    font-size: 20px;
    line-height: normal;
}

.faq-section {
    background-color: #f9fafb;
    padding: 50px 15px;
    padding-top: 0;
}

.faq-title {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 25px;
}

.faq-question-text {
    font-size: 14px;
    font-weight: 500;
}

.faq-icon {
    width: 12px;
    height: 12px;
}

.footer-contact {
    flex-direction: column!important;
}

.footer-logo {
    width: 150px;
    height: auto;
}

.contact-icon {
    width: 25px;
    height: auto;
}

.contact-info {
    display: flex
;
    gap: 20px;
    flex-wrap: wrap;
    padding-top: 15px;
}

.contact-value {
    font-size: 14px;
    font-weight: 500;
}

.contact-label {
    font-size: 14px;
}

.footer-column-title {
    font-size: 14px;
    margin-bottom: 0px;
}

.footer-link {

    font-size: 12px;
}

.footer-links {
    padding-top: 15px;
    gap: 10px;
    display: flex
;
    flex-wrap: nowrap;
}

.footer-bottom {
    padding-top: 25px;
    display: flex
;
    flex-direction: column-reverse;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap-reverse;
}

.social-links {
    display: flex
;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap-reverse;
    flex-direction: column;
}

.social-icon {
    width: 35px;
    height: 35px;
   
}

.copyright {
    font-size: 12px;
}
}