/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 04 2026 | 04:22:08 */

/* ------------------ Blog*/

.blog-slider-wrapper {
    width: 100%;
    position: relative;
}

/* Carrusel */
.blog-slider {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    padding-left: max(20px, calc((100% - 1200px) / 2));
    padding-right: 20px;
    scrollbar-width: none;
}

.blog-slider::-webkit-scrollbar {
    display: none;
}

/* Card */
.blog-card {
    flex: 0 0 auto;
    width: 40%;
    text-decoration: none;
    color: inherit;
}

.blog-card-img {
    overflow: hidden;
    border-radius: 12px;
}

.blog-card-img img {
    width: 100%;
    height: 350px;
    display: block;
    object-fit:cover;
    transition: transform .3s ease;
}

.blog-card:hover img {
    transform: scale(1.05);
}

.blog-card-title {
    margin-top: 12px;
    font-size: 1.6rem;
    font-weight: 600;
}

/* Scrollbar */
.custom-scroll-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.custom-track {
    width: min(1200px, 90%);
    height: 4px;
    background: #e5e5e5;
    border-radius: 4px;
    position: relative;
}

.custom-thumb {
    position: absolute;
    height: 100%;
    background: #111;
    border-radius: 4px;
    left: 0;
    width: 0;
    cursor: pointer;
}
.custom-thumb {
    cursor: grab;
}

.custom-thumb:active {
    cursor: grabbing;
}
button.slider-arrow{
    position:absolute;
    top:0;
    bottom:0;
    width:45px;
    height:45px;
    padding:0;
    font-size:35px;
    border-radius:3em;
    background:#fff;
    color:#222;
    box-shadow: 0px 0px 2px 2px #39393926;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.3s all ease;
	margin: auto 0;
    z-index:5
}

button.slider-arrow.prev {
    left:0;
    transform: translateX(10px)
}

button.slider-arrow.next {
    right:0;
    transform: translateX(-10px)
}

button.slider-arrow span{
    height:100%;
    transform: translateY(-8px)
}

button.slider-arrow:hover{
    background:#000;
    color:#fff
}