.blog-blocks .o-btn {padding: 10px 30px;height: 30px;outline: none !important;border: none !important}
.blog-blocks .wrap-o-btn {cursor: pointer;padding: 10px;display: flex;justify-content: flex-end}
.wrap-blog-text:hover {box-shadow: 0 2px 20px 0 rgba(50,50,50,0.15);}
.wrap-blog-text .img img {width: 100%;object-fit: cover;object-position: center}
.wrap-blog-text .title {cursor: pointer;padding: 10px;font-size: 18px;font-weight: 600;min-height: 42px;height: auto;}
.wrap-blog-text .text {font-size: 16px;padding: 0 10px;max-height: 192px;overflow: hidden}
.wrap-blog {background-color: #fff;margin: 0 0 40px 0}
.wrap-blog .blog-name {position: relative;display: flex;align-items: center;text-transform: uppercase;font-size: 18px;font-weight: 600;padding: 20px 30px;border-bottom: 1px solid var(--color-main-bg)}
.wrap-blog .blog-name a {margin-left: 20px}
.wrap-blog .blog-name span {font-size: 13px;text-transform: none;color: var(--color-orange)}
.wrap-blog .blog-name a:hover {text-decoration-color: var(--color-orange)}
@media (max-width: 1000px) {
    .wrap-blog-text .title {min-height: 65px}
    .col-grid-3.wrap-blog {grid-template-columns: 1fr}
    .img-blog .text-blog {padding: 0 10px}
}@media (max-width: 768px) {
    .img-blog img, .img-blog .text-blog iframe {width: 100% !important; float: none !important;}
}