.draxter-blog {
    margin: 120px 0;
}


.draxter-blog .blog-flex {
    gap: 10px;
    margin-bottom: 100px;
    display: flex;
}

.draxter-blog .blog-flex .text2 {
    padding: 0;
}

.draxter-blog .blog-flex .blog-detail-btn a {
    display: block;
    white-space: nowrap;
}

.draxter-blog .blog-slide .images {
    padding-bottom: 93%;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
}

.draxter-blog .blog-slide .title {
    font-family: SONGER SemiExpanded;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    padding-bottom: 20px;
    transition: 0.4s;
}
.draxter-blog  .bottom {
    display: flex;
    align-items: center;
    gap: 20px;
}

.draxter-blog .bottom .eye {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.1px;
    text-align: left;
    color: #102631;
}

.draxter-blog .bottom  .time {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.1px;
    text-align: left;
    color: #102631;
    display: flex;
    align-items: center;
    gap: 5px;
}

.draxter-blog .bottom .time span {
    color: #B1B1B1;
}
.draxter-blog .blog-slide {
    text-decoration: none;
    color: #102631;
}

.draxter-blog .blog-slide:hover .title {
    color: #43A96E;
}
.draxter-blog .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    pointer-events: none;
}

.draxter-blog .owl-nav button.owl-prev {
    transform: rotate(180deg);
}

.draxter-blog .owl-nav button {
    transition: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FAFAFA !important;
    width: 32px;
    height: 32px;
    pointer-events: all;
}

.draxter-blog .owl-nav button:hover {
    background: #102631 !important;
}

.draxter-blog .owl-nav button svg {
    height: 16px;
    width: 16px;
}

.draxter-blog .owl-nav button svg path {
    fill: #E5E5E5;
    transition: 0.4s;
}

.draxter-blog .owl-nav button:hover svg path {
    fill: #fff;
}
@media (max-width: 1366px) {
	.draxter-blog .blog-slide .title {
		font-size: 18px;
		line-height: 21.6px;
	}

}
@media (max-width:1050px) {
	.draxter-blog .blog-flex {
		margin-bottom: 60px;
	}
.draxter-blog {
    margin: 80px 0;
}
	.draxter-blog {
		position: relative;
		padding-bottom: 118px;
	}

	.draxter-blog .blog-detail-btn {
		bottom: 0;
		position: absolute;
		left: 20px;
		right: 20px;
		text-align: center;
	}

	.draxter-blog .blog-flex .blog-detail-btn a {
		display: inline-block;
		width: auto;
	}
}
@media (max-width:768px) {

}
@media (max-width:500px) {.draxter-blog {
    margin: 60px 0;
}
    .draxter-blog .blog-flex .blog-detail-btn a {
    display: block;
    padding: 20px 20px;
}

.draxter-blog .blog-flex {
    margin-bottom: 40px;
}

.draxter-blog .blog-slide .images {
    padding-bottom: 73%;
}

.draxter-blog .blog-slide .title {
    font-size: 16px;
    line-height: 19.6px;
}
}
@media (max-width:470px) {
  
}