/*
|--------------------------------------------------------------------------
| AXXO PROJECTS SLIDER
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget{
    width:100%;
    position:relative;
}

.axxo-project-filters{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:16px;
    margin-bottom:40px;
    padding:0;
    list-style:none;
}

.axxo-filter-item{
    list-style:none;
}

.axxo-project-filters .axxo-filter-btn{
    appearance: none;
    border: 1px solid #050160;
    background: #FFFFFF;
    color: #050160;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    border-radius: 2px;
    text-decoration: none;
    transition: background .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
}

.axxo-project-filters .axxo-filter-btn.active,
.axxo-project-filters .axxo-filter-btn:hover{
    background:#0D157A;
    color:#FFFFFF;
}

/*
|--------------------------------------------------------------------------
| Swiper
|--------------------------------------------------------------------------
*/

.axxo-projects-swiper{
    overflow:hidden;
    padding-bottom:80px;
}

.axxo-projects-swiper .swiper-wrapper{
    align-items:stretch;
}

.axxo-projects-swiper .swiper-slide{
    height:auto;
}

/*
|--------------------------------------------------------------------------
| Card
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .axxo-project-card{
    display:flex;
    flex-direction:column;
    height:100%;
    background:#FFFFFF;
}
@media (max-width:767px){
    .axxo-project-slider-widget .axxo-project-card {
     height: auto;
     border: 1px solid #DCDFE2;
     min-height: 370px;
 }
}
.axxo-project-slider-widget .axxo-project-card__thumb{
    display:block;
    overflow:hidden;
    text-decoration:none;
}

.axxo-project-slider-widget .axxo-project-card__thumb img{
    width: 100%;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    transition: transform .6s ease;
}

@media (min-width:767px){
    .axxo-project-slider-widget .axxo-project-card__thumb img{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
    }
}
@media (max-width:767px){
    .axxo-project-slider-widget .axxo-project-card__thumb {
        clip-path: polygon(0% 0%, 100% 0%, 102% 80%, 0% 95%);
        min-height: 200px;
    }
}

.axxo-project-slider-widget .axxo-project-card:hover
.axxo-project-card__thumb img{
    transform:scale(1.05);
}

/*
|--------------------------------------------------------------------------
| Body
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .axxo-project-card__body{
    padding: 0px 25px;
}

/*
|--------------------------------------------------------------------------
| Categoria
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .axxo-project-card__category{
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 8%;
    text-transform: uppercase;
    color: #5C6470;
    font-family: "Space Grotesk", Sans-serif;
}

/*
|--------------------------------------------------------------------------
| Título
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .axxo-project-card__title{
    margin:0 0 10px;
}

.axxo-project-slider-widget .axxo-project-card__title a{
    text-decoration: none;
    color: #050160;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.12;
    transition: opacity .3s ease;
}

.axxo-project-slider-widget .axxo-project-card__title a:hover{
    opacity:.8;
}

/*
|--------------------------------------------------------------------------
| Meta
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .axxo-project-card__meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #5C6470;
    font-size: 14px;
    line-height: 1.4;
    font-family: "Geologica", Sans-serif;
    font-weight: 400;
}

.axxo-project-slider-widget .axxo-project-card__separator{
    opacity:.5;
}

/*
|--------------------------------------------------------------------------
| Excerpt
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .axxo-project-card__excerpt{
    margin-bottom:24px;
    color:#6B7280;
    font-size:16px;
    line-height:1.8;
}

/*
|--------------------------------------------------------------------------
| Link
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .axxo-project-card__link{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: #2136C4;
    font-size: 15px;
    font-weight: 500;
    transition: transform .3s ease, opacity .3s ease;
    font-family: "Space Grotesk", Sans-serif;
}

.axxo-project-slider-widget .axxo-project-card__link:hover{
    opacity:.85;
    transform:translateX(4px);
}

/*
|--------------------------------------------------------------------------
| Pagination
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .swiper-pagination{
    bottom:0 !important;
}

.axxo-project-slider-widget
.swiper-pagination-bullet{
    width:14px;
    height:14px;
    opacity:1;
    background:#C9CED8;
    transition:all .3s ease;
}

.axxo-project-slider-widget
.swiper-pagination-bullet-active{
    width:42px;
    border-radius:999px;
    background:#091170;
}

/*
|--------------------------------------------------------------------------
| Navigation
|--------------------------------------------------------------------------
*/

.axxo-project-slider-widget .swiper-button-prev,
.axxo-project-slider-widget .swiper-button-next{

    width:52px;
    height:52px;
    border-radius:50%;
    background:#FFFFFF;
    box-shadow:
    0 8px 20px rgba(0,0,0,.08);
    color:#091170;
    transition:
    transform .3s ease,
    opacity .3s ease;
}

.axxo-project-slider-widget .swiper-button-prev:hover,
.axxo-project-slider-widget .swiper-button-next:hover{

    transform:translateY(-2px);
}

.axxo-project-slider-widget .swiper-button-prev::after,
.axxo-project-slider-widget .swiper-button-next::after{

    font-size:18px;
    font-weight:700;
}

/*
|--------------------------------------------------------------------------
| Desktop Large
|--------------------------------------------------------------------------
*/

@media (min-width:1400px){

    .axxo-project-slider-widget
    .axxo-project-card__title a{
        font-size:22px;
    }

}

/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (max-width:1024px){

    .axxo-project-slider-widget
    .axxo-project-card__title a{
        font-size:22px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__meta{

        font-size:18px;
    }

}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width:767px){

    .axxo-projects-swiper{
        padding-bottom:60px;
    }
    .in-home  .axxo-projects-swiper{
        padding-bottom:0px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__body{
        padding: 5px 20px 20px 20px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__title a{
        font-size:18px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__meta{
        font-size:16px;
    }

    .axxo-project-slider-widget
    .axxo-project-card__excerpt{
        font-size:15px;
    }

    .axxo-project-slider-widget
    .swiper-button-prev,
    .axxo-project-slider-widget
    .swiper-button-next{
        display:none;
    }
    .axxo-project-slider-widget .axxo-project-card__category{
        font-size: 11px;
    }

    .in-home {
        height: 530px;
        max-height: 80vh;
    }
    .axxo-project-filters .axxo-filter-btn {
        padding: 10px 15px;
    }