.hero-detail {
padding-bottom: 70px;
}
.hero-detail__container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 50px;
row-gap: 30px;
}
.hero-detail__info {
max-width: 600px;
width: 100%;
}
.hero-detail__title {
font-weight: 700;
font-size: 45px;
text-transform: uppercase;
line-height: 100%;
margin: 0px 0px 30px 0px;
}
.hero-detail__content {
margin: 0;
font-size: 16px;
line-height: 139%;
}
.hero-detail__img {
width: 630px;
max-width: 100%;
border-radius: 8px;
}
@media screen and (max-width: 1339px) {
.hero-detail__info {
max-width: none;
}
.hero-detail__img {
width: 100%;
}
}
@media screen and (max-width: 743px) {
.hero-detail__title {
font-size: 32px;
}
}
.avialable-program {
padding-bottom: 70px;
}
.teachers {
position: relative;
padding: 70px 0px;
z-index: 1;
}
.teachers::before {
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 300px;
background: #f4f7fb;
z-index: -1;
}
.teachers__list {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 70px;
gap: 18px;
}
.teachers__item {
display: flex;
gap: 15px;
border-radius: 8px;
background-color: white;
flex: 0 1 calc(33% - 8px);
padding: 25px;
gap: 15px;
}
.teachers__item-num-wrapper {
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 50px;
height: 50px;
font-weight: 500;
font-size: 35px;
line-height: 139%;
z-index: 1;
}
.teachers__item-blob {
width: 100%;
position: absolute;
z-index: -1;
}
.teachers__item-num {
font-weight: 500;
font-size: 35px;
line-height: 139%;
}
.teachers__item-content {
margin: 0;
font-weight: 500;
font-size: 22px;
line-height: 139%;
max-width: calc(100% - 65px);
}
.teachers__slider {
height: fit-content;
}
@media screen and (max-width: 1260px) {
.teachers__item {
flex: 0 1 calc(33% - 9px);
padding: 15px;
}
.teachers__item-content {
font-size: 18px;
}
}
@media screen and (max-width: 992px) {
.teachers__item {
flex-basis: calc(50% - 9px);
}
.teachers__item-num {
font-size: 28px;
}
.teachers__item-content {
font-size: 16px;
}
.teachers__list {
margin-bottom: 30px;
}
}
@media screen and (max-width: 576px) {
.teachers__item {
flex-basis: 100%;
align-items: center;
}
}
.teachers__img {
width: 100%;
height: 380px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.teachers__slide-title {
font-weight: 500;
font-size: 24px;
color: #181b11;
margin: 0px 0px 18px 0px;
}
.teachers__slide-skill {
font-size: 16px;
color: #858585;
margin: 0;
}
@media screen and (max-width: 1199px) {
.teachers__img {
height: 340px;
}
}
@media screen and (max-width: 1099px) {
.teachers__img {
height: 305px;
}
}
@media screen and (max-width: 992px) {
.teachers__slide-title {
font-size: 18px;
}
.teachers__slide-skill {
font-size: 14px;
}
}
@media screen and (max-width: 419px) {
.teachers__slide-title {
font-size: 16px;
}
.teachers__slide-skill {
font-size: 12px;
}
.teachers__img {
height: 275px;
}
}