.products-section {
    overflow: hidden;
    background-color: #fff;
}

.section-subheader {
    display: flex;
    margin-top: 24px;
    width: 100%;
    align-items: start;
    gap: 40px 100px;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .section-subheader {
        max-width: 100%;
    }
}

.subtitle {
    color: #005ca3;
    font-feature-settings: "liga" off, "clig" off;
    text-transform: uppercase;
    font: 800 42px NAMU, -apple-system, Roboto, Helvetica, sans-serif;
    margin: 0;
}

@media (max-width: 991px) {
    .subtitle {
        max-width: 100%;
    }
}

.pagination-controls {
    min-width: 240px;
    width: 541px;
}

@media (max-width: 991px) {
    .pagination-controls {
        max-width: 100%;
    }
}

.pagination-wrapper {
    display: flex;
    width: 100%;
    max-width: 541px;
    align-items: start;
    gap: 40px 100px;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 991px) {
    .pagination-wrapper {
        max-width: 100%;
    }
}

.navigation-arrows {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: start;
}

.nav-arrow {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-arrow .arrow-icon {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 45px;
    align-self: stretch;
    flex-shrink: 0;
    margin: auto 0;
}

.nav-arrow:focus {
    outline: 2px solid #005ca3;
}

.products-grid {
    display: flex;
    margin-top: 40px;
    width: 100%;
    align-items: start;
    gap: 26px;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Slick Slider Styles */
.products-grid .slick-list {
    width: 100%;
}

.products-grid .slick-track {
    display: flex;
    align-items: stretch;
}

.products-grid .slick-slide {
    height: auto;
    margin: 0 13px;
}

.products-grid .product-slide {
    height: 100%;
}

.widget_portfolio {
    margin-top: 52px;
}

.products-section-portfolio {
    margin: 0 -4px;
}

@media (max-width: 991px) {
    .products-grid {
        max-width: 100%;
    }
}

.products-grid-portfolio-wrap {
    width: 100%;
}

.products-grid-portfolio {
    margin: 0px -13px 0 -13px;
}

.portfolio-card {
    border-radius: 10px;
    background-color: #f8f8f8;
    padding: 20px;
    height: 100%;
    width: 100%;
    display: flex ;
    flex-direction: column;
}

.product-content {
    margin-top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-info {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: start;
}

.rating-section {
    align-self: start;
}

.star-rating {
    display: flex;
    align-items: start;
    gap: 4px;
    justify-content: start;
}

.star {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 20px;
    flex-shrink: 0;
}

.product-code {
    color: #303030;
    margin: 12px 0 0 0;
    font: 300 14px Lato, -apple-system, Roboto, Helvetica, sans-serif;
}

.product-description {
    color: #303030;
    margin: 12px 0 22px 0;
    text-align: left;
    flex: 1;
    font: 400 14px Lato, -apple-system, Roboto, Helvetica, sans-serif;
    text-transform: none;
}

.action-button {
    border-radius: 10px;
    margin-top: 24px;
    width: 100%;
    max-width: 262px;
    color: #005ca3;
    text-align: right;
    font: 800 18px NAMU, -apple-system, Roboto, Helvetica, sans-serif;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    align-self: flex-end;
}

.action-button:hover .button-content {
    background-color: rgba(255, 255, 255, 0.8);
}

.action-button:active .button-content {
    background-color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 640px) {
    .products-section {
    }

    .section-subheader {
    }

    .subtitle {
    }

    .pagination-controls {
    }

    .pagination-wrapper {
    }

    .navigation-arrows {
    }

    .nav-arrow {
    }

    .nav-arrow .arrow-icon {
    }

    .nav-arrow:focus {
    }

    .products-grid {
    }

    .products-grid .slick-list {
    }

    .products-grid .slick-track {
    }

    .products-grid .slick-slide {
    }

    .products-grid .product-slide {
    }

    .widget_portfolio {
    }

    .products-section-portfolio {
        margin: 0;
    }

    .products-grid-portfolio-wrap {
        padding-right: 39px;
    }

    .products-grid-portfolio {
    }

    .portfolio-card {
        padding: 16px 16px 0 17px;
    }

    .product-content {
    }

    .products-grid-portfolio .product-info {
        margin-top: 14px;
    }

    .rating-section {
    }

    .star-rating {
    }

    .star {
    }

    .product-code {
    }

    .product-description {
    }

    .action-button {
    }

    .action-button:hover .button-content {
    }

    .action-button:active .button-content {
    }
}