@font-face {
    font-family: Hidayatulah;
    src: url('../webfonts/hidayatullah.ttf');
}
@font-face {
    font-family: Match;
    src: url('../webfonts/Match_Regular.otf');
}
@font-face {
    font-family: Match;
    font-weight: bold;
    src: url('../webfonts/Match_Bold.otf');
}
@font-face {
    font-family: Match;
    font-style: italic;
    src: url('../webfonts/Match_Italic.otf');
}
@font-face {
    font-family: Match;
    font-style: italic;
    font-weight: bold;
    src: url('../webfonts/Match_BoldItalic.otf');
}
html, body{
    font-family: Cambria, Arial, "Times New Roman";
}
p{
    font-size: 1.1rem;
}
.btn-perguruan{
    border: thin solid black;
    border-radius: 20px;
}
.btn-perguruan:hover{
    background-color: #ACB83A;
    color: white;
    border: thin solid white;
}
.bg-perguruan{
    background-color: #ACB83A;
}
.btn-outline-white{
    border-radius: 20px;
    border: thin solid white;
    color: white;
}
.btn-outline-white:hover {
    background-color: white;
    color: #ACB83A;
}
.owl-same-height .owl-stage{
    display: flex;
}.owl-prev,.owl-next {
     width: 60px;
     position: absolute;
     top: 40%;
     display: block !important;
     border:0px solid black;
 }
.owl-prev{
    margin-left: -20px;
}
.owl-next {
    right: -20px;
}
.owl-prev i, .owl-next i {
    transform : scale(1,6);
    color: #ccc;
}
#navbar_top{
    transition: top 0.3s;
}
#toTopBtn {
    position: fixed;
    bottom: -150px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: thin solid grey;
    outline: none;
    background-color: #ACB83A;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    transition: bottom 0.3s;
}
#toTopBtn:hover {
    border: thin solid #ACB83A;
    background-color: grey;
}
@media (max-width: 575.98px) {
    section .container .row div.text-center img{
        max-width: 100px;
    }
}
