.glide__slides {
    padding: 20px 0 !important;
}

.carousel-cards-wrapper {
    margin: 20px 0;
    position: relative;
}

.carousel-cards-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.card-wrapper{
    justify-content: center;
    display: flex;
}

.carousel-card {
    position: relative;
    transition: all 0.4s ease;
    padding: 0 !important;
    box-sizing: border-box;
    outline: none;
    transform-origin: center;
    user-select: none;
    box-shadow: 0px 0px 20px 8px #00000010;
    border-radius: 16px;
    transform: scale(0.9);
}

.carousel-cards-wrapper .glide__slide--active .carousel-card{
    transform: scale(1);
}

.carousel-card-image-wrapper {
    overflow: hidden;
    border-radius: 16px 16px 0 0;
    background-color: #f5f5f5;
}

.carousel-card-image {
    width: 100%;
    height: 255px;
    object-fit: cover;
    transition: transform 0.6s ease;
    display: block;
}

.carousel-card-content {
    padding: 15px;
    transition: all 0.3s ease;
}

.carousel-card-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    margin-bottom: 10px;
    white-space: normal;
    color: #333;
}

.carousel-card-description {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 15px;
    white-space: normal;
}

.carousel-card-button {
    display: block;
    padding: 10px 20px;
    background: linear-gradient(to right, #5179e9, #454dc0);
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 12px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 10px;
}

.glide__arrow {
    position: absolute;
    border: none;
    top: 50%;
    width: 30px;
    transform: translate(0, -50%);
    font-size: 50px;
    padding: 0;
    line-height: 50px;
    color: #5179e9;
}

.glide__arrow--right{
    right: -30px;
}

.glide__arrow--left{
    left: -30px;
}

.glide__arrow:focus{
    color: #5179e9;
    background-color: transparent;
}

.glide__arrow:hover{
    color: #fff;
    background: linear-gradient(to right, #5179e9, #454dc0);
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.slick-dots li {
    margin: 0 5px;
}

.slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #ddd;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slick-dots li.slick-active button {
    background-color: #4054B2;
    width: 12px;
    height: 12px;
}

.carousel-card-meta{
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0 0 0;
}

.carousel-card-rating{
    display: flex;
    column-gap: 5px;
}

.full-star, .empty-star{
    font-style: normal;
    font-size: 17px;
}

.full-star{
    color: #ffac33;
}

.empty-star{
    color: #d3d3d3;
}

.carousel-card-downloads{
    display: flex;
    align-items: center;
    gap: 5px;
}

.cicon-circle-arrow-right{
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2199 6.39022L10.1473 6.47432C9.9294 6.76792 9.9536 7.18462 10.2199 7.45082L12.9392 10.1702L6.24951 10.1705L6.14774 10.1774C5.78167 10.227 5.49951 10.5408 5.49951 10.9205L5.50636 11.0223C5.55602 11.3884 5.86982 11.6705 6.24951 11.6705L12.9412 11.6702L10.2193 14.3909L10.1466 14.475C9.9287 14.7686 9.9529 15.1853 10.2191 15.4516C10.5119 15.7445 10.9868 15.7446 11.2797 15.4518L15.2813 11.4518L15.3539 11.3676C15.5718 11.074 15.5477 10.6573 15.2814 10.391L11.2805 6.39022L11.1964 6.31762C10.9028 6.09972 10.4862 6.12392 10.2199 6.39022ZM10.5 20.9209C16.0228 20.9209 20.5 16.4437 20.5 10.9209C20.5 5.39802 16.0228 0.920918 10.5 0.920918C4.97715 0.920918 0.5 5.39802 0.5 10.9209C0.5 16.4437 4.97715 20.9209 10.5 20.9209ZM10.5 2.42092C15.1944 2.42092 19 6.22652 19 10.9209C19 15.6153 15.1944 19.4209 10.5 19.4209C5.80558 19.4209 2 15.6153 2 10.9209C2 6.22652 5.80558 2.42092 10.5 2.42092Z' fill='white'/%3E%3C/svg%3E");
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-left: 10px;
}

@media (max-width: 1024px) {
    .carousel-card {
        max-width: 430px;
        margin: 0 24px;
    }
    .glide__arrow--left {
        left: 10px;
    }
    .glide__arrow--right {
        right: 10px;
    }
}

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

@media (max-width: 400px) {
    .carousel-card-downloads img{
        display: none;
    }
}