/* @font-face{
    font-family: "Frutiger";
    src: url("../font/frutiger-next-pro-regular.otf") format("opentype");
} */

:root{
    --blue1: #0033A0;
    --blue2: #003084;
    --blue3: #39AEE3;
    --green: #53AE4F;
	--green1: #00AE42;
    --white: #FFF;
    --black: #000;
    --grey: #E2E5E3;
    --grey1: #E9E9E9;
    --grey2: #D9D9D9;
    --orange: #F5A444;
}

body{
    overflow-x: hidden;
    font-family: "Frutiger", sans-serif;
}

a{
    text-decoration: none;
}

.main{
    margin-top: 44px;
}

/* SETTING BACKGROUND COLOR */
.blue1{background-color: var(--blue1);}

.blue2{background-color: var(--blue2);}

.blue3{background-color: var(--blue3);}

.green{background-color: var(--green);}

.white{background-color: var(--white);}

.black{background-color: var(--black);}

.grey{background-color: var(--grey);}

.grey1{background-color: var(--grey1);}

.grey2{background-color: var(--grey2);}

.orange{background-color: var(--orange);}

/* SETTING BACKGROUND COLOR GRADIENT */
.banner-1{
    background: url('../image/ilustration/banner-1.svg');
    object-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-2{
    background: url('../image/ilustration/banner-2.svg');
    object-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-3{
    background: url('../image/ilustration/banner-3.svg');
    object-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ungu-biru{background: linear-gradient(to bottom, rgba(80, 60, 109, 1) 78.6666%, rgba(115, 64, 87, 1));}

.ungu-biru-footer{background: linear-gradient(to bottom, rgba(80, 60, 109, 1) 2.08333% , rgba(115, 64, 87, 1) 66.6666%);}

.ungu-biru-birumuda{background: linear-gradient(145deg, rgba(146, 64, 94, 0.9) 15%, rgba(0, 51, 160, 0.9), rgba(69, 194, 238, 0.9));}

/* SETTING FONT COLOR */
.fblue1{color: var(--blue1);}

.fblue2{color: var(--blue2);}

.fgreen{color: var(--green);}

.fgreen1{color: var(--green1);}

.fwhite{color: var(--white);}

.fblack{color: var(--black);}

.fgrey{color: var(--grey);}

/* SETTING FONT SIZE */
.f-10{font-size: 10px;}

.f-12{font-size: 12px;}

.f-13{font-size: 13px;}

.f-14{font-size: 14px;}

.f-16{font-size: 16px;}

.f-18{font-size: 18px;}

.f-19{font-size: 19px;}

.f-20{font-size: 20px;}

.f-22{font-size: 22px;}

.f-24{font-size: 24px;}

.f-26{font-size: 26px;}

.f-28{font-size: 28px;}

.f-30{font-size: 30px;}

.f-32{font-size: 32px;}

.f-34{font-size: 34px;}

.f-36{font-size: 36px;}

.f-38{font-size: 38px;}

.f-40{font-size: 40px;}

.f-42{font-size: 42px;}

.f-44{font-size: 44px;}

.f-46{font-size: 46px;}

.f-48{font-size: 48px;}

.f-50{font-size: 50px;}

.f-52{font-size: 52px;}

.f-60{font-size: 60px;}

.f-62{font-size: 62px;}

.f-70{font-size: 70px;}

.f-72{font-size: 72px;}

.f-80{font-size: 80px;}

.f-82{font-size: 82px;}

.f-90{font-size: 90px;}

.f-92{font-size: 92px;}

.f-100{font-size: 100px;}

.f-kantor{font-size: 24px;}

/* SETTING FONT WEIGHT */
.fw-500{font-weight: 500;}

.fw-600{font-weight: 600;}

.fw-700{font-weight: 700;}

.fw-800{font-weight: 800;}

.fw-900{font-weight: 900;}

.fw-bold{font-weight: bold;}

.fw-bolder{font-weight: bolder;}

/* SETTING LINE HEIGHT */
.ln-05{
    line-height: 0.5rem;
}

.ln-1{
    line-height: 1rem;
}

.ln-1-5{
    line-height: 1.5rem;
}

.ln-2{
    line-height: 2rem;
}

.ln-2-5{
    line-height: 2.5rem;
}

/* SETTING JUSTIFY TEXT */
.t-center-m{
    text-align: center;
}

.t-start-m{
    text-align: start;
}

/* SETTING PADDING TOP AND BOTTOM*/
.pd-y-60{padding: 60px 0;}

.pd-y-70{padding: 70px 0;}

.pd-y-80{padding: 80px 0;}

.pd-y-90{padding: 90px 0;}

.pd-y-100{padding: 100px 0;}

.pd-y-110{padding: 110px 0;}

.pd-y-120{padding: 120px 0;}

.pd-y-130{padding: 130px 0;}

.pd-y-140{padding: 140px 0;}

.pd-y-150{padding: 150px 0;}

.pd-y-200{padding: 200px 0;}

.pd-y-300{padding: 300px 0;}

.pd-y-400{padding: 400px 0;}

/* SETTING PADDING LEFT AND RIGHT*/
.pd-x-60{padding: 0 60px;}

.pd-x-70{padding: 0 70px;}

.pd-x-80{padding: 0 80px;}

.pd-x-90{padding: 0 90px;}

.pd-x-100{padding: 0 100px;}

.pd-x-110{padding: 0 110px;}

.pd-x-120{padding: 0 120px;}

.pd-x-130{padding: 0 130px;}

.pd-x-140{padding: 0 140px;}

.pd-x-150{padding: 0 150px;}

.pd-x-200{padding: 0 200px;}

.pd-x-300{padding: 0 300px;}

.pd-x-400{padding: 0 400px;}

/* SETTING PADDING LEFT */
.pd-l-60{padding-left: 60px;}

.pd-l-70{padding-left: 70px;}

.pd-l-80{padding-left: 80px;}

.pd-l-90{padding-left: 90px;}

.pd-l-100{padding-left: 100px;}

.pd-l-110{padding-left: 110px;}

.pd-l-120{padding-left: 120px;}

.pd-l-130{padding-left: 130px;}

.pd-l-140{padding-left: 140px;}

.pd-l-150{padding-left: 150px;}

.pd-l-200{padding-left: 200px;}

.pd-l-300{padding-left: 300px;}

.pd-l-400{padding-left: 400px;}

/* SETTING PADDING RIGHT */
.pd-r-60{padding-right: 60px;}

.pd-r-70{padding-right: 70px;}

.pd-r-80{padding-right: 80px;}

.pd-r-90{padding-right: 90px;}

.pd-r-100{padding-right: 100px;}

.pd-r-110{padding-right: 110px;}

.pd-r-120{padding-right: 120px;}

.pd-r-130{padding-right: 130px;}

.pd-r-140{padding-right: 140px;}

.pd-r-150{padding-right: 150px;}

.pd-r-200{padding-right: 200px;}

.pd-r-300{padding-right: 300px;}

.pd-r-400{padding-right: 400px;}

/* SETTING PADDING TOP */
.pd-t-20{padding-top: 20px;}

.pd-t-30{padding-top: 30px;}

.pd-t-40{padding-top: 40px;}

.pd-t-50{padding-top: 50px;}

.pd-t-60{padding-top: 60px;}

.pd-t-70{padding-top: 70px;}

.pd-t-80{padding-top: 80px;}

.pd-t-90{padding-top: 90px;}

.pd-t-100{padding-top: 100px;}

.pd-t-110{padding-top: 110px;}

.pd-t-120{padding-top: 120px;}

.pd-t-130{padding-top: 130px;}

.pd-t-140{padding-top: 140px;}

.pd-t-150{padding-top: 150px;}

.pd-t-200{padding-top: 200px;}

.pd-t-300{padding-top: 300px;}

.pd-t-400{padding-top: 400px;}

/* SETTING PADDING BOTTOM */
.pd-b-60{padding-bottom: 60px;}

.pd-b-70{padding-bottom: 70px;}

.pd-b-80{padding-bottom: 80px;}

.pd-b-90{padding-bottom: 90px;}

.pd-b-100{padding-bottom: 100px;}

.pd-b-110{padding-bottom: 110px;}

.pd-b-120{padding-bottom: 120px;}

.pd-b-130{padding-bottom: 130px;}

.pd-b-140{padding-bottom: 140px;}

.pd-b-150{padding-bottom: 150px;}

.pd-b-200{padding-bottom: 200px;}

.pd-b-300{padding-bottom: 300px;}

.pd-b-400{padding-bottom: 400px;}

.pd-5{
    padding: 2.5rem;
}

/* SETTING MARGIN TOP AND BOTTOM*/
.mr-y-60{margin: 60px 0;}

.mr-y-70{margin: 70px 0;}

.mr-y-80{margin: 80px 0;}

.mr-y-90{margin: 90px 0;}

.mr-y-100{margin: 100px 0;}

.mr-y-110{margin: 110px 0;}

.mr-y-120{margin: 120px 0;}

.mr-y-130{margin: 130px 0;}

.mr-y-140{margin: 140px 0;}

.mr-y-150{margin: 150px 0;}

.mr-y-200{margin: 200px 0;}

.mr-y-300{margin: 300px 0;}

.mr-y-400{margin: 400px 0;}

/* SETTING MARGIN LEFT AND RIGHT*/
.mr-x-60{margin: 0 60px;}

.mr-x-70{margin: 0 70px;}

.mr-x-80{margin: 0 80px;}

.mr-x-90{margin: 0 90px;}

.mr-x-100{margin: 0 100px;}

.mr-x-110{margin: 0 110px;}

.mr-x-120{margin: 0 120px;}

.mr-x-130{margin: 0 130px;}

.mr-x-140{margin: 0 140px;}

.mr-x-150{margin: 0 150px;}

.mr-x-200{margin: 0 200px;}

.mr-x-300{margin: 0 300px;}

.mr-x-400{margin: 0 400px;}

/* SETTING MARGIN LEFT*/
.mr-l-60{margin-left: 60px;}

.mr-l-70{margin-left: 70px;}

.mr-l-80{margin-left: 80px;}

.mr-l-90{margin-left: 90px;}

.mr-l-100{margin-left: 100px;}

.mr-l-110{margin-left: 110px;}

.mr-l-120{margin-left: 120px;}

.mr-l-130{margin-left: 130px;}

.mr-l-140{margin-left: 140px;}

.mr-l-150{margin-left: 150px;}

.mr-l-200{margin-left: 200px;}

.mr-l-250{margin-left: 250px;}

.mr-l-300{margin-left: 300px;}

.mr-l-400{margin-left: 400px;}

/* SETTING MARGIN RIGHT*/
.mr-r-60{margin-right: 60px;}

.mr-r-70{margin-right: 70px;}

.mr-r-80{margin-right: 80px;}

.mr-r-90{margin-right: 90px;}

.mr-r-100{margin-right: 100px;}

.mr-r-110{margin-right: 110px;}

.mr-r-120{margin-right: 120px;}

.mr-r-130{margin-right: 130px;}

.mr-r-140{margin-right: 140px;}

.mr-r-150{margin-right: 150px;}

.mr-r-200{margin-right: 200px;}

.mr-r-300{margin-right: 300px;}

.mr-r-400{margin-right: 400px;}

/* SETTING MARGIN TOP*/
.mrp-t-50{margin-top: 50%;}
.mr-t-60{margin-top: 60px;}

.mr-t-70{margin-top: 70px;}

.mr-t-80{margin-top: 80px;}

.mr-t-90{margin-top: 90px;}

.mr-t-100{margin-top: 100px;}

.mr-t-110{margin-top: 110px;}

.mr-t-120{margin-top: 120px;}

.mr-t-130{margin-top: 130px;}

.mr-t-140{margin-top: 140px;}

.mr-t-150{margin-top: 150px;}

.mr-t-200{margin-top: 200px;}

.mr-t-250{margin-top: 250px;}

.mr-t-300{margin-top: 300px;}

.mr-t-400{margin-top: 400px;}

/* SETTING MARGIN BOTTOM*/
.mrp-b-50{margin-bottom: 50%;}

.mr-b-30{margin-bottom: 30px;}

.mr-b-60{margin-bottom: 60px;}

.mr-b-70{margin-bottom: 70px;}

.mr-b-80{margin-bottom: 80px;}

.mr-b-90{margin-bottom: 90px;}

.mr-b-100{margin-bottom: 100px;}

.mr-b-110{margin-bottom: 110px;}

.mr-b-120{margin-bottom: 120px;}

.mr-b-130{margin-bottom: 130px;}

.mr-b-140{margin-bottom: 140px;}

.mr-b-150{margin-bottom: 150px;}

.mr-b-200{margin-bottom: 200px;}

.mr-b-300{margin-bottom: 300px;}

.mr-b-400{margin-bottom: 400px;}

.mt-5m{
    margin-top: 1.8rem;
}

.mb-5m{
    margin-bottom: 1.8rem;
}
/* SETTING DIMENSION */
.d-10{
    height: 10px;
    width: 10px;
}

.d-20{
    height: 20px;
    width: 20px;
}

.d-30{
    height: 30px;
    width: 30px;
}

.d-40{
    height: 40px;
    width: 40px;
}

.d-50{
    height: 50px;
    width: 50px;
}

.d-60{
    height: 60px;
    width: 60px;
}

.d-60{
    height: 60px;
    width: 60px;
}

.d-70{
    height: 70px;
    width: 70px;
}

.d-80{
    height: 80px;
    width: 80px;
}

.d-90{
    height: 90px;
    width: 90px;
}

.d-100{
    height: 100px;
    width: 100px;
}

.dw-400{
    width: 450px;
}

/* SETTING WIDTH */
.w25 {
    width: 25px;
}

.w30 {
    width: 30px;
}

.w35 {
    width: 35px;
}

.w40 {
    width: 40px;
}

.w45 {
    width: 45px;
}

.w50 {
    width: 50px;
}

.w55 {
    width: 55px;
}

.w60 {
    width: 60px;
}

.w65 {
    width: 65px;
}

.w70 {
    width: 70px;
}

.w75 {
    width: 75px;
}

.w80 {
    width: 80px;
}

.w85 {
    width: 85px;
}

.w90 {
    width: 90px;
}

.w95 {
    width: 95px;
}

.w100 {
    width: 100px;
}

.w130 {
    width: 130px;
}

.w200 {
    width: 200px;
}

/* SETTING FLEX */
.dp-flex{
    display: flex;
}

.c-end{
    justify-content: end;
}

.c-center{
    justify-content: center;
}

.c-start{
    justify-content: start;
}

/* NAVBAR */
.navbar{
    z-index: 100;
}

.navbar .nav-link{
    color: var(--blue1);
    transition: 2s;
}

.navbar .nav-link.active{
    color: var(--blue2);
    font-weight: 700;
}

.navbar .nav-link:hover{
    color: var(--blue2);
    /* border-bottom: 1px var(--blue1) solid; */
}

.navbar .border-nav{
    display: flex;
    align-items: center;
    height: 35%;
    width: 3px;
    border-radius: 4px;
    background-color: var(--blue1);
}

.nav-padding{
    padding: 0;
}

.dropdown-wrap {
    float: left;
    overflow: hidden;
    transition: 5s;
}

/* .dropdown-wrap .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
} */

.dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--blue2);
    min-width: 300px;
    max-width: 650px;
    top: 100%;
    left: 95%px;
    /* border-radius: 3px; */
    padding: 10px 20px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: -1;
    transition: 5s;
}

.dropdown-content .dropdown-item{
    color: #fff;
    padding: 10px 5px;
    /* border-bottom: 1px var(--white) solid; */
}

.dropdown-content .dropdown-item-border{
    width: 100%;
    height: 0.8px;
    background-color: var(--white);
}

/* .dropdown-content a{
    width: 100%;
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: left;
    padding: 12px 5px;
    border-bottom: 1px #fff solid;
} */

.down-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown-wrap:hover .dropdown-content {
    display: block;
}
/* NAVBAR */

/* CAROUSEL */
.carousel .carousel-inner .carousel-height{
    height: 100vh;
    object-fit: cover;
    object-position: top;
}

.carousel .carousel-inner .carousel-height-all{
    height: 100vh;
    object-fit: cover;
    object-position: top;
}

.carousel .carousel-inner .carousel-height-fakultas{
    height: 100vh;
    object-fit: cover;
    object-position: top;
}

.carousel .carousel-inner .carousel-height-akreditas{
    height: 60vh;
    object-fit: cover;
    object-position: top;
}

.carousel-title{
    /* margin-top: 50%; */
    /* margin-bottom: 50%; */
    margin-left: 52%;
    font-size: 70px;
    line-height: 70px;
    width: 76%;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.55);
}

.carousel-title-dua{
    margin-left: 15.18%;
    margin-top: 3%;
    font-size: 50px;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.55);
}

.carousel-title-tiga{
    margin-top: 20%;
    margin-left: 20%;
    font-size: 100px;
    line-height: 100px;
    width: 500px;
}

.carousel-title-empat{
    margin-top: 14%;
    margin-left: 15%;
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.10);
}

.carousel-title-lima{
    margin-top: 20%;
    margin-left: 15%;
    font-size: 42px;
    line-height: 100px;
    width: 100%;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.10);
}

.carousel-title-enam{
    margin-top: 14%;
    margin-left: 15%;
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.10);
}

.carousel-title-tujuh{
    margin-top: 20%;
    margin-left: 15%;
    font-size: 100px;
    line-height: 100px;
    width: 50%;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.10);
}

.carousel-title-delapan{
    /* margin-top: 7%; */
    margin-left: 20%;
    font-size: 82px;
    line-height: 80px;
    width: 200px;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.55);
}

.carousel-title-sembilan{
    /* margin-top: 50%; */
    /* margin-bottom: 50%; */
    margin-left: 50%;
    font-size: 100px;
    line-height: 100px;
    width: 56%;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.55);
}

.carousel-title-sepuluh{
    /* margin-top: 50%; */
    /* margin-bottom: 50%; */
    margin-left: 50%;
    font-size: 110px;
    line-height: 100px;
    width: 76%;
    /*text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.2);*/
	text-shadow: 0px 0px 40px rgba(0, 0, 0, 0.2);
}

.carousel-title-sebelas{
    width: 100%;
    margin-left: 50%;
    font-size: 50px;
    text-shadow: 20px 14px 24px rgba(0, 0, 0, 0.55);
}

.carousel-title-sembilan-sebelas{
    margin-left: 30%;
    top: 20%;
    left: -20%;
}

.carousel-control-prev, .carousel-control-next{
    opacity: 1;
}

.carousel-control-prev-icon{
    background-image: url('../image/icon/prev.png');
    height: 70px;
    width: 70px;
}

.carousel-control-next-icon{
    background-image: url('../image/icon/next.png');
    height: 70px;
    width: 70px;
}

/* MAIN */
.video-banner{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-player{
    position: absolute;
}

.video-player a{
    display: block;
}

.banner2{
    height: 720px;
    object-fit: cover;
}

.banner4{
    width: 100%;
    height: 700px;
    background-color: var(--grey);
    object-fit: cover;
    border-radius: 40px;
}

.banner5{
    border-radius: 16px;
    height: 540px;
    margin-top: 20px;
    margin-bottom: 20px;
    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item .img-carousel{
    width: 550px !important;
}

.prev-carousel, .next-carousel{
    width: 50px;
}

.owl-carousel.owl-carousel-berita .owl-carousel{
    position: relative;
}

.owl-carousel.owl-carousel-berita .owl-nav{
    width: 100%;
}

.owl-carousel.owl-carousel-berita .owl-nav .owl-prev{
    position: absolute;
    top: 50% !important;
    left: 0;
}

.owl-carousel.owl-carousel-berita .owl-nav .owl-next{
    position: absolute;
    top: 50% !important;
    right: 0;
}

.owl-carousel.owl-carousel-berita .owl-dot{
    margin-top: 20px;
}

.owl-carousel.owl-carousel-berita .owl-dot.active span{
    width: 30px !important;
    background-color: #fff !important;
}

.owl-carousel.owl-carousel-berita .owl-text{
    width: 500px;
}

.owl-text{
    width: 500px;
}

/* Owl Carousel Event */
.prev-carousel-event, .next-carousel-event{
    width: 40px;
}

.owl-carousel.owl-carousel-event .owl-carousel{
    position: relative;
}

.owl-carousel.owl-carousel-event .owl-nav{
    width: 100%;
}

.owl-carousel.owl-carousel-event .owl-nav .owl-prev{
    position: absolute;
    /* top: 146.5rem !important; */
    margin-top: 2rem;
    left: 37rem;
}

.owl-carousel.owl-carousel-event .owl-nav .owl-next{
    position: absolute;
    /* top: 146.5rem !important; */
    margin-top: 2rem;
    right: 37rem;
}

.owl-carousel.owl-carousel-event .owl-dot{
    margin-top: 38px;
}

.owl-carousel.owl-carousel-event .owl-dot.active span{
    width: 10px !important;
    background-color: var(--blue2) !important;
}

.owl-carousel.owl-carousel-event .owl-text{
    width: 500px;
}

.owl-carousel{
    position: relative;
}

.owl-nav{
    width: 100%;
}
/* Owl Carousel Event */

.banner3{
    width: 100%;
    object-fit: cover;
}

.boxitem{
    width: 200px;
    height: 150px;
    box-shadow: 3px 3px 19px rgba(0, 0, 0, 0.21);
    background-color: rgb(238, 239, 238);
    border-radius: 30px;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.boxitem-text{
    width: 200px;
}

.boxitem img{
    height: 60px;
}

.boxitemDua{
    width: 120px;
    height: 120px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    border-radius: 14px;
}

.boxitemDua img{
    height: 60px;
}

.boxitemTiga{
    width: 100%;
    height: 120px;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    border: 2px solid var(--blue2);
    border-radius: 14px;
    padding: 16px;
}

.box-akreditasi{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    box-shadow: 3px 3px 19px rgba(0, 0, 0, 0.21);
    background-color: var(--white);
    border-radius: 30px;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.box-akreditasi .icon-akreditasi{
    width: 200px;
    height: auto;
}

.btn-download{
    height: 48px;
    border-radius: 28px;
    background-color: #0033A0;
}

.btn-download .icon-download{
    width: 24px;
    right: 8%;
    top: 25%;
}

.btn-download-orange{
    height: 56px;
    border-radius: 28px;
    background-color: #F5A444;
}

.btn-download-blue{
    height: 56px;
    border-radius: 28px;
    background-color: #39AEE3;
}

.btn-download-blue .icon-download{
    width: 24px !important;
    right: 8%;
    top: 25%;
}

.btn-download-akreditasi{
    border: none;
    padding: 5px 8px;
    border-radius: 14px;
    background-color: #E9E9E9;
    font-weight: 700;
}

.btn-download-akreditasiDua{
    border: none;
    padding: 5px 8px;
    border-radius: 20px;
    color: var(--blue2);
    background-color: var(--white);
    border: 2px solid var(--blue2);
    transition: .3s;
}

.btn-download-akreditasiDua:hover{
    color: var(--white);
    background-color: var(--blue2);
}

.content-fasilitas{
    height: 400px;
}

.img-sekilas{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.content-sekilas{
    height: 400px;
}

.carousel-indicators{
    bottom: 5%;
}

.carousel-indicators [data-bs-target]{
    height: 20px;
    width: 20px;
}

.carousel-title-sekilas{
    font-size: 100px;
    width: 200px;
    right: 30%;
    line-height: 90px;
}

.carousel-text-sekilas1{
    font-size: 26px;
    width: 370px;
    right: 18.5%;
    margin-top: 420px;
}

.carousel-text-sekilas2{
    font-size: 24px;
    bottom: 5%;
    left: 10%;
}

.heading-sekilas{
    font-size: 36px;
    width: 300px;
}

.text-sekilas{
    font-size: 22px;
}

.heading-fasilitas{
    font-size: 34px;
    width: 88%
}

/* SIDENAV  */
.sidenav {
    box-shadow: 0 10px 20px 0 rgb(53 64 90 / 20%);
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 0px;
    font-size: 14px;
}

.sidenav .border-menu-sidenav{
    padding: 0 20px;
    width: 100%;
    height: 1.8px;
    background-color: #000;
}
  
.sidenav a {
    padding: 6px 20px 6px 20px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    color: var(--blue2);
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .btn-sidenav {
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    color: var(--blue2);
    display: block;
    border: none;
    background-color: transparent;
    outline: none;
    border-bottom: 1.7px #D9D9D9 solid;
    border-top: none;
    border-right: none;
    border-left: none;
}

.sidenav .btn-sidenav:hover {
    color: var(--blue2);
}

.sidenav .btn-sidenav span{
    font-size: 20px;
    font-weight: 600;
    color: var(--blue2);
}

.sidenav .btn-cari{
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    color: var(--blue2);
    display: block;
    border: none;
    background-color: transparent;
    outline: none;
    border-bottom: 1.7px #D9D9D9 solid;
    border-top: none;
    border-right: none;
    border-left: none;
}

.sidenav .accordion a {
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    display: block;
    transition: 0.3s;
    border-bottom: 1.7px #fff solid;
}

.sidenav .accordion a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 1%;
    font-size: 28px;
    margin-left: 50px;
}

.menu-in {
    background: #fff;
    width: 100%;
    min-height: 100%;
    max-height: fit-content;
}

.menu-in-radio {
    background: #fff;
    width: 250px;
    min-height: 100%;
    max-height: fit-content;
}

.set-menu {
    background: #fff;
    padding: 13px 6px 13px 25px !important;
    box-shadow: 0 10px 20px 0 rgb(53 64 90 / 20%);
    font-weight: bold;
    margin-bottom: 1rem;
}
/* SIDENAV  */

.set-margin {
    margin-right: 0px;
    margin-left: 0px;
}

.setting-nav {
    z-index: 999; 
    /* position: fixed;  */
    box-shadow: rgba(53, 64, 90, 0.2) 0px 2px 7px 0px; 
    width: 100%; 
    top: 0rem;
}

.fakultas-btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 180px;
}

/* .img-fakultas{
    width: 300px;
} */

.fakultas-btn.active{
    border-bottom: 4px solid var(--green);
    border-radius: 4px;
}

.fakultas-btn:hover{
    border-bottom: 3px solid var(--green);
}

.text-fakultas{
    font-size: 26px;
}

.fakultas-btn-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 130px;
    background-color: #EEEEEE;
    border-radius: 26px;
    box-shadow: 0 4px 10px rgba(177, 177, 188, 0.6);
    margin-bottom: 0.8rem;
}

/* Oraganisasi Mahasiswa */
.img-organisasi{
    max-width: 100%;
    height: auto;
}
/* Oraganisasi Mahasiswa */

/* FOOTER */
.footer-icon img{
    width: 20px;
    height: auto;
}

.footer-icon .img-footer-facebook{
    height: 30px;
    width: auto;
}

.footer-text{font-size: 18px;}

.footer-alamat{line-height: 4px;}

/* tambahan baru */

.flex-center {
    display: flex;
    justify-content: center;
}

.set-kolom {
	width: 80%;
	padding: 5px;
	margin-top: 0.6rem;
}

.font-tgl{
	color: #50bd77;
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}

.set-bulan{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	border-bottom: 3px solid #50bd77;
}

.f-green {
	color:#50bd77 !important;
}

.f-black {
	color:#000;
}

.mt-1a{
	margin-top: 1.2rem !important;
}



/* TAMBAHAN BARU PISAN */

.btn-binar {
    background: #39AEE3;
    border: 1px solid #39AEE3;
    padding: 10px;
    width: 30%;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.bold {
    font-weight: bold;
}


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

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-1a {
    margin-bottom: 1.5rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.img-binar {
    height: 230px;
    object-fit: cover;
    width: 100%;
}

.flex-left {
    display: flex !important;
    justify-content: flex-start !important
}

.flex-center {
    display: flex !important;
    justify-content: center !important
}

.flex-right {
    display: flex !important;
    justify-content: flex-end !important
}

.h50 {
    height: 50px;
}

.radius-10 {
    border-radius: 10px;
}

.radius-20 {
    border-radius: 20px;
}

.w10p {
    width: 10%;
}

.mr-23p {
    margin-left: 23%;
}

.mr-23pa {
    margin-left: 30%;
    margin-right: 23%;
}