/*
|--------------------------------------------------------------------------
| GLOBAL
|--------------------------------------------------------------------------
*/

.aupaba-edu-reg-page{
    background:#f6f1e8;
    color:#1d1d1b;
}

.aupaba-edu-reg-page *{
    box-sizing:border-box;
}

.aupaba-edu-reg-page h1,
.aupaba-edu-reg-page h2,
.aupaba-edu-reg-page h3,
.aupaba-edu-reg-page h4{
    font-family:'Cormorant Garamond', serif !important;
    letter-spacing:-0.03em;
    line-height:1;
    color:#1d1d1b;
}

.aupaba-edu-reg-page p,
.aupaba-edu-reg-page li,
.aupaba-edu-reg-page a,
.aupaba-edu-reg-page span,
.aupaba-edu-reg-page div{
    font-family:'Inter', sans-serif;
}

.aupaba-reg-wrapper{
    overflow:hidden;
}


/*
|--------------------------------------------------------------------------
| CONTAINER
|--------------------------------------------------------------------------
*/

.ar-container{
    width:100%;
    max-width:1280px;
    margin:auto;
    padding-left:40px;
    padding-right:40px;
}

.ar-section{
    padding:120px 0;
}


/*
|--------------------------------------------------------------------------
| HERO
|--------------------------------------------------------------------------
*/

.ar-hero{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    background-size:cover;
    background-position:center;
}

.ar-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.ar-hero-content{
    position:relative;
    z-index:2;
    max-width:820px;
}

.ar-mini-title{
    display:inline-block;
    margin-bottom:25px;
    color:#d8c3a5;
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.ar-hero h1{
    font-size:92px;
    color:#fff;
    margin-bottom:30px;
}

.ar-hero p{
    font-size:22px;
    line-height:1.7;
    color:#f3f3f3;
    max-width:720px;
}


/*
|--------------------------------------------------------------------------
| BUTTONS
|--------------------------------------------------------------------------
*/

.ar-btn,
.ar-btn-dark{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 34px;
    border-radius:100px;
    text-decoration:none;
    margin-top:40px;
    transition:.3s ease;
    font-weight:600;
}

.ar-btn{
    background:#ffffff;
    color:#1d1d1b;
}

.ar-btn:hover{
    transform:translateY(-3px);
}

.ar-btn-dark{
    background:#1d1d1b;
    color:#fff;
}

.ar-btn-dark:hover{
    transform:translateY(-3px);
}


/*
|--------------------------------------------------------------------------
| GRID
|--------------------------------------------------------------------------
*/

.ar-grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:90px;
    align-items:center;
}


/*
|--------------------------------------------------------------------------
| IMAGES
|--------------------------------------------------------------------------
*/

.ar-image img{
    width:100%;
    height:auto;
    display:block;
    border-radius:24px;
    object-fit:cover;
}


/*
|--------------------------------------------------------------------------
| CONTENT
|--------------------------------------------------------------------------
*/

.ar-section-label{
    display:inline-block;
    margin-bottom:18px;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:3px;
    color:#7a745f;
}

.ar-content h2{
    font-size:72px;
    margin-bottom:35px;
}

.ar-text{
    font-size:18px;
    line-height:1.9;
    color:#4a4a4a;
}

.ar-text p{
    margin-bottom:20px;
}


/*
|--------------------------------------------------------------------------
| DARK SECTION
|--------------------------------------------------------------------------
*/

.ar-dark{
    background:#1d1d1b;
}

.ar-dark h2,
.ar-dark h3,
.ar-dark p{
    color:#fff;
}

.ar-dark .ar-section-label{
    color:#bca98d;
}

.ar-section-heading{
    margin-bottom:80px;
}

.ar-section-heading.center{
    text-align:center;
}

.ar-section-heading h2{
    font-size:72px;
}


/*
|--------------------------------------------------------------------------
| CARDS
|--------------------------------------------------------------------------
*/

.ar-cards-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.ar-card{
    background:rgba(255,255,255,.04);
    padding:45px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    transition:.3s ease;
    backdrop-filter:blur(10px);
}

.ar-card:hover{
    transform:translateY(-8px);
}

.ar-card-number{
    font-size:12px;
    letter-spacing:3px;
    color:#bca98d;
    margin-bottom:20px;
}

.ar-card h3{
    font-size:38px;
    margin-bottom:20px;
}

.ar-card p{
    line-height:1.8;
    color:#d6d6d6;
}


/*
|--------------------------------------------------------------------------
| FINAL CTA
|--------------------------------------------------------------------------
*/

.ar-final-cta{
    position:relative;
    padding:180px 0;
    background-size:cover;
    background-position:center;
    text-align:center;
}

.ar-final-content{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:auto;
}

.ar-final-content h2{
    font-size:88px;
    color:#fff;
    margin-bottom:30px;
}

.ar-final-content .ar-text{
    color:#efefef;
    font-size:22px;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media(max-width:1024px){

    .ar-grid-2{
        grid-template-columns:1fr;
        gap:60px;
    }

    .ar-cards-grid{
        grid-template-columns:1fr 1fr;
    }

    .ar-hero h1{
        font-size:68px;
    }

    .ar-content h2,
    .ar-section-heading h2,
    .ar-final-content h2{
        font-size:54px;
    }

}


@media(max-width:767px){

    .ar-section{
        padding:80px 0;
    }

    .ar-container{
        padding-left:24px;
        padding-right:24px;
    }

    .ar-hero h1{
        font-size:48px;
    }

    .ar-hero p{
        font-size:18px;
    }

    .ar-content h2,
    .ar-section-heading h2,
    .ar-final-content h2{
        font-size:42px;
    }

    .ar-cards-grid{
        grid-template-columns:1fr;
    }

    .ar-card{
        padding:35px;
    }

}