.video-cards {
padding: 6.5rem 0;
}
.video-cards__title {
margin-bottom: 2.7rem;
}
.video-cards__content {
width: min(100%, 30rem);
margin-bottom: 3.8rem;
}
.video-cards__content p:last-child {
margin-bottom: 0;
}
.video-cards__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 2.4rem;
}
.video-cards__items .video-item {
width: calc(33.3333% - 1.6rem);
}
@media screen and (max-width: 800px) {
.video-cards__items .video-item {
width: calc(50% - 1.2rem);
}
}
@media screen and (max-width: 640px) {
.video-cards__items {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.video-cards__items .video-item {
width: min(100%, 32rem);
}
}
.video-cards .video-item {
padding: 4.7rem 3.8rem 6.4rem;
}
.video-cards .video-item__icon {
font-size: 0;
margin-bottom: 2.7rem;
}
.video-cards .video-item__name {
margin-bottom: 2.7rem;
}
.video-cards .video-item .btn {
margin: 0;
}
@media screen and (max-width: 850px) {
.video-cards .video-item {
padding: 3rem;
}
}