.videos-area {display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}.videos-area .video-item {display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;margin-bottom: 1.5rem;padding: 1rem;width: 100%;}.videos-area .video-item .image-area {width: calc(40% - 1rem);display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-start;}.videos-area .video-item .image-area a {overflow: hidden;border-radius: .25rem;position: relative;width: 100%;border-radius: .25rem;box-shadow: 0 5px 10px rgba(150,150,150,0.19), 0 3px 3px rgba(150,150,150,0.23);}.videos-area .video-item .image-area img {object-fit: cover;object-position: center;max-height: 200px;border-radius: .25rem;transition: transform .3s ease-out;will-change: transform;width: 100%;}.videos-area .video-item .image-area a:hover img, .videos-area .video-item .image-area a:active img, .videos-area .video-item .image-area a:focus img {transform: scale(1.05);}.videos-area .video-item .text-area {width: calc(60% - 1rem);display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;margin-left: 1rem;}.videos-area .video-item .text-area .title-area {color: #434343;transition: color .3s ease-out;will-change: color;}.videos-area .video-item .text-area .title-area:hover, .videos-area .video-item .text-area .title-area:active, .videos-area .video-item .text-area .title-area:focus {color: #267df4;}.videos-area .video-item .text-area .title-area h4 {font-size: 1.15rem;font-weight: 700;color: inherit;margin-bottom: .5rem;}.videos-area .video-item .text-area .title-area p {font-size: .9rem;margin-bottom: .25rem;}@media(max-width: 1024px){.videos-area .video-item{width:calc(50% - 1.5rem)}.videos-area .video-item:not(:last-child){margin-right:1.5rem}}@media (max-width:768px) {.videos-area .video-item {flex-direction: column;justify-content: center;align-items: center;width:100%}.videos-area .video-item .image-area, .videos-area .video-item .text-area {width: 100%;overflow: hidden;}.videos-area .video-item .text-area .title-area h4 {font-size: 1rem;margin-bottom: .5rem;}.videos-area .video-item .text-area {margin-left: 0;}.videos-area .video-item .image-area {margin-bottom: .5rem;padding: .25rem;}.videos-area .video-item {margin-bottom: 1rem;padding: 0;}}