@media (max-width:1299px) {
    .tawasul-mobile-app .why-tawasul .rotate-img {
        max-width: 845px;
    }
}

@media (max-width:1199px) {

    .virtual-customer-service .service-win-supp .orphan-details-card .btn-grp {
        gap: 14px;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card .btn-grp a {
        padding: 18px 3px;
    }

    .tawasul-mobile-app .why-tawasul .rotate-img {
        max-width: 590px;
    }
}

@media (max-width:991px) {
    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card {
        padding: 50px 20px;
    }

    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card img {
        margin-bottom: 50px;
    }

    .virtual-customer-service .virtual-cus-serv-cards-image .vir-cus-serv-card-img {
        padding: 50px 20px;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card {
        padding: 30px;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card .btn-grp a {
        padding: 14px 3px;
        font-size: 12px;
        max-height: 52px;
    }

    .virtual-customer-service .service-win-supp {
        padding: 20px 0px 60px 0px;
    }

    .virtual-customer-service.service-sub-page .edu-care-service .point-desc p {
        font-size: 16px;
        line-height: 30px;
    }

    .tawasul-mobile-app .why-tawasul .rotate-img {
        position: relative;
        max-width: 100%;
    }
}

@media (max-width:767px) {
    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card {
        padding: 50px 20px;
        max-width: 480px;
        margin: 0 auto;
    }

    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card img {
        margin-bottom: 30px;
    }

    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card h4 {
        max-width: 250px;
        font-size: 22px;
    }

    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card p {
        font-size: 18px;
        line-height: 30px;
        max-width: 420px;
    }

    .virtual-customer-service .virtual-cus-serv-cards-image .vir-cus-serv-card-img {
        padding: 50px 20px;
        margin: 0 auto;
    }

    .virtual-customer-service .faq-box .faq-box-in {
        padding: 30px;
        gap: 40px
    }

    .virtual-customer-service .faq-box .faq-box-in h5 {
        font-size: 22px;
        line-height: 26.6px;
    }

    .virtual-customer-service .img-box img {
        object-fit: cover;
        height: 400px;
        border-radius: 40px;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card {
        padding: 18px 14px;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card .btn-grp {
        flex-wrap: wrap;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card h4 {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 28px;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card img {
        margin-bottom: 30px;
    }

    .virtual-customer-service .service-win-supp .title p, .virtual-customer-service .guides .cont-box ul li, .virtual-customer-service.service-sub-page .edu-care-service .point-desc p, .virtual-customer-service .extra-cont .title p, .virtual-customer-service .require-tabs-sec .comprehensive-services-guide p {
        font-size: 14px;
        line-height: 24px;
    }

    .virtual-customer-service .guides .cont-box {
        margin-right: auto;
    }

    .virtual-customer-service .guides .cont-box ul li {
        margin-bottom: 18px;
    }

    .virtual-customer-service .guides .cont-box ul {
        margin-bottom: 30px;
    }

    .virtual-customer-service .service-win-supp {
        padding: 20px 0px 30px 0px;
    }

    .virtual-customer-service.service-sub-page .require-tabs-sec .sec-apply-btn {
        flex-wrap: wrap;
    }

    .tawasul-mobile-app.virtual-customer-service.service-sub-page .edu-care-service .point-desc .btn-grp {
        gap: 20px;
    }

    .tawasul-mobile-app.virtual-customer-service .guides .cont-box h6, .tawasul-mobile-app .why-tawasul .cont-txt ul li {
        font-size: 18px;
    }

    .tawasul-mobile-app.virtual-customer-service .guides .cont-box p {
        font-size: 16px;
    }

    .rating-box .rating-box-title h4, .font-size-box .font-size-header h4, .contact-us-popup .contact-us-header h4 {
        font-size: 22px;
    }

    .rating-box .rating-box-title, .rating-box .rating-box-footer, .font-size-box .font-size-footer, .font-size-box .font-size-header, .contact-us-popup .contact-us-header, .contact-us-popup .contact-us-footer {
        padding: 16px 10px;
    }

}

@media (max-width: 575px) {
    .virtual-customer-service .faq-box .faq-box-in {
        padding: 20px;
        gap: 20px;
        flex-direction: column;
    }

    .virtual-customer-service .virtual-cus-serv-cards-image .vir-cus-serv-card-img.card-2 {
        padding: 30px 20px;
    }

    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card {
        padding: 30px 20px;
    }

    .virtual-customer-service .guides .video-box a img {
        max-width: 70px;
    }

    .virtual-customer-service .back-btn a img {
        max-width: 30px;
    }

    .virtual-customer-service.service-sub-page .point-desc .title {
        margin-bottom: 12px;
    }

    .virtual-customer-service.service-sub-page .require-tabs-sec .sec-apply-btn {
        gap: 20px;
    }

    .tawasul-mobile-app .why-tawasul .cont-txt ul li {
        font-size: 16px;
        line-height: 22px;
    }

    .tawasul-mobile-app .why-tawasul .cont-txt {
        min-height: 560px;
    }

    .rating-box .rating-box-title h4, .font-size-box .font-size-header h4, .contact-us-popup .contact-us-header h4 {
        font-size: 18px;
    }

    .rating-box .rating-box-footer a, .font-size-box .font-size-footer a, .contact-us-popup .contact-us-footer a {
        font-size: 16px;
    }

    .contact-us-popup .contact-us-popup-details a {
        font-size: 22px;
        gap: 0px;
        align-items: flex-start;
    }

    /* --- Virtual Care: Card Max Widths --- */
    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card,
    .virtual-customer-service .virtual-cus-serv-cards-image .vir-cus-serv-card-img {
        max-width: 100%;
    }

    .virtual-customer-service .edu-care-service .sub-box {
        max-width: 100%;
    }

    /* --- Virtual Care: Orphan Details Card --- */
    .virtual-customer-service .service-win-supp .orphan-details-card {
        max-width: 100%;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card .btn-grp {
        flex-direction: column;
        gap: 12px;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card .btn-grp a {
        max-width: 100%;
    }

    /* --- Virtual Care: Guides Content Box --- */
    .virtual-customer-service .guides .cont-box {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* --- Virtual Care: Video Box --- */
    .virtual-customer-service .img-box video {
        max-height: 300px;
    }

    .virtual-customer-service .img-box img {
        height: 280px;
        border-radius: 20px;
    }

    /* --- Virtual Care: FAQ Box --- */
    .virtual-customer-service .faq-box .faq-box-in h5 {
        font-size: 16px;
        line-height: 22px;
    }

    /* --- Virtual Care: Rating & Contact Popups --- */
    .rating-box .rating-card .commet-here {
        max-width: 100%;
    }

    .contact-us-popup .contact-us-popup-details a {
        max-width: 100%;
        font-size: 14px;
        gap: 12px;
    }

    /* --- Tawasul: Min Height --- */
    .tawasul-mobile-app .why-tawasul .cont-txt {
        min-height: auto;
    }

    /* --- Tawasul: Download Buttons --- */
    .tawasul-mobile-app.virtual-customer-service.service-sub-page .edu-care-service .point-desc .btn-grp {
        gap: 12px;
        justify-content: center;
    }

    /* --- Image Container Fixed Element --- */
    .image-container .fixed-image {
        width: 40px;
        right: 8px;
    }

    .hover-options {
        right: 16px;
        gap: 12px;
    }
}

@media (max-width: 400px) {
    /* --- Virtual Care: Further Compact --- */
    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card {
        padding: 20px 14px;
    }

    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card h4 {
        font-size: 18px;
        max-width: 100%;
    }

    .virtual-customer-service .virtual-cus-serv-cards .vir-cus-serv-card p {
        font-size: 14px;
        line-height: 24px;
        max-width: 100%;
    }

    .virtual-customer-service .img-box img {
        height: 200px;
        border-radius: 16px;
    }

    .virtual-customer-service .service-win-supp .orphan-details-card h4 {
        font-size: 18px;
        line-height: 24px;
    }

    .virtual-customer-service .guides .video-box a img {
        max-width: 50px;
    }

    .tawasul-mobile-app .why-tawasul .cont-txt ul li {
        font-size: 14px;
        line-height: 20px;
        padding-left: 30px;
    }
}

/* ==========================================================================
   VIRTUAL CARE SCROLLBAR RESPONSIVE
   ========================================================================== */

/* --- Virtual Care: Scrollable overflow for small screens --- */
@media (max-width: 767px) {
    .virtual-customer-service .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .virtual-customer-service .require-tabs-sec {
        overflow-x: hidden;
    }
}