.breadcrumb {
    margin-bottom: 43px !important;
}

.slider {
}

.r-sin-slider {
    position: relative;
    display: inline-block;
}

.lt-sin-slider {
    position: relative;
    display: inline-block;
}

.lb-sin-slider {
    position: relative;
    display: inline-block;
}

.image {
    display: block;
    width: 100%;
    height: 550px;
    border-radius: 0 16px 16px 0;
}

.imagelt {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px 0 0 0;
}

.imagelb {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0 0 0 16px;
}

.shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) -40.65%,
        rgba(0, 0, 0, 0.2) 71.43%,
        rgba(0, 0, 0, 0.5) 100%
    );
    pointer-events: none;
    border-radius: 0 16px 16px 0;
}

.shadowlt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) -40.65%,
        rgba(0, 0, 0, 0.2) 71.43%,
        rgba(0, 0, 0, 0.5) 100%
    );
    pointer-events: none;
    border-radius: 16px 0 0 0;
}

.shadowlb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) -40.65%,
        rgba(0, 0, 0, 0.2) 71.43%,
        rgba(0, 0, 0, 0.5) 100%
    );
    pointer-events: none;
    border-radius: 0 0 0 16px;
}

.title-slider {
    position: absolute;
    bottom: 48px;
    right: 48px;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}
.title-slider a {
    color: #fff;
}
.head-post {
    margin-top: 72px;
}

.head-post h2 {
    font-size: 20px;
    font-weight: 700;
}

.blog-box {
    background-color: #fff;
    border: 1px solid #e4e4e5;
    border-radius: 12px;
    box-sizing: border-box;
    position: relative;
}

.blog-box img {
    border-radius: 12px 12px 0 0;
    height: 15rem;
    width: 100%;
    object-fit: cover;
}

.blog-box__content {
    min-height: 11rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog-box h2 a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 24px;
    color: #070d14;
    display: block;
}

.blog-box p {
    padding: 0 24px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #9fa1a4;
}

.blog-box span {
    position: absolute;
    top: 24px;
    right: 24px;
    color: #ca3400;
    padding: 8px 16px;
    border: 1px solid #fed9cc;
    background-color: #fff5f2;
    border-radius: 24px;
}

.price-pagination {
    display: flex;
    justify-content: center;
    margin: 64px 0;
    align-items: center;
}

.icon-pre {
    margin-left: 8px;
}

.pre {
    font-size: 14px;
    font-weight: 600;
    color: #c7c8ca;
    margin-left: 48px;
}

.pagination-num {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #070d14;
    background-color: #f9f9fa;
    margin-left: 16px;
}

.num-active {
    background-color: #1169e4;
    color: #fff;
}

.next {
    font-size: 14px;
    font-weight: 600;
    color: #070d14;
    margin-right: 48px;
}

.icon-next {
    margin-right: 8px;
}

.main-post {
    margin-top: 3rem;
}

@media (max-width: 992px) {
    .gap-0 {
        gap: 0 !important;
    }

    .br-none {
        border-radius: 0 !important;
    }

    .lt-sin-slider {
        margin-top: -10px;
    }

    .lb-sin-slider {
        margin-top: -10px;
    }

    .breadcrumb {
        margin: 12px !important;
    }

    .title-slider {
        font-size: 16px;
        bottom: 24px;
        right: 22px;
    }
}

@media (max-width: 600px) {
    .d-none-600 {
        display: none;
    }
}

.pagination-dots {
    margin-left: 12px;
    color: #666;
}