.cases__title {
font-size: 2em;
line-height: 1.3125;
margin-top: 40px;
margin-bottom: 20px;
}
.cases__p {
line-height: 1.5;
font-weight: 300;
margin-bottom: 20px;
}
.cases__annotation {
margin-bottom: 30px;
}
.cases__case {
display: flex;
align-items: stretch;
column-gap: 40px;
margin-bottom: 60px;
}
.cases__info {
display: flex;
flex-direction: column;
}
.cases__info-body {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--border);
}
.cases__info-button {
align-self: start;
margin-top: auto;
}
.cases__case-text {
margin-bottom: 60px;
}
.cases__img {
width: 100%;
}
.cases__text {
margin-top: 60px;
}
.citation__body {
margin-bottom: 40px;
}
.citation__info {
flex: calc(50% - 20px) 0 0;
}
.citation__info-title {
font-size: 1.5em;
}
.citation__p {
font-weight: 300;
}
.citation__info-body {
margin-top: 10px;
}
.citation__doctor {
display: flex;
column-gap: 40px;
flex: calc(50% - 20px) 0 0;
}
.citation__img {
width: 100%;
height: 100%;
object-fit: cover;
}
.citation__doctor-name {
color: var(--blue-dark);
}
.citation__doctor-speciality {
font-weight: 300;
}
.citation__doctor-experience {
font-size: 0.875em;
line-height: 1.2142857143;
font-weight: 300;
margin-top: 10px;
}
.citation__doctor-price {
font-size: 0.875em;
line-height: 1.2142857143;
font-weight: 300;
margin-top: 10px;
}
.citation__doctor-appointment {
line-height: 1.1875;
margin-top: 20px;
}
.citation__text {
margin-bottom: 40px;
}
@media (min-width: 991.95px) {
.cases__info {
flex-basis: calc(50% - 20px);
}
.cases__image {
flex-basis: calc(50% - 20px);
}
}
@media (min-width: 1199.95px) {
.citation__body {
display: flex;
column-gap: 40px;
margin-bottom: 60px;
padding: 40px 0;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.citation__image {
flex: calc(50% - 20px) 0 0;
}
.citation__doctor-info {
flex: calc(50% - 20px) 0 0;
}
.citation__doctor-speciality {
margin-top: 10px;
padding-bottom: 20px;
border-bottom: 1px solid var(--border);
}
.citation__text {
margin-bottom: 60px;
}
}
@media (max-width: 1199.95px) {
.citation__info-title {
color: var(--blue-dark);
text-transform: uppercase;
font-weight: 300;
}
.citation__info-body {
margin-top: 40px;
}
.citation__doctor {
align-items: center;
flex-wrap: wrap;
gap: 20px;
margin-top: 20px;
padding: 20px;
background-color: var(--bg-second);
}
.citation__image {
overflow: hidden;
width: 48px;
height: 48px;
border-radius: 50%;
}
.citation__doctor-info {
display: contents;
}
.citation__doctor-name {
flex: calc(100% - 68px) 0 0;
}
.citation__doctor-speciality {
font-size: 0.875em;
}
.citation__doctor-experience {
display: none;
}
.citation__doctor-price {
display: none;
}
.citation__doctor-appointment {
display: none;
}
}
@media (max-width: 991.95px) {
.cases__title {
margin-bottom: 20px;
}
.cases__annotation {
margin-bottom: 20px;
}
.cases__case {
flex-direction: column;
margin-bottom: 40px;
}
.cases__image {
order: -1;
}
}