/* Responsive Styles */

/* Tablet Styles */
@media (min-width: 770px) {
    .d-mobile{
        display: none;
    }
   
}

/* Mobile Styles */
@media (max-width: 768px) {
    .d-desktop{
        display: none;
    }
    html[dir="rtl"] .hero-image{
      right:0;
    }
    html[dir="rtl"] .carousel-indicators{
        right:0;
    }
    .service-item{
        margin-bottom:2rem;
    }
    section{
        margin:2rem 0;
    }

    .gap-features{
        margin-bottom:0!important;
    }

    .nav-link{
        text-align: center;
    }

    .hero-section{
        padding-top:3rem;
    }

  
    
    .app-buttons {
        justify-content: center !important;
    }
    
    .feature-card {
        padding: 1.5rem 1rem;
    }
    
    .service-item {
        height: 180px;
    }
    
    .nav-link {
        margin: 0.5rem 0;
    }
    
    .language-switcher {
        margin-top: 1rem;
        width: 100%;
    }
}

/* Small Mobile Styles */
@media (max-width: 576px) {
    :root {
        --section-padding: 50px;
    }
    
    
    .app-btn {
        font-size: 0.9rem;
        padding: 10px 20px;
    }
    
    .feature-icon {
        width: 80px;
        height: 80px;
    }
    
    .payment-methods {
        flex-wrap: wrap;
        font-size: 0.9rem;
    }
}