@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;
    }
}