.signature-projects{
    max-width:1440px;
    margin:0 auto;
    padding:0 80px;
    text-align:center;
    position:relative;
}

.signature-carousel{
    overflow:visible;
}


/* CARD */
.card{
    width:100%;
    height:286px;
    background-size:cover;
    background-position:center;
}

.signature-carousel .swiper-slide{
    opacity:.4;
    transition:all .4s ease;
}

.signature-carousel .swiper-slide.ab-center-slide{
    opacity:1;
}
/* INFO */
.signature-info{
    padding-top:50px;
}

.signature-info h3{
    font-size:20px !important;
    color:#1d3067 !important;
    margin-bottom:0;
    text-transform:none;
}

.signature-info span{
    font-size:20px !important;
    color:#96aab5 !important;
    font-weight:600;
    text-transform:uppercase;
}

/* ARROWS */
.signature-arrows .arrow{
    position:absolute;
    top:30%;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all .3s ease;
    z-index:10;
}

.signature-arrows .prev{
    left:20px;
}

.signature-arrows .next{
    right:20px;
}

/* HOVER */
.signature-arrows .arrow:hover{
    transform:scale(1.1);
}

.signature-arrows img{
    width:100%;
    display:block;
}

/* TABLET */
@media(max-width:1200px){

    .signature-arrows .prev{
        left:0;
    }

    .signature-arrows .next{
        right:0;
    }

}

/* MOBILE */
@media(max-width:767px){
	
	.signature-carousel .swiper-slide{
    opacity:1;
    transition:all .4s ease;
}
	
	.signature-projects{
    padding:0px;
}

    .card{
        height:280px;
    }

    .signature-info{
        padding-top:30px;
    }

    .signature-info h3{
        font-size:18px !important;
    }

    .signature-info span{
        font-size:15px !important;
    }

}


/*
=========================================
DOTS
=========================================
*/

.signature-dots{
    display:none;
    justify-content:center;
    margin-top:25px;
}

.signature-dots .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#96aab5;
    opacity:1;
    margin:0 5px;
}

.signature-dots .swiper-pagination-bullet-active{
    background:#1d3067;
}

/* MOBILE */
@media(max-width:767px){

    /* HIDE ARROWS */
    .signature-arrows{
        display:none;
    }

    /* SHOW DOTS */
    .signature-dots{
        display:flex;
    }

}