.colored-bg{
    height: 70vh;
    position: absolute;
    width: 40%;
    background: #EBEDEC;
}
.projects-carousel-caption {
    text-align: left;
    margin-top: 10px;
}

.projects-carousel-caption h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #0b0b0b;
}

.projects-carousel-caption p {
    font-size: 14px;
    color: #666;
}

.recent-carousel-wrapper {
    position: relative;
}

.recent-carousel-title-wrapper {
    padding-left: 90px;
    position: absolute;
    top: -35px;
    color: #000000;
}
.recent-carousel-title{
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 7px;
    border-bottom: 6px solid #000000;
}
.recent-left-arrow {
    position: absolute;
    bottom: 35px;
    left: 90px;
}

.recent-projects-carousel .slick-next {
    position: absolute; /* Σταθερή τοποθέτηση στο container */
    top: 47%; /* Ευθυγράμμιση στο κέντρο κάθετα */
    transform: translateY(-50%); /* Ακριβής κεντραρισμός */
    z-index: 10; /* Τα βελάκια να εμφανίζονται πάνω από τις εικόνες */
    background: #000; /* Ρυθμίστε το χρώμα φόντου αν το χρειάζεστε */
    color: #fff; /* Ρυθμίστε το χρώμα του βελάκιου */
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 18px;
}

.recent-projects-carousel .slick-next::before{
    font-family: 'icomoon';
    font-size: 40px;
    opacity: 1;
}
.recent-projects-carousel .slick-next{
    background: #E6161C !important;
    padding: 0;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    right: 210px;
}
/* Carousel styles */
.recent-projects-carousel {
    max-width: 1140px;
    margin: 0 0 0 auto;
    overflow: hidden;
    padding-top: 90px;
    padding-bottom: 20px;
}

/* Προσαρμοσμένα styles για το carousel */
.recent-projects-carousel .slick-track {
    display: flex !important; /* Σημαντικό: Παίρνουμε τον έλεγχο των slides */
    align-items: center;
}

/* Πρότυπο Στυλ του Carousel */
.recent-projects-carousel .slick-slide {
    flex: 0 0 auto;
    margin-right: 20px;
    box-sizing: border-box;
}

.recent-projects-carousel .slick-slide:last-child {
    margin-right: 0;
}

/* Προσαρμόστε τα ίδια τα slides */
.recent-projects-carousel img {
    width: 100%; /* Οι εικόνες να προσαρμόζονται στο πλάτος του slide */
    height: auto; /* Διατήρηση αναλογιών εικόνας */
}

.recent-projects-carousel .slick-list {
    padding: 0 90px;
}

/* Responsive Layout */
@media (max-width: 768px) {

}