.rewards__clinic {
display: flex;
flex-direction: row;
gap: 30px;
}
.rewards__clinic-left {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 370px;
min-width: 320px;
}
.rewards__left-top {
display: flex;
flex-direction: row;
gap: 10px;
}
.rewards__left-number:before{
position: absolute;
content: "+";
font-size: 28px;
font-weight: 500;
color: var(--text-color-black);
line-height: 105%;
right: -20px;
color: #AE1D23;
}
.rewards__left-number {
position: relative;
font-size: 140px;
font-weight: 400;
color: var(--text-color-black);
line-height: 105%;
}
.rewards__left-text {
font-size: 22px;
font-weight: 400;
line-height: 113%;
text-align: left;
text-transform: uppercase;
max-width: 120px;
margin-top: auto;
margin-bottom: 15px;
margin-left: 10px;
color: var(--text-color-black);
}
.rewards__left-btn {
font-size: 15px;
font-weight: 500;
line-height: 137%;
text-align: center;
color: #fff;
background-color: var(--button-color-main);
padding: 14px;
max-width: 237px;
transition: var(--default-transition);
}
.rewards__left-btn:hover {
background-color: #000;
}
.rewards__clinic > a {
display: none;
}
.rewards__clinic-right {
display: flex;
flex-direction: column;
}
.rewards__clinic-item {
padding: 24px 0;
display: flex;
flex-direction: row;
gap: 24px;
border-bottom: 1px solid #E3E2E2;
}
.rewards__clinic-item:first-child {
padding-top: 30px;
}
.rewards__clinic-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.rewards__img-wrap {
max-width: 130px;
max-height: 140px;
}
.rewards__img-wrap > img {
width: 100%;
height: 140px;
object-fit: cover;
}
.rewards__text-wrap {
padding: 10px 0;
}
.rewards__text-top {
display: inline-flex;
flex-direction: row;
gap: 10px;
margin-bottom: 24px;
font-family: Inter Tight;
font-size: 14px;
font-weight: 400;
}
.rewards__top-stick {
padding: 0 8px;
background-color: #fff;
color: #000;
border-radius: 50px;
line-height: 135%;
}
.rewards__top-date {
color: #96918C;
}
.rewards__text-wrap > h3 {
font-size: 22px;
font-weight: 400;
line-height: 112%;
text-align: left;
color: #100C0B;
margin-bottom: 6px;
}
.rewards__descr {
font-size: 16px;
font-weight: 400;
line-height: 22px;
text-align: left;
color: #96918C;
}
.our__videos-wrap > h2 {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
line-height: 110%;
margin-top: 0;
margin-bottom: 36px;
}
.our__videos-wrap {
position: relative;
}
.our__videos-inner {
overflow: hidden;
}
.our__video-img {
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
margin-bottom: 24px;
}
.our__video-img > img {
height: 265px;
width: 100%;
object-fit: cover;
}
.our__video-play {
position: absolute;
width: 50px;
height: 50px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="90" height="90" viewBox="0 0 90 90" fill="none"><circle cx="45" cy="45" r="45" fill="%23B62D35"/><path d="M55 45L40 53.6603L40 36.3397L55 45Z" fill="white"/></svg>')
center no-repeat;
background-size: contain;
}
.our__video-title {
color: var(--text-color-black);
font-size: 22px;
font-weight: 400;
line-height: 113%;
margin-bottom: 8px;
}
.our__video-descr {
font-size: 16px;
font-weight: 300;
color: var(--text-color-light);
}
.our__news-clinic-head {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 20px;
margin-bottom: 36px;
}
.our__news-clinic-head > h2 {
color: var(--title-color);
font-size: var(--title-font-size);
font-weight: 400;
margin-top: 0;
margin-bottom: 0;
}
.our__news-clinic-head > a {
display: inline-flex;
align-items: center;
font-size: 15px;
font-weight: 500;
color: #fff;
background-color: var(--button-color-main);
padding: 10px 16px;
transition: var(--default-transition);
}
.our__news-clinic-head > a:hover {
background-color: #000;
}
.our__news-slider-wrap {
position: relative;
}
.our__news-slider {
overflow: hidden;
}
.our__news-img > img {
height: 360px;
width: 100%;
object-fit: cover;
transition: var(--default-transition);
}
.our__news-item:hover .our__news-img > img {
opacity: 0.85;
}
.our__news-img {
margin-bottom: 24px;
}
.our__news-title {
font-size: 25px;
color: var(--text-color-black);
font-weight: 400;
margin-bottom: 8px;
}
.our__news-descr {
font-size: 16px;
font-weight: 300;
color: var(--text-color-main);
margin-bottom: 24px;
}
.our__news-date {
font-size: 14px;
font-weight: 300;
color: var(--text-color-light);
}
@media (max-width:992px) {
.rewards__clinic {
gap: 20px;
}
.rewards__left-number {
font-size: 110px;
}
.rewards__left-number:before {
font-size: 32px;
}
.rewards__left-text {
font-size: 24px;
}
.rewards__img-wrap {
gap: 16px;
min-width: 100px;
}
.rewards__img-wrap > img {
max-height: 108px;
}
.rewards__text-top {
font-size: 13px;
margin-bottom: 21px;
}
.rewards__text-wrap > h3 {
font-size: 20px;
margin-bottom: 6px;
}
.rewards__descr {
font-size: 15px;
}
.rewards__left-btn {
max-width: 225px;
}
.our__videos-wrap > h2 {
margin-bottom: 30px;
}
.our__videos-inner {
overflow: visible;
}
.our__video-img {
margin-bottom: 20px;
}
.our__video-img > img {
height: 228px;
}
.our__video-title {
font-size: 19px;
}
.our__video-descr {
font-size: 15px;
}
.our__news-clinic-head {
margin-bottom: 30px;
}
.our__news-slider {
overflow: visible;
}
.our__news-img {
margin-bottom: 20px;
}
.our__news-img > img {
height: 310px;
}
.our__news-title {
font-size: 22px;
}
.our__news-descr {
font-size: 15px;
margin-bottom: 20px;
}
}
@media (max-width: 740px) {
.rewards__clinic-left {
min-width: 240px;
}
}
@media (max-width: 670px){
.rewards__clinic {
flex-direction: column;
position: relative;
}
.rewards__clinic-left {
min-width: 100%;
}
.rewards__clinic-left > a {
display: none;
}
.rewards__clinic > a {
display: block;
}
.rewards__clinic {
gap: 30px;
}
}