:root {
    --btn_custom: #29176D;
    --btn_custom_hover: #4a2ead;
}

body,
html {
    background-color: #EBF3FF;
}

.site-wrap .header {
    background-color: #3127BC;
    height: auto;
    padding: 30px 20px;
    color: #fff;
    margin-bottom: 26px;
}

.header h3 {
    color: #fff;
    font-weight: 400;
    font-family: 'Secular One';
}

.site-page {
    padding-top: 10rem;
    padding-bottom: 4rem;
    margin-bottom: 0;
}

.text-site-page {
    text-align: left;
    color: #525252;
    padding: 10px 20px;
}

.img-login {
    height: 100%;
    display: inline-block;
    position: relative;
}

.image-login {
    vertical-align: middle;
    width: 100%;
    margin-top: 3rem;
}


.bg-login {
    background-color: #fff;
    border-bottom: 5px solid #287CFA;
    border-radius: 10px 10px 0px 0px;
}

.bg-login h4 {
    padding-top: 20px;
    font-family: 'Poppins';
    
}

.text-about-me {
    padding: 3%;
}


.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.tupoksi {
    min-height: 300px!important;

}

.text-misi {
    padding-left: 5%;
    padding-right: 5%;
}

.text-visi {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.text-kontak {
    font-weight: 500;
}

.logo-sekolah {
    margin: 10px;
    padding: 20px;
    /* background-color: pink; */
}