/* =======================================
   EXTRA SMALL DEVICES (phones ≤ 576px)
   ======================================= */
@media (max-width: 576px) {

    .hero-title {
        font-size: 24px;
        line-height: 1.2;
    }

    .search-input {
        font-size: 13px;
        padding: 8px 12px;
    }

    .dropdown {
        max-height: 170px;
    }

    .suggestion-btn {
        font-size: 11px;
        padding: 6px 10px;
    }

    .rounded-image img {
        border-radius: 15px;
    }

    .info-box {
        padding: 12px;
        font-size: 12px;
    }

    .chat-bubble {
        font-size: 11px;
        bottom: 85px;
    }

    .main-box {
        padding: 20px 15px;
        border-radius: 20px;
    }

    .visa-card {
        flex-direction: column;
        padding: 20px 15px;
        height: 200px;
    }

    .visa-card img {
        width: 80px;
        margin-bottom: 15px;
    }

    .radio-dot {
        top: 15px;
        left: 15px;
        transform: none;
    }

    .visa-card h5 {
        font-size: 1.05rem;
        text-align: center;
    }

    .info-box {
        font-size: 12px;
        padding: 10px 12px;
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }

    .info-box i {
        font-size: 20px;
        margin: 0;
    }

    .visa-card {
        padding: 15px;
    }

    .fire-badge {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .price {
        font-size: 1.3rem;
    }

    .visa-card img {
        width: 110px;
    }

    .visa-card {
        padding: 20px 15px;
    }

    .note-box {
        flex-direction: column;
        text-align: center;
    }

    .visa-card1 {
        background: white;
        border-radius: 16px;
        padding: 25px;
        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
        margin-bottom: 25px;
        border: 1px solid #0c0b0b;
        width: 100% !important;
        margin-left: 0px !important;

    }

    
    .info-card {
                margin-bottom: 15px;
            }

            .btn-back,
            .btn-continue {
              width: 42%;
        margin-bottom: 10px;
        padding: 8px;
            }

            .sidebar a {
                display: none;
            }

            .right-side {
                position: relative;
                overflow: none !important;
                left: 0 !important;
                ;
            }

            .sidebar {
                border-right: 1px solid #e5e5e5;
                padding-right: 20px;
                position: relative;
            }
             .right-side {
            position: relative;
            
            left: none!important;
        }
        .info-box {
        background: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(10px);
        border-radius: 18px;
        padding: 20px;
        margin-top: -290px!important;
        width: 81%!important;
        height: 85px!important;
       
        flex-direction: row!important;
        margin-right: 129px!important;
    }
        .rounded-image img {
        width: 100%;
        margin-top: 30px!important;
    }
}


/* =======================================
   SMALL DEVICES (phones & small tablets ≤ 768px)
   ======================================= */
@media (max-width: 768px) {

    .nbar {
        flex-direction: column;
    }

    .navcenter {
        display: none;
    }

    .ms-auto {
        margin-top: 10px;
    }

    .hero-title {
        font-size: 28px;
    }

    .svg-img-1 img,
    .svg-img-2 img {
        width: 75%;
    }

    .rounded-image img {
        width: 100%;
    }

    .info-box {
        width: 100%;
    }

    .main-box {
        padding: 25px 20px;
    }

    .visa-card {
        flex-direction: row;
        align-items: center;
        padding: 18px 15px;
        gap: 20px !important;
        height: 150px;
    }

    .visa-card1 {
        background: white;
        border-radius: 16px;
        padding: 25px;
        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.06);
        margin-bottom: 25px;
        border: 1px solid #0c0b0b;
        width: 100% !important;
        margin-left: 0px !important;

    }
    .btn-back,
            .btn-continue {
              width: 42%;
        margin-bottom: 10px;
        padding: 8px;
            }

    .note-box {
        margin-top: 0px;
    }

    .visa-card img {
        width: 70px;
        margin-bottom: 0;
    }

    .radio-dot {
        top: 50%;
        left: 15px;
        transform: translateY(-50%);
    }

    .visa-card h5 {
        margin: 0;
        font-size: 1.1rem;
        flex-grow: 1;
        text-align: left;
    }

    .info-box {
        font-size: 13px;
        padding: 12px 16px;
    }

    .page-title {
        font-size: 1.5rem;
    }

    .page-subtitle {
        font-size: 1rem;
    }


    .visa-card {
        padding: 20px;
        height: 150px;
    }


    .visa-title {
        font-size: 1.2rem;
    }

    .price-section {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .btn-group-custom {
        flex-direction: column;
    }

    .btn-custom {
        width: 100%;
    }

    .visa-details {
        flex-direction: column;
        gap: 15px;
    }

    .btn-select {
        width: 100%;
        justify-content: center;
    }

    .info-banner {
        flex-direction: column;
        text-align: center;
    }

    .price-box {
        margin-top: 15px;
        text-align: left;
    }

    .select-btn {
        width: 100%;
        margin-top: 10px;
    }
      .pill-btn {
                margin-top: 10px;
            }
            
             .info-card {
                padding: 0px;
            }
            .right-side {
            position: relative;
            
            left: none!important;
        }
         .shedule-part {
            /* margin-left: 25%; */
            width: 100%;
        }
        aside{
            display:none;
        }
        .feature-box {
    
    border-bottom: 1px solid #212529BF!important;
    border-radius: 12px;
    padding: 0px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    background: #fff;
}
 input.form-control {
            padding: 12px 14px;
            height: 50px;
            
            border-radius: 10px;
        }
        .left-side{
            flex: 1;
             min-width: 300px;
             margin-top: 0!important;
        

        }
        .t-details{
    max-width:1200px;
     margin-top:36px;
}
 .insurance-popup {
        width: 100%;          /* full width on mobile */
        right: -100%;         /* hidden offscreen */
        padding: 20px 18px;   /* reduced padding for small screens */
    }

    .insurance-popup.active {
        right: 0;
    }
    .left-step{
        display: none ;
    }
    .info-box {
        background: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(10px);
        border-radius: 18px;
        padding: 20px;
        margin-top: -290px!important;
        width: 81%!important;
        height: 85px!important;
       
        flex-direction: row!important;
        margin-right: 129px!important;
    }
        .rounded-image img {
        width: 100%;
        margin-top: 30px!important;
    }
    
    
}






/* =======================================
   MEDIUM DEVICES (tablets ≤ 992px)
   ======================================= */
@media (max-width: 992px) {

    nav .nav-link {
        font-size: 14px;
    }

    .hero-title {
        font-size: 32px;
    }

    .search-container {
        max-width: 90%;
    }

    .rounded-image img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .info-box {
        max-width: 90%;
        margin: 15px auto;
    }

    .main-box {
        padding: 30px;
    }

    .visa-card img {
        width: 90px;
    }

    .info-box {
        font-size: 14px;
    }

    .visa-card {
        margin-bottom: 20px;
    }

    .sidebar {
        border-right: none;
        margin-bottom: 25px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
     .visa-image {
                border-radius: 14px;
                width: 98%;
                height: 250px;
                object-fit: cover;
                margin-left: 30px !important;
            }
            .steps{ display:none; } /* hide left steps on small */
      .main-card{ padding:20px; }
      .fixed-footer{ padding:12px 4%; }
            
      .info-box5 {
                margin-top: 25px;
            }

}



/* =======================================
   LARGE DEVICES (small laptops ≤ 1200px)
   ======================================= */
@media (max-width: 1200px) {

    .navcenter .nav-link {
        margin: 0 6px;
    }

    .hero-title {
        font-size: 38px;
    }

    .search-container {
        width: 80%;
    }

    .rounded-image img {
        width: 85%;
    }

    .main-box {
        padding: 35px;
    }

    .visa-card img {
        width: 100px;
    }

    .info-box {
        font-size: 15px;
    }

    .navcenter {
        margin-left: 10%;
    }

    .rounded-image img {
        width: 111%;

    }

    .info-box {
        background: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(10px);
        border-radius: 18px;
        padding: 20px;
        margin-top: -236px;
        width: 80%;
    }

    .svg-img-2 {
        position: absolute;
        right: 350px;
        bottom: 390px;

    }

    .svg-img-1 {
        position: absolute;
        right: 150px;
        bottom: 10px;

    }

}
@media (min-width:800px){
    .price-div{
                display: none;
            }    
           .text-end {
    color: black;
    display: flex;
    justify-content: right;
    margin-top: 3px;                  
}
}