.doctors {
    padding: 0 1rem;
}

.doctors .test-card .text {
    gap: 1rem;
}

.doctors .test-card .test-details {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.doctors .test-card .test-btns {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 0 1rem;
}

.doctors .test-card .test-btns button {
    width: 90%;
}

@media all and (max-width: 1200px) {
    .doctors .left-section {
        width: 100%;
    }
}

@media all and (max-width: 820px) {
    .doctors .search-bar {
        flex-direction: row !important;
        justify-content: space-between;
    }

    .doctors .search-bar .search {
        width: 50% !important;
    }

    .doctors .test-card .text {
        justify-content: space-between;
    }

    .doctors .test-card .test-details {
        width: 70%;
    }

    .doctors .test-card .test-btns {
        width: 30%;
    }
}

@media all and (max-width: 720px) {
    .doctors .test-card .test-details {
        width: 65%;
    }
    .doctors .test-card .test-btns {
        width: 35%;
    }
}
@media all and (max-width: 640px) {
    .doctors .test-card .text {
        flex-direction: column;
    }

    .doctors .test-card .test-details {
        width: 100%;
    }

    .doctors .test-card .test-btns {
        flex-direction: row;
        justify-content: start;
        padding: 0;
        width: 100%;
        border: none !important;
    }
}

@media all and (max-width: 350px) {
    .doctors .search-bar {
        flex-direction: column !important;
    }

    .doctors .search-bar .search {
        width: 100% !important;
    }
}

@media all and (max-width: 420px) {
    .doctors .left-section {
        padding: 1rem 0;
    }
    .doctors .test-card .test-btns {
        gap: 0;
    }
}

@media all and (max-width: 370px) {
    .doctors .test-card .test-btns {
        flex-direction: column;
        align-items: start;
        gap: 0.2rem;
    }
}