/* ==========================================================
   PORTAL GTK KABUPATEN KONAWE
   BODY
   Version : 2.0
==========================================================*/


/* ==========================================================
   BODY
==========================================================*/

body{

    background:
        linear-gradient(
            180deg,
            #F7FAFF 0%,
            #EEF5FD 100%
        );

    color:var(--text);

}


/* ==========================================================
   MAIN
==========================================================*/

main{

    width:100%;

    overflow-x:clip;
    overflow-y:visible;

}


/* ==========================================================
   SECTION
==========================================================*/

section{

    position:relative;

}


/* ==========================================================
   CARD DEFAULT
==========================================================*/

.section-card{

    background:var(--white);

    border-radius:var(--radius-xl);

    box-shadow:var(--shadow-md);

    padding:45px;

}


/* ==========================================================
   TITLE
==========================================================*/

.section-title{

    color:var(--primary);

    font-size:42px;

    font-weight:700;

    text-align:center;

}


.section-subtitle{

    color:var(--text-light);

    font-size:18px;

    text-align:center;

    margin-top:10px;

}


/* ==========================================================
   SECTION SPACING
==========================================================*/

.section-space{

    margin-top:var(--space-xl);

}


/* ==========================================================
   RESPONSIVE
==========================================================*/

@media(max-width:992px){

.section-card{

    padding:35px;

}

}


@media(max-width:768px){

.section-card{

    padding:28px;

}

.section-title{

    font-size:32px;

}

.section-subtitle{

    font-size:16px;

}

}


@media(max-width:480px){

.section-card{

    padding:22px;

}

.section-title{

    font-size:26px;

}

}