.ac-page{
    padding:60px 0 90px;

    background:
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #f2f6fb 100%
        );
}

/* HERO */

.ac-hero{
    margin-bottom:70px;
}

.ac-hero-content h1{
    font-size:64px;

    font-weight:900;

    line-height:1.1;

    color:#16315c;

    margin-bottom:24px;
}

.ac-hero-content p{
    font-size:18px;

    line-height:1.9;

    color:#64748b;

    margin-bottom:34px;
}

.ac-hero-image{
    background:white;

    border-radius:34px;

    padding:30px;

    border:1px solid #e7edf5;

    box-shadow:
        0 18px 45px rgba(15,23,42,.08);
}

.ac-hero-image img{
    width:100%;

    border-radius:24px;

    object-fit:contain;
}

/* STATS */

.hero-stats{
    display:flex;

    gap:24px;
}

.hero-stat{
    min-width:180px;

    padding:24px;

    border-radius:24px;

    background:white;

    border:1px solid #e7edf5;

    box-shadow:
        0 12px 35px rgba(15,23,42,.05);
}

.hero-stat h3{
    font-size:40px;

    font-weight:900;

    color:#16315c;

    margin-bottom:6px;
}

.hero-stat span{
    color:#64748b;
}

/* CARD */

.ac-slide-card{

    border-radius:34px;

    overflow:hidden;

    background:white;

    padding:24px;

    border:1px solid #e7edf5;

    display:flex;

    align-items:center;

    justify-content:center;
}

/* GRID */

.ac-grid{
    display:grid;

    grid-template-columns:
        repeat(auto-fill,minmax(220px,1fr));

    gap:24px;
}

.ac-thumb-card{
    background:white;

    border-radius:24px;

    padding:16px;

    border:1px solid #e7edf5;

    cursor:pointer;

    transition:.3s;
}

.ac-thumb-card:hover{
    transform:translateY(-6px);
}

.ac-thumb-card img{

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

    border-radius:12px;
}
/* SWIPER */

.swiper-button-prev,
.swiper-button-next{
    width:56px !important;
    height:56px !important;

    border-radius:18px;

    background:white;

    box-shadow:
        0 12px 35px rgba(15,23,42,.08);
}

.swiper-button-prev:after,
.swiper-button-next:after{
    font-size:20px !important;

    font-weight:900;

    color:#16315c;
}

.swiper-pagination-bullet-active{
    background:#002f6c !important;
}

/* MODAL */

.ac-modal{
    position:fixed;

    inset:0;

    opacity:0;

    visibility:hidden;

    z-index:9999;

    transition:.3s;
}

.ac-modal.show{
    opacity:1;

    visibility:visible;
}

.ac-overlay{
    position:absolute;

    inset:0;

    background:
        rgba(15,23,42,.75);

    backdrop-filter:blur(8px);
}

.ac-modal-content{
    position:relative;

    width:90%;

    max-width:1400px;

    margin:40px auto;

    background:white;

    border-radius:32px;

    padding:24px;

    z-index:2;
}

.ac-modal-content img{
    width:100%;
    object-fit:contain;
}

.ac-close{
    position:absolute;

    top:20px;
    right:20px;

    width:52px;
    height:52px;

    border:none;

    border-radius:16px;

    background:white;

    font-size:18px;
}

/* RESPONSIVE */

@media(max-width:992px){

    .ac-hero-content h1{
        font-size:46px;
    }

    .ac-slide-card{
        height:520px;
    }

}

@media(max-width:768px){

    .ac-page{
        padding:40px 0 60px;
    }

    .ac-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

    .ac-slide-card{
        height:360px;

        padding:14px;
    }

    .ac-hero-content h1{
        font-size:38px;
    }

}

.acSwiper{
    width:100%;
    height:auto;
}

.acSwiper .swiper-wrapper{
    align-items:center;
}

.acSwiper .swiper-slide{

    display:flex;

    justify-content:center;

    align-items:center;

    height:auto;
}

.ac-slide-card{
    background:#fff;
    border-radius:30px;
    padding:20px;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* ===========================================
   SLIDER
=========================================== */

.ac-slider-wrapper{

    position:relative;

    margin:40px auto 60px;

    max-width:1400px;
}

.acSwiper{

    width:100%;

    overflow:hidden;

    border-radius:28px;
}

.acSwiper .swiper-slide{

    display:flex;

    justify-content:center;

    align-items:center;
}

.ac-slide-card{

    width:100%;

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    border:1px solid #e6edf6;

    box-shadow:0 12px 35px rgba(15,23,42,.08);

    padding:20px;
}

.ac-slide-card img{

    display:block;

    width:100%;

    height:auto;

    object-fit:contain;
}

.swiper-button-prev{

    left:25px !important;
}

.swiper-button-next{

    right:25px !important;
}

.swiper-button-prev,
.swiper-button-next{

    color:#163c73;

    background:#fff;

    width:52px !important;

    height:52px !important;

    border-radius:50%;

    box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.swiper-pagination{

    position:relative !important;

    margin-top:20px;
}