/* seekDoctor block */

.seekDoctor {
    display: contents;
}

.seekDoctor__right {
    height: auto;
    width: 100%;
}

@media only screen and (min-width: 620px) {
    .seekDoctor {
        display: grid;
        grid-template-columns: fit-content(50%) minmax(0, 1fr);
        grid-template-areas: "a b";
        gap: 1rem;
        align-items: center;
    }
    .seekDoctor__right {
        grid-area: b;
    }

    .seekDoctor__block1 {
        display: contents;
    }
    .seekDoctor__block2, .seekDoctor__sentence2, .seekDoctor__block3 {
        grid-column: span 2;
    }
}

@media only screen and (min-width: 800px) {
    .seekDoctor__block1 {
        display: flex;
    }

}
@media only screen and (min-width: 1024px) {
    .seekDoctor {
        grid-template-columns: fit-content(50%) minmax(0, 1fr);

    }
}
@media only screen and (min-width: 1450px) {
    .seekDoctor {
        grid-template-areas: "a b" "c b";
    }
    .seekDoctor__block1 {
        align-self: end;
    }
    .seekDoctor__sentence3 {
        align-self: start;
        grid-area: c;
    }
    .seekDoctor__sentence4 {
        grid-column: span 2
    }
    .seekDoctor__block2 {
        display: contents;
    }
}

@media only screen and (min-width: 1800px) {
    .seekDoctor__block2 {
        display: flex;
        grid-area: c;
        align-self: start;
    }
}

@media only screen and (min-width: 2100px) {
    .seekDoctor {
        grid-template-areas: "a b" "c b" "d b";
        grid-template-rows: minmax(0, 1fr) min-content minmax(0, 1fr);
    }
    .seekDoctor__block3 {
        grid-area: d;
        align-self: start;
    }
}