@font-face { font-family: fontperbanas; src: url("../fonts/font-bold.otf") format("opentype"); font-weight: 800; }
@font-face { font-family: fontperbanas; src: url("../fonts/font-mediumbold.otf") format("opentype"); font-weight: 600;  }
@font-face { font-family: fontperbanas; src: url("../fonts/font-medium.otf") format("opentype"); font-weight: 500;  }
@font-face { font-family: fontperbanas; src: url("../fonts/font-regular.otf") format("opentype"); font-weight: 400;  }
@font-face { font-family: fontperbanas; src: url("../fonts/font-light.otf") format("opentype"); font-weight: 300; }
@font-face { font-family: fontperbanas; src: url("../fonts/font-extralight.otf") format("opentype"); font-weight: 200; }

html, body{margin:0px; padding: 0px; font-family: 'fontperbanas', serif; height: 100%;}
body a:hover{text-decoration: underline;}
h1 b{color: #0397D7;}
.push-top{margin-top: 120px;}
.after-title{font-size: 20px;}
.header-area{padding-top: 15px;}
.mw-1000{max-width: 1024px;}
.mw-900{max-width: 900px}
.mw-800{max-width: 800px}
.text-with-image{display: flex; justify-content: space-between}
a .link .bi:before{font-size: 11px;}
/*.container{max-width: 1020px;}*/

.btn-cta{font-weight: bold; padding: 10px 20px; border-radius: 25px;}
.btn-cta:hover{text-decoration: none;}
.btn-green{background-color: #0397D7; color: #FFFFFF;}

.bg-blue{background: rgba(6, 152, 236, 0.05);}
.bg-lightgrey{background-color:#F8F6F6}

nav.paginate{display: flex; justify-content: center; padding: 20px 0px}
nav.paginate .pagination{align-items: center; padding-left: 20px; padding-right: 20px; border-radius: 25px; background: rgba(3, 151, 215, 0.1);border-radius: 25px;}
nav.paginate .btn-page{margin-right: 5px; margin-left: 5px; display: flex; justify-content: center; align-items: center; }
nav.paginate .btn-page a{background-color: #EDEBEB;  text-decoration: none; font-size: 20px; color: #000; width: 38px; padding: 4px 15px; border-radius: 50%; border:0px;}
nav.paginate .pagination a.page-link{border: 0px; padding: 2px 11px; border-radius: 50%; background-color: transparent; color: #000}
nav.paginate .pagination .page-item.active .page-link{background-color: #0397D7; color: #FFF}
.pagination{margin-bottom: 0px;}

.main-navbar{background-color: #FFFFFF;}
.main-navbar .top-navbar{height: 50px; display: flex; justify-content: flex-end; width: 100%; margin-right: -6rem;}
.main-navbar .top-navbar .search-bar{width: 25vw; background-color: rgba(3, 151, 215, 0.1); padding: 0px 10px; display: flex; align-items: center; padding-bottom: 0px; padding-left: 15px; padding-right: 15px;}
.main-navbar .top-navbar .search-bar form{width: 100%; margin-bottom: 0px;}
.main-navbar .top-navbar .search-bar input{background-color: transparent; border: 0px; border-bottom: 2px solid #FFF; border-radius: 0px; width: 100%; font-size: 14px;}
.main-navbar .top-navbar .search-bar input:focus, .main-navbar .top-navbar .search-bar input:active{border: 0px; box-shadow: none; border-bottom: 2px solid #162D67}
.main-navbar .top-navbar .login-bar{width:  10vw; display: flex; justify-content: center; align-items: center; padding-right: 40px; background-color: rgba(3, 151, 215, 0.2);}
.main-navbar .top-navbar .login-bar a{text-decoration: none; font-weight: 500; font-size: 16px; color: #162D67;}
.main-navbar .top-navbar .language-bar{width:  6vw; display: flex; justify-content: flex-start; align-items: center; padding-left: 10px; background-color: rgba(3, 151, 215, 0.2);}
.main-navbar .top-navbar .dropdown button:hover, .main-navbar .top-navbar .dropdown button:focus, .main-navbar .top-navbar .dropdown button:active{border-color: transparent; }
.main-navbar .top-navbar .dropdown .dropdown-menu.show{min-width: 110px; left: 0px;}

.main-navbar .navbar{display: flex; flex-direction: column; background-color: #FFF; padding-top: 0px; padding-bottom: 0px; box-shadow: 1px 4px 10px -10px rgba(0,0,0,0.75)}
.main-navbar .navbar img{max-width: 200px; padding-top: 10px; padding-left: 2rem;}
.main-navbar .navbar .container-menu{padding: 0px;}
.main-navbar .navbar .nav-item .nav-link{font-size: 19px; font-weight: 600; color: #1B265F; padding-right: 1.5rem; padding-left: 1.5rem; padding-top: 1rem; padding-bottom: 21px;}
.main-navbar .dropdown-toggle::after{border: 0px; content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>'); position: absolute; right: 10px; top:56%; transform: translateY(-60%);}
.main-navbar .navbar .nav-item .nav-link.show{background-color: #0397D7; color: #FFF;}
.main-navbar .navbar .nav-item .nav-link:hover{text-decoration: none;}
.main-navbar .navbar .nav-item:last-child .nav-link{padding-right: 15px;}
.main-navbar .navbar .dropdown-menu{border-radius: 0px; padding-top: 0px; padding-bottom: 0px; background-color: #E5F5FE;}
.main-navbar .navbar .dropdown-menu[data-bs-popper]{left: 0px; width: auto; top: 95%; min-width: 100%;}
.main-navbar .navbar .dropdown-menu .dropdown-item{padding-bottom: 10px; padding-top: 10px; position: relative;}
.main-navbar .navbar .dropdown-menu .dropdown-item:after{content: ""; position: absolute; bottom: 0px; height: 1px; border: 1px solid #0397D7; width: 80%; left: 50%; transform: translateX(-50%); opacity: 0.6;}
.main-navbar .navbar .dropdown-menu li:last-child .dropdown-item:after{border: 0px;}
.main-navbar .navbar .dropdown-menu .dropdown-item:hover{text-decoration: none; background-color: #F0FAFF;}
.main-navbar .navbar .navbar-collapse{justify-content: flex-end;}

.header-archive{background-color: #0397D7; padding-top: 30px; padding-bottom: 30px;}
.header-archive img{width: 100%}
.header-archive .header-text{display: flex; align-items: center; color: #FFF; height: 100%; font-size: 18px;}
.header-archive .header-text .title{font-weight: bold; padding-bottom: 15px; font-size: 22px;}
.header-archive .header-text .title a{text-decoration: none; color: #FFF}
.header-archive .header-text .content{}
.header-archive .header-text .date{font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
.header-archive .header-text .link a{color: #FFF; text-decoration: none}
.header-archive .header-text .link a i{padding-left: 10px; font-size: 12px;}
.header-archive .hero-text	{display: flex; align-items: center;}
.header-archive .hero-text h1{font-size: 4rem; color: #FFF; line-height: 4rem}
.header-archive .hero-text h1 b{color: #FFF; background-color: #0397D7;}
.header-archive .hero-text p{color: #FFF; margin-bottom: 0px;}

.header-news{background-color: #0397D7; padding-top: 30px; }
.header-news .header-text{display: flex; align-items: center; color: #FFF; height: 100%; font-size: 18px;}
.header-news .header-text .title{font-weight: bold; padding-bottom: 15px; font-size: 34px;}
.header-news .header-text .title a{text-decoration: none; color: #FFF}
.header-news .header-text .content{}
.header-news .header-text .date{font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
.header-news .header-text .link a{color: #FFF; text-decoration: none}
.header-news .header-text .link a i{padding-left: 10px; font-size: 12px;}
.header-news .breadcrumb li, .header-news .breadcrumb li a{color: #FFF}
.header-news .breadcrumb .breadcrumb-item + .breadcrumb-item::before{color: #FFF}

.news-archive .item .item-wrapper{margin-bottom: 10px; padding: 1rem}
.news-archive .item .item-wrapper a{text-decoration: none; }
.news-archive .item .item-wrapper a .image{margin-bottom: 10px; overflow: hidden; border-radius: 5px;}
.news-archive .item .item-wrapper a .image img{border-radius: 5px; transition: all 0.3s;}
.news-archive .item .item-wrapper a:hover .image img{transform: scale(1.1);}
.news-archive .item .item-wrapper a .title{font-weight: 800; font-size: 22px; line-height: 30px; color: #000; padding-bottom: 5px;}
.news-archive .item .item-wrapper a .date{color: #868686; display: flex; align-items: center; font-size: 14px;}
.news-archive .item .item-wrapper a .date img{color: #0397D7; padding-right: 10px;}
.news-archive .item .item-wrapper a .link{color: #CA0000; padding-top: 10px;}

.news-archive .item.locked{position: relative; filter: invert(50%); }
.news-archive .item.locked:after{position: absolute; top:0px; left:0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); content:"MEMBER ONLY"; border-radius: 5px; display: flex; justify-content: flex-end; align-items: flex-end; padding: 20px; font-weight: bold;}

.article-content{padding-bottom: 80px;}
.article-content h1{font-weight: bold}
.article-content .date{font-size: 15px; padding-bottom: 15px;}
.article-content .date img{padding-right: 10px;}
.article-content .main-image{margin-bottom: 20px;}
.article-content .main-image img{width: 100%}
.article-content .text{padding-bottom: 20px;}
.article-content .text p{font-size: 20px;}
.article-content .text ul{list-style-type: disc;}
.article-content .tags ul{padding-left: 0px;}
.article-content .tags ul li{display: inline;}
.article-content .tags ul li a{background-color: #F6F5F5; padding: 10px 15px; font-size: 14px; color: #666; border-radius: 8px; text-decoration: none}
.article-content .action-button{display: flex; margin-top: 40px; margin-bottom: 100px;}
.article-content .action-button .title{padding-right: 15px; font-weight: bold;}
.article-content .action-button .share-btn{padding-left: 0px; margin-bottom: 0px}
.article-content .action-button .share-btn li{display: inline;}
.article-content .action-button .share-btn li a{text-decoration: none; color: #FFF; padding: 10px 20px 8px; border-radius: 5px; font-size: 14px;}
.article-content .action-button .share-btn li a i{padding-right: 5px;}
.article-content .action-button .share-btn li:nth-child(1) a{background-color: #4267B2}
.article-content .action-button .share-btn li:nth-child(2) a{background-color: #1DA1F2}
.article-content .action-button .share-btn li:nth-child(3) a{background-color: #25D366}
.article-content .regulation-detail{padding: 20px;}
.article-content .regulation-detail .wrapper{border:1px solid #000; border-bottom: 0px;}
.article-content .regulation-detail .wrapper:last-child{border-bottom: 1px solid #000}
.article-content .regulation-detail .wrapper div{padding: 15px; }
.article-content .regulation-detail .wrapper .left-column{border-right:1px solid #000}
.article-content .text p:has(> a){border-left: 10px solid #0397D7; padding: 8px 0px 8px 10px; font-weight: 500;}
.article-content .text p a{color:#0397D7; font-weight: 600;}

.regulation-menu .caret{display: flex; align-items: flex-start;}
.regulation-menu .caret .reg-title{line-height: 1rem; margin-top: -2px;}
.regulasiData table thead, .regulasiData table tbody tr:first-child{background-color: rgba(3, 151, 215, 0.1)}
.regulasiData table tr th, .regulasiData table tr td{padding-left: 10px; padding-top:10px; line-height: 1.5rem}
.regulasiData table tr td{border-right: 1px solid #EFEFEF}
.regulasiData table tr td:first-child{border-left:1px solid #000}
.regulasiData table tr td:last-child{border-right:1px solid #000}
.regulasiData table tr:last-child td, .regulasiData table tbody tr:last-child td{border-bottom: 1px solid #000; padding-bottom: 20px;}
.regulasiData table tr td a{color:#0397D7; text-decoration: none}


.sidebar-right h5.header-list{font-size: 24px; font-weight: bold;}
.sidebar-right .sidebar-wrapper{position: sticky; top:100px; padding-bottom: 40px;}
.sidebar-right .sidebar-list .item{padding-bottom: 20px;}
.sidebar-right .sidebar-list .item .title{font-weight: 600; font-size: 18px; padding-bottom: 5px;}
.sidebar-right .sidebar-list .item .title a{color: #000; text-decoration: none}
.sidebar-right .sidebar-list .item .title a:hover{text-decoration: none}
.sidebar-right .sidebar-list .item .date{color: #868686}
.sidebar-right .sidebar-list.sidebar-news{}
.sidebar-right .sidebar-list.sidebar-news .item{padding: 15px 15px 0px 15px; margin-bottom: 20px; background-color: #F6F5F5; border-radius: 6px;}
.sidebar-right .sidebar-list.sidebar-news .item .title a{}
.sidebar-right .sidebar-list.sidebar-news .item .date i{padding-right: 8px; color: #0397D7}

.search-wrapper{margin-bottom: 40px; margin-top: 40px;}
.search-wrapper input, .search-wrapper select{border-radius: 25px; background-color: #EDEBEB}
.search-wrapper .input-group input{border-radius: 25px !important;}
.search-wrapper .input-group button{border-radius: 25px !important; background-color: #0397D7; color: #FFF; font-weight: bold;border-color: #0397D7;border-left: 0px; position: absolute; right: 0px; z-index: 99}
.search-wrapper button{background-color: #0397D7; color: #FFF; font-weight: bold; border-radius: 25px;}
.search-wrapper button svg{color: #FFF}

.home-banner{padding-right: 0rem; padding-left: 0rem;}
.home-banner .banner-wrapper{transition: all 0.5s;}
.home-banner .banner-wrapper h2{font-weight: bold;}
.home-banner .banner-caption{padding-left: 3rem; color: #FFF; padding-right: 3rem;}
.home-banner .banner-caption .caption-detail{display: none;}
.home-banner .banner-caption .caption-detail.show{display: block;}
.home-banner .banner-caption .caption-detail .title h3{font-size: 2rem; font-weight: 800; line-height: 2.5rem; padding-bottom: 25px;}
.home-banner .banner-caption .caption-detail .excerpt{font-size: 1.5rem;}
.home-banner .carousel-control-next, .carousel-control-prev{display: none;}
.home-banner .carousel-indicators button{border:2px solid #AAA; background-color: #FFF}
.home-banner .carousel-indicators button.active{background-color: #BBB}

.home-events-archive{margin-top: 5rem; background-color:#FFF;  padding-bottom: 50px;}
.home-events-archive .title-wrapper{display: flex; justify-content: space-between; margin-bottom: 30px; align-items: center;}
.home-events-archive .title-wrapper h2{font-weight: 800; font-size: 3rem;}
.home-events-archive .title-wrapper .links a{color: #162D67; text-decoration: none; }
.home-events-archive .title-wrapper .links a i{font-size: 12px; padding-left: 5px;}
.home-events-archive .archive-wrapper .archive-items{background-color: #FFFFFF;}
.home-events-archive .archive-wrapper .archive-items .details{padding: 0px 0px 15px 0px; position: relative;}
.home-events-archive .archive-wrapper .archive-items .details.locked .meta{color: #666}
.home-events-archive .archive-wrapper .archive-items .details.locked a .archive-title h3{color: #666}
.home-events-archive .archive-wrapper .archive-items .details.locked a .archive-links{color: #666}
.home-events-archive .archive-wrapper .archive-items .details.locked:before{content:""; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background-color: rgba(50,50,50,0)}
.home-events-archive .archive-wrapper .archive-items .details.locked:after{content: url('../images/ico-locked.svg'); position: absolute; right: 10px; top: 10px;}
.home-events-archive .archive-wrapper .archive-items .details a{text-decoration: none; }
.home-events-archive .archive-wrapper .archive-items .details .meta{margin-bottom: 10px; padding-top: 10px;}
.home-events-archive .archive-wrapper .archive-items .details .meta .date{font-size: 13px; font-weight: 300;}
.home-events-archive .archive-wrapper .archive-items .details .meta .date i{font-size: 12px; padding-right: 2px;}
.home-events-archive .archive-wrapper .archive-items .details .archive-title{padding-bottom: 15px;}
.home-events-archive .archive-wrapper .archive-items .details .archive-title h3{font-weight: 800; font-size: 1.5rem;}
.home-events-archive .archive-wrapper .archive-items .details a .archive-title h3{color:  #000000}
.home-events-archive .archive-wrapper .archive-items .details a .archive-links{color: #CA0000;}
.home-events-archive .archive-wrapper .archive-items .details a .archive-links i{font-size: 12px; padding-left: 10px;}
.home-events-archive .archive-wrapper .archive-items .details .status{text-align: center;}
.home-events-archive .archive-wrapper .archive-items .details .status span{padding: 5px 10px; background-color: #868686; color: #FFF; font-weight: 500; font-size: 13px; border-radius: 10px;}

.home-title{height: 30vw; background-image: url(../images/banner-h1-home.jpg); background-size: cover; background-position: right top; background-color: rgb(157,217,251); background-repeat: no-repeat;}
.home-title h1{font-size: 4rem; font-weight: bold; color: #00629A; line-height: 4rem;}
.home-title h1 span b{color: #FFF;}
.home-title p{font-size: 1.5rem; color: #00629A;}
.home-title a{color: #1B265F; font-weight: bold;}

.home-publications{padding-top: 40px; padding-bottom: 80px; background-color: rgba(6, 152, 236, 0.1);}
.home-publications .home-about{font-size: 20px; color: #162D67; padding-bottom: 40px;}
.home-publications .home-about a{color: #CA0000; font-size: 16px; text-decoration: none;}
.home-publications .home-about a i{font-size: 12px; padding-left: 5px;}
.home-publications .title-area{padding: 15px 0px 40px;}
.home-publications .title-area a{color: #162D67; text-decoration: none;}
.home-publications h2{font-weight: 800; font-size: 3rem; color: #162D67;}
.home-publications h3{font-weight: bold; margin-bottom: 0px;}
.home-publications .home-press-archive .item{padding-bottom: 20px;}
.home-publications .home-press-archive .item .item-wrapper{height: 100%; padding-right: 0px;}
.home-publications .home-press-archive .item .item-wrapper a{text-decoration: none; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.home-publications .home-press-archive .item .item-wrapper a .title{font-size: 20px; color: #000000; line-height: 30px; padding-bottom: 5px; font-weight: 600}
.home-publications .home-press-archive .item .item-wrapper a .date{font-size: 14px; color: #868686; padding-bottom: 15px;}
.home-publications .home-press-archive .item .item-wrapper a .link{font-size: 18px; color: #CA0000;}
.home-publications .home-press-archive .item .item-wrapper a .link i{font-size: 12px; padding-left: 5px;}


.home-publications .home-news-archive .item .item-wrapper{padding-bottom: 30px;}
.home-publications .home-news-archive .item .item-wrapper a{text-decoration: none;}
.home-publications .home-news-archive .item .item-wrapper a .image{padding-bottom: 5px; padding-top: 15px;}
.home-publications .home-news-archive .item .item-wrapper a .title{font-weight: 800; font-size: 20px; line-height: 30px; color: #000; padding-bottom: 15px; height: 100px; overflow: hidden;}
.home-publications .home-news-archive .item .item-wrapper a .link{color: #CA0000;}

.home-publications .home-library-archive .item{padding: 0px 10px;}
.home-publications .home-library-archive .item .item-wrapper{background-color: #FFFFFF; height: 250px; display: flex; flex-direction: column; justify-content: space-between; padding: 15px;}
.home-publications .home-library-archive .item .category{font-size: 14px; font-weight: 500; color: #00629A;}
.home-publications .home-library-archive .item .title a{text-decoration: none; font-weight: 800; font-size: 20px; color: #000;}
.home-publications .home-library-archive .item .status{font-size: 12px; color: #868686;}

.home-subscription{background-color: #0397D7; padding-top: 50px; padding-bottom: 50px; text-align: center; color: #FFF;}
.home-subscription h2{color: #FFF;font-weight: 800; font-size: 3rem; margin-bottom: 0px;}
.home-subscription p{font-size: 14px; letter-spacing: 2px; text-transform: uppercase;}
.home-subscription p a{font-weight: bold; text-decoration: none; color: #FFF;}
.home-subscription .wrapper{max-width: 700px;}
.home-subscription .form-joint{position: relative; height: 70px;}
.home-subscription .form-joint input{border-color: #FFF; border-radius: 50px; background-color: transparent; padding: 15px 30px; color: #FFF; font-size: 20px; position: absolute;}
.home-subscription .form-joint .form-control::placeholder{color: #FFF;}
.home-subscription .form-joint input:focus{background-color: transparent; color: #FFF; box-shadow: none; border-color: #FFF;}
.home-subscription .form-joint button{border-radius: 50px; background-color: #bdd703; color: #fff; letter-spacing: 2px; position: absolute; right: 0px; height: 62px; padding: 10px 30px;}

.home-featured-video{padding: 50px 0px;}
.home-featured-video h4{font-size: 24px; font-weight: bold; padding-bottom: 30px;}
.home-featured-video p{font-size: 20px;}

.home-magazine{background-color: #0397D7; padding: 70px 0px;}
.home-magazine h4{font-size: 28px; font-weight: bold; padding-bottom: 15px;}
.home-magazine .image{text-align: right;}
.home-magazine .details{display: flex; flex-direction: column; justify-content: space-between; padding-left: 20px;}
.home-magazine .details .description{color: white;}
.home-magazine .details a{text-decoration: none; font-weight: bold; color: white}
.home-magazine .details .cta-link a{padding: 7px 20px; border-radius: 30px; border: 1px solid white; font-weight: normal; font-size: 14px;}

.home-member{padding: 50px 0px;}
.home-member .title-area{margin-bottom: 30px;}
.home-member .title-area h2{font-weight: 800; font-size: 3rem; color: #162D67;}
.home-member .title-area a{color: #162D67; text-decoration: none;}
.home-member .member-list{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; height: auto;}
.home-member .member-list li{display: inline-block; padding-right: 10px;}
.home-member .member-list li img{width: 150px; padding: 5px;}
.home-member .slick-prev::before, .home-member .slick-next::before{color: #00629A;}
.title-area a, .title-wrapper a{border:1px solid #162D67; padding: 3px 15px; border-radius: 20px; font-size: 15px;}
.title-area a:after{display: inline-block;content: "";background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");background-repeat: no-repeat;background-size: 10px 10px; width: 10px; height: 10px; margin-left: 5px;}


.top-banner{min-height: 495px; background-size: cover; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; background-position: center;}
.top-banner .title{color: #FFF; text-align: center;}
.top-banner .title .small{font-size: 1.2rem;}
.top-banner .title .big{font-size: 3.5rem; font-weight: 800; line-height: 3.5rem;}

.banner-page{position: relative; margin-bottom: 30px;}
.banner-page .overlay{background: rgba(5, 5, 5, 0.4);background-blend-mode: multiply; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center}
.banner-page .overlay .title{color: #FFF; font-weight: bold; font-size: 3.5rem}
.banner-page .overlay .title .big{font-size: 3.5rem; font-weight: 800; line-height: 3.5rem;}
.banner-page .overlay .title .small{font-size: 1.2rem; text-align: center;}

.breadcrumb{padding-top: 10px;}
.breadcrumb .breadcrumb-item{color: #162D67;}
.breadcrumb .breadcrumb-item.active{font-weight: 600;}
.breadcrumb .breadcrumb-item a{text-decoration: none;color: #162D67;}

.about-wrapper{margin-top: 50px; margin-bottom: 50px;}
.about-wrapper .side-menu{padding-right: 15px; position: sticky; top: 120px; padding-bottom: 20px;}
.about-wrapper .side-menu .active-page{display: none;}
.about-wrapper .side-menu .title{font-weight: 800; padding-bottom: 40px;}
.about-wrapper .side-menu ul{padding: 0px; list-style: none;}
.about-wrapper .side-menu ul li{border-bottom: 1px solid #B8B8B8; padding-left: 10px;padding-top: 10px; padding-bottom: 10px;}
.about-wrapper .side-menu ul li a{color: #162D67; opacity: 0.5; text-decoration: none; }
.about-wrapper .side-menu ul li a.active{opacity: 1;}
.about-wrapper h1{margin-bottom: 60px;}
.about-wrapper h1 b{color: #0397D7;}
.about-wrapper .content{font-size: 18px; padding-bottom: 100px; position: relative; z-index: 1}
.about-wrapper .content p{max-width: 700px;}
.about-wrapper .content h2{margin-bottom: 20px;}
.about-wrapper .content h2 b{color: #0397D7;}
.about-wrapper .content img{padding-bottom: 20px;}
.about-wrapper .content ul.old-member{list-style: none; padding: 0px;}
.about-wrapper .content ul.old-member li{display: flex; margin-bottom: 5px;}
.about-wrapper .content ul.old-member li i{margin-right: 10px; background-color: #F8F7F7; padding: 5px; color: #B4B4B4;}
.about-wrapper .content ul.old-member li p{margin-bottom: 0px; padding: 5px; background-color: #F8F7F7; width: 100%;}
.about-wrapper .content ul.imagetext{list-style: none; padding: 0px; display: flex; flex-wrap: wrap;}
.about-wrapper .content ul.imagetext li{display: flex; width: 50%; margin-bottom: 15px;}
.about-wrapper .content ul.imagetext li > div{display: flex;}
.about-wrapper .content ul.imagetext li > div > div{padding-right: 15px;}
.about-wrapper .content ul.imagetext li > div > div h3{font-size: 20px; margin-bottom: 0px; font-weight: 600;}
.about-wrapper .content ul.imagetext li img{min-width: 65px; padding-top: 10px;}
.about-wrapper .content ul.list-calendar{list-style: none; padding: 0px;}
.about-wrapper .content ul.list-calendar li{ display: flex; border-radius: 50px; margin-bottom: 30px;}
.about-wrapper .content ul.list-calendar li .list-date{width: 32%; display: flex; align-items: center;background: linear-gradient(90deg, #E0EB96 0%, #B6D79D 34%, #B6D79D 38%); padding: 15px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; flex-direction: column;}
.about-wrapper .content ul.list-calendar li .list-content{width: 70%; background-color: #0397D7; margin-left: -45px;padding: 15px 15px 15px 40px; border-radius: 50px; color: #FFF;}
.about-wrapper .content ul.list-calendar li .list-content .title{font-weight: bold;}
.about-wrapper .content .accordion{margin-top: 30px;}
.about-wrapper .content .accordion .accordion-button{background-color: #0397D7;}
.about-wrapper .content .accordion .accordion-button:not(.collapsed){background-color: #0397D7;}
.about-wrapper .content .accordion .accordion-item{border: 0px; margin-bottom: 30px;}
.about-wrapper .content .accordion .accordion-item:first-of-type{border-radius: 0px;}
.about-wrapper .content .accordion .accordion-item:last-of-type{border-radius: 0px;}
.about-wrapper .content .accordion .accordion-item:first-of-type .accordion-button{border-radius: 0px;}
.about-wrapper .content .accordion .accordion-item:last-of-type .accordion-button{border-radius: 0px;}
.about-wrapper .content .accordion .accordion-item h2{position: relative;}
.about-wrapper .content .accordion .accordion-item .accordion-button{color: #FFF; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; flex-direction: column; align-items: flex-start;}
.about-wrapper .content .accordion .accordion-item .accordion-button:focus{box-shadow: none;}
.about-wrapper .content .accordion .accordion-item .accordion-button:after{position: absolute; right: 15px; filter:invert(1); top:50%; transform: translateY(-50%);}
.about-wrapper .content .accordion .accordion-item .accordion-button small{font-size: 15px; font-weight: normal; text-transform: capitalize;}
.about-wrapper .content .accordion .accordion-item .accordion-body table{width: 100%;}
.about-wrapper .content .accordion .accordion-item .accordion-body table > tbody{vertical-align: top;}
.about-wrapper .content .accordion .accordion-item .accordion-body table > tbody > tr > td{padding: 15px; line-height: 30px; font-weight: 700;}
.about-wrapper .content .accordion .accordion-item .accordion-body table > tbody > tr > td:first-child{color: #00629A; text-transform: uppercase; line-height: 25px;}
.about-wrapper .content .accordion .accordion-item .accordion-body table > tbody > tr > td:first-child p{font-weight: 400; font-size: 0.85rem; line-height: 1rem; padding-top: 5px;}
.about-wrapper .content .profile-list .item{margin-bottom: 30px;}
.about-wrapper .content .profile-list .item .item-wrapper{width: 100%; padding-top: 100%; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-color: #C1D8E1; background-size: 100%;}
.about-wrapper .content .profile-list .item .item-wrapper .description{position: absolute; top: 78%; left: 0px; width: 100%; height: 100%; transition: all 0.5s;}
.about-wrapper .content .profile-list .item .item-wrapper .description .text{display: none;}
/*.about-wrapper .content .profile-list .item:hover .item-wrapper .description{top: 0px;}*/
.about-wrapper .content .profile-list .item:nth-child(odd) .item-wrapper .description{background-color: #0397D7; color: #FFF;}
.about-wrapper .content .profile-list .item:nth-child(even) .item-wrapper .description{background-color: #0397D7; color: #FFF;}
.about-wrapper .content .profile-list .item .item-wrapper .description .name{letter-spacing: 1px; font-weight: 600; text-transform: uppercase; text-align: center; padding-top: 12px;}
.about-wrapper .content .profile-list .item .item-wrapper .description .title{font-size: 0.85rem; font-style: italic; text-align: center;}
.about-wrapper .content .profile-list .item .item-wrapper .description .text{font-size: 1rem; padding: 10px; line-height: 1.25rem;}

.about-wrapper .separator{border-bottom: 2px solid #000; width: 100%; margin-bottom: 50px;}
.about-wrapper .member-wrapper{padding-top: 100%; background-color: #FFFFFF; background-position: center center; background-size: 75%; background-repeat: no-repeat; border: 1px solid #00629A;position: relative; overflow: hidden;}
.about-wrapper .member-wrapper .description{display: none;}
.about-wrapper .member-name{text-align: center; padding-top: 5px; margin-bottom: 30px;}

.about-wrapper .list-location{padding-left: 30px;}
.about-wrapper .list-location .item{margin-bottom: 30px;}
.about-wrapper .list-location .item h3{color:#00629A; font-weight: 600; font-size: 24px; padding-bottom: 10px;}
.about-wrapper .list-location .item svg{color: #0397D7; width: 25px; opacity: 0.4}

.about-wrapper .list-audit{padding-left: 30px}
.about-wrapper .list-audit .item{margin-bottom: 30px;}
.about-wrapper .list-audit .item a{text-decoration: none;}
.about-wrapper .list-audit .item a .icon, .about-wrapper .list-audit .item .icon{display: flex; justify-content: flex-end; align-items: center;}
.about-wrapper .list-audit .item a .icon img, .about-wrapper .list-audit .item .icon img{padding-bottom: 0px;}
.about-wrapper .list-audit .item a .text, .about-wrapper .list-audit .item .text{font-size: 20px; background-color: #F6F5F5; border-radius: 8px; padding: 10px 15px; line-height: 28px; color: #000}
.about-wrapper .list-audit .item a .text .year, .about-wrapper .list-audit .item .text .year{font-weight: bold;}
.about-wrapper .list-audit .item.locked .text{position: relative;}
.about-wrapper .list-audit .item.locked a .text, .about-wrapper .list-audit .item.locked .text{color: #999}
.about-wrapper .list-audit .item.locked .text:after{position: absolute; right: -10px; top:-10px; content: url('../images/ico-locked.svg')}

.about-wrapper .list-magazine{margin-top: 80px}
.about-wrapper .list-magazine h2{font-weight: bold;}
.about-wrapper .list-magazine .item .wrapper{padding: 0px 20px; margin-bottom: 50px;}
.about-wrapper .list-magazine .item img{padding-bottom: 10px;}
.about-wrapper .list-magazine .item .title{color: #000; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.about-wrapper .list-magazine .item small{font-size: 14px;}
.about-wrapper .list-magazine .item .links{display: flex; align-content: space-between;}
.about-wrapper .list-magazine .item .links a{border: 1px solid #162D67; flex: 0 0 50%; text-align: center; color: #162D67;  text-decoration: none; font-weight: 600; padding-top:5px; padding-bottom: 5px; transition: all 0.2s; font-size: 16px;}
.about-wrapper .list-magazine .item .links a:hover{background-color: #162D67; color: #FFF}
.about-wrapper .list-magazine .item .links a:nth-child(1){border-right: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.about-wrapper .list-magazine .item .links a:nth-child(2){border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.about-wrapper .list-magazine .item .links a.one-btn:nth-child(1){flex: 0 0 100%; border-radius: 20px; border: 1px solid #162D67;}
.about-wrapper .list-magazine .latest .details{display: flex; flex-direction: column; justify-content: flex-start}
.about-wrapper .list-magazine .latest .details .links{margin-top: auto; margin-bottom: 15px;}



.section h5{font-size: 16px;}
.section h3{font-size: 26px; font-weight: bold; padding-bottom: 15px;}
.section p{font-size: 18px;}
.section .link{margin-top: 20px;}

.press-archive{padding-bottom: 40px;}
.press-archive .press-item{margin-bottom: 5px; padding: 15px; transition:all 0.2s }
.press-archive .press-item a{text-decoration: none; color: #000}
.press-archive .press-item a .title{font-weight: 600}
.press-archive .press-item a .link{text-align: right;}
.press-archive .press-item a .link i{font-size: 14px;}
.press-archive .press-item:nth-child(odd){background-color: #F6F5F5}
.press-archive .press-item:nth-child(even){background: rgba(3, 151, 215, 0.1);}
.press-archive .press-item:hover{background-color: #0397D7; }
.press-archive .press-item:hover a{color: #FFF}

.press-archive .press-item.locked{position: relative; }
.press-archive .press-item.locked a{filter: invert(50%);}
.press-archive .press-item.locked a .link{display: none}
.press-archive .press-item.locked:hover{background-color: inherit; cursor: not-allowed;}
.press-archive .press-item.locked:after{position: absolute; top:0px; left:0px; height: 100%; width: 100%; content:"MEMBER ONLY"; background-color: rgba(0, 0, 0, 0.1); text-align: right; padding: 15px 20px; font-weight: bold;}

.filtered-archive{background: rgba(6, 152, 236, 0.05); padding-top: 40px; padding-bottom: 40px;}
.filtered-archive .filtered-archive-header{padding-left: 15px;}
.filtered-archive .filtered-archive-header .sidebar-title{font-weight: bold; margin-bottom: 15px; color: #162D67}
.filtered-archive .filtered-archive-header .form-check-label{color: #162D67}
.filtered-archive .filtered-archive-header .form-check input{margin-right: 15px;}
.filtered-archive .upcoming-event{}
.filtered-archive .upcoming-event p{font-size: 18px; padding-top: 15px;}
.filtered-archive .upcoming-event h1{font-size: 2rem; margin-bottom: 20px; font-weight: bold;}
.filtered-archive .upcoming-event .category{margin-top: 15px; font-size: 18px;}
.filtered-archive .upcoming-event .calendar{font-size: 1rem; color: #868686; margin-bottom: 15px;}
.filtered-archive .upcoming-event h2{font-weight: bold;}
.filtered-archive .upcoming-event .excerpt{font-size: 18px;}
.filtered-archive .upcoming-event .link{margin-top: 15px;}
.filtered-archive .upcoming-event .link a{color: #CA0000; font-size: 18px; font-weight: bold; text-decoration: none;}
.filtered-archive .upcoming-event .link a i{padding-left: 15px;}
.filtered-archive .upcoming-event .content table{width: 100% !important;}
.filtered-archive .upcoming-event .content table img{max-width: 200px; padding-right: 10px;}
.filtered-archive .past-event{padding-top: 0px;}
.filtered-archive .past-event .item{background-color: #FAFAFA; margin-bottom: 30px;}
.filtered-archive .past-event a{text-decoration: none}
.filtered-archive .past-event a .item{text-decoration: none; color: #000000}
.filtered-archive .past-event a .category{margin-top: 10px; font-size: 16px; padding: 0px 15px;}
.filtered-archive .past-event a .calendar{font-size: 14px; color: #868686; margin-bottom: 10px; padding: 0px 15px;}
.filtered-archive .past-event a h2{font-weight: bold; font-size: 1.25rem; padding: 0px 15px;}
.filtered-archive .past-event h3{padding-bottom: 30px; font-weight: bold; color: #162D67}
.filtered-archive .past-event a .link{margin-top: 15px; padding: 0px 15px 20px;}
.filtered-archive .past-event a .link{color: #CA0000; font-size: 16px; text-decoration: none;}
.filtered-archive .past-event a .link i{padding-left: 15px;}
.filtered-archive .past-event .locked{position: relative;}
.filtered-archive .past-event .locked .item .calendar, .filtered-archive .past-event .locked .item h2, .filtered-archive .past-event .locked .item .link{opacity: 0.5}
.filtered-archive .past-event .locked .item .category{position: relative;}
.filtered-archive .past-event .locked .item .category:after{position: absolute; content: url('../images/ico-locked.svg'); right:10px; top:0px;}

.filtered-archive .library-archive{}
.filtered-archive .library-archive .item{margin-bottom: 30px; position: relative; padding: 0px 10px 10px 0px}
.filtered-archive .library-archive .item a{text-decoration: none; color: #000}
.filtered-archive .library-archive .item .type{color: #00629A; padding-bottom: 10px; font-size: 1.2rem; font-weight: bold;}
.filtered-archive .library-archive .item .category{padding-bottom: 10px;}
.filtered-archive .library-archive .item .thumbnail{padding-left: 15px;}
.filtered-archive .library-archive .item .title{font-weight: 600; padding-bottom: 10px; font-size: 1.2rem; line-height: 1.5rem;}
.filtered-archive .library-archive .item .date{font-size: 13px; color: #868686}
.filtered-archive .library-archive .item.locked:before{position: absolute; top:0px; left:-10px; width: 100%; height: 100%;background-color: rgba(4,4,4,0.1); content: ""; border-radius: 10px;}
.filtered-archive .library-archive .item.locked:after{position: absolute; top:8px; right:16px; content: url(../images/ico-locked.svg); }

.filtered-archive .library-archive .item.locked a{color:#777}
.filtered-archive .library-archive .item.locked a .type{color:#777;}
.filtered-archive .library-archive .item .container{padding-left: 0px;}
.filtered-archive .library-archive .item .links{padding-top: 10px;}
.filtered-archive .library-archive .item .links a{background-color: #0397D7; color: #FFF; padding: 5px 15px; margin-right: 5px; border-radius: 25px;}

.regulation-archive{padding-top: 40px; padding-bottom: 40px;}
.regulation-archive .title-area{margin-bottom: 30px; padding: 0px;}
.regulation-archive .title-area h2{font-weight: bold;}
.regulation-archive .content-wrapper .item-wrapper{height: 190px; display: flex; flex-direction: column; justify-content: space-around; padding-right: 30px;}
.regulation-archive .content-wrapper .item-wrapper .category{color: #00629A}
.regulation-archive .content-wrapper .item-wrapper .title a{font-size: 18px; font-weight: 600; text-decoration: none; color: #000}
.regulation-archive .content-wrapper .item-wrapper .status{font-size: 14px; color: #868686}
.regulation-archive .link-area{text-align: right; padding-top: 40px;}
.regulation-archive .link-area a{text-decoration: none; color: #162D67; border: 1px solid #162D67; padding: 8px 20px; border-radius: 20px; transition: all 0.2s}
.regulation-archive .link-area a:hover{background-color: #162D67; color: #FFF}
.regulation-archive .link-area a:after{display: inline-block;content: "";background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>");background-repeat: no-repeat;background-size: 10px 10px; width: 10px; height: 10px; margin-left: 5px;}

.contact-form .cta{text-align: right; display: flex; align-items: center; justify-content: flex-end}
.contact-form .cta button{background-color: #0397D7; border-radius: 25px; color: #FFFFFF; text-align: center; font-weight: bold; border: 0px; width: 100%; max-width: 300px; padding: 15px;}

.form-beautify{}
.form-beautify label{font-size: 14px; padding-left: 20px;}
.form-beautify .form-group{margin-bottom: 20px;}
.form-beautify .form-control{padding: 15px; background-color: #F0F9FF; border-radius: 40px; border:0px;}

.footer{background-color: #0397D7; color: #FFFFFF; padding: 40px 40px 20px;}
.footer a{color: #FFFFFF;}
.footer .social-media{display: flex; flex-direction: column; justify-content: space-between}
.footer .social-media h5{font-size: 14px; font-weight: 300; letter-spacing: 1px;}
.footer .social-media ul{list-style: none; padding: 0px; margin-top: 10px;}
.footer .social-media ul li{display: inline; font-size: 1.5rem; padding-right:20px;}
.footer .social-media ul li a{padding-right: 10px;}
.footer .links > div{justify-content: center;}
.footer .links h5{font-weight: 600;}
.footer .links ul, .footer .links p{list-style: none; padding: 0px; padding-top: 10px;}
.footer .links ul li, .footer .links p{font-weight: 300; letter-spacing: 1px; padding-bottom: 5px;}
.footer .links ul li a{text-decoration: none;}
.footer .policy{margin-top: 30px;}
.footer .policy ul{list-style: none; padding: 0px; margin-bottom: 0px;}
.footer .policy ul li{display: inline; padding-right: 40px; font-size: 12px; font-weight: 300; letter-spacing: 1;}
.footer .policy ul li a{text-decoration: none;}

/*TIMELINE*/
ul.timeline-list {position: relative;margin: 0;padding: 0}
ul.timeline-list:before {position: absolute;content: "";width: 2px;height: 100%;background-color: #000000;left: 50%;top: 1%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
ul.timeline-list li {position: relative;clear: both;display: table; width: 100%;}
.timeline_content {background-color:#E9E9E9}
ul.timeline-list li .timeline_content {width: 45%;color: #333;float: left;text-align: right; padding: 30px; border-radius: 10px;}
ul.timeline-list li:nth-child(2n) .timeline_content {float: right;text-align: left;}
.timeline_content h4 {font-size: 22px;font-weight: 600;margin: 10px 0;}
ul.timeline-list li:before {position: absolute;content: "";width: 25px;height: 25px;background-color: #E9E9E9;border: 2px solid #000;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius: 50%;}
ul.timeline-list li:after{position: absolute;content: "";width: 30px;height: 1px; border: 1px solid #000;left: calc(50% - 25px); top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
ul.timeline-list li:nth-child(2n):after{position: absolute;content: "";width: 30px;height: 1px; border: 1px solid #000;left: calc(50% + 25px); top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.timeline_content span {font-size: 22px;font-weight: 600;}

.modal{z-index: 99999}
.modal .modal-dialog{border-radius: 0px; max-width: 800px;}
.modal .modal-dialog .modal-header{border-bottom: 0px; padding: 0px;}
.modal .modal-dialog .modal-header .close-txt{font-size: 20px; padding: 10px 15px 10px 15px; background-color: #0397D7; color: #FFF;}
.modal .modal-dialog .modal-header .close-btn{padding: 16px 15px 10px 5px; background-color: #0397D7;;}
.modal .modal-dialog .modal-content{border-radius: 0px;}
.modal .modal-border .row{padding-left: 12px; padding-right: 12px;}
.modal .modal-border .bottom-left{background-color: #0397D7;}
.modal .modal-border .bottom-right{background-color: #0397D7;}

#modalMember .modal-body{padding: 50px;}
#modalMember .modal-body img{max-width: 150px;}

#modalDirector .modal-body{padding-top: 40px; padding-bottom: 40px;}
#modalDirector .modal-body #imgDirector img{max-width: 100%; height: auto}
#modalDirector .modal-body .name{font-size: 2rem; padding-bottom: 20px;}

.auth .left-side{background-image: url(../images/bg-register.jpg);}
.auth .right-side{background-color: #EDEBEB}
.auth .right-side .login-card{background-color: #EDEBEB}
.auth .right-side .login-card .login-form{background-color: #EDEBEB}
.auth .right-side .login-card .login-form h1{font-size: 2rem; margin-bottom: 20px;text-align: center}
.auth .right-side .login-card .login-form h2{font-size: 1.5rem; margin-bottom: 20px; text-align: center;}
.auth .right-side .login-card .login-form h1 b{color: #00629A; ;}
.auth .right-side .login-card .login-form input{border-radius: 20px;}
.auth .right-side .login-card .login-form button{background-color: #0397D7; width: 100%; padding: 15px; text-align: center; border-radius: 30px; border:0px; font-weight: bold; color: #FFF}

.custom-file-upload{text-align: center;}
.custom-file-upload img{max-width: 300px;}
.custom-file-upload label{padding-left: 0px;}
.custom-file-upload label:hover{cursor: pointer;}
.custom-file-upload input{display: none}
.custom-file-upload .btn-cta{border:0px; background-color: #0397D7; color: #FFF; margin-top: 30px; padding: 20px; min-width: 300px; margin-bottom: 10px; border-radius:35px;}
.custom-file-upload #filename{font-size: 14px;}

.gallery-archive{margin-top: 40px; margin-bottom: 50px;}
.gallery-archive .item{width:100%; padding-top: 100%; display: block; position: relative; background-size: 200%; border-radius: 5px; overflow: hidden; background-position: center center; transition: all 0.5s }
.gallery-archive .item:hover{background-size: 210%}
.gallery-archive .item .overlay{position: absolute; bottom: 0px; height: auto; background-color: rgba(0,0,0,0.8); color: #FFF; width: 100%; padding: 5px 10px;}
.gallery-archive .item .overlay .date{font-size: 0.8rem}
.gallery-archive .item .overlay .title{font-size: 1.2rem; font-weight: 600}

.gallery-detail .title-gallery p{text-align: left; font-size: 18px;}
.hr-color{background-color: #0397d6 !important; border: none;}

.regulation-table{margin-bottom: 100px;}
.regulation-table .title{font-weight: bold; font-size: 1.25rem; margin-bottom: 20px;}
.regulation-table .item{padding-bottom: 15px; border-bottom: 1px solid #CCC; padding-top:15px;}
.regulation-table .item:nth-child(odd){background-color: #EEFFFF;}
.regulation-table .item .reg-number{font-weight: 500;}
.regulation-table .item .data.cta{display: flex; justify-content: space-between; width: 100%;}
.regulation-table .item .data.cta a{text-align: center; width: 100%; background-color: rgb(3, 151, 215); color: #FFF; text-decoration: none; border-radius: 20px; margin: 0px 3px; padding: 5px 0px; font-size: 14px;}

.perbanas-institute.banner-page{height: 450px; background-image: url('../images/banner-perbanas-institute.jpg'); background-position: center right; background-size: contain; background-repeat: no-repeat; background-color: rgb(167,167,167);}
.perbanas-institute.banner-page .caption{background-image: url('../images/bg-vector-perbanas.svg'); height: 100%; background-size: cover; background-repeat: no-repeat; max-width: 50%; background-position: right; display: flex; align-items: center;}
.perbanas-institute.banner-page .text{width: 60%; color:white; margin-left: 10%; }
.perbanas-institute.banner-page .text h1{font-weight: 700;}
.perbanas-institute.banner-page .text .content{font-size: 1.5rem; }

.perbanas-institute{font-size: 18px;}
.perbanas-institute .title{font-size: 2.5rem; padding-bottom: 15px;}
.perbanas-institute .title span{color: #0397D7; font-weight: bold;}
.perbanas-institute h2{font-size: 24px; font-weight: bold;}
.perbanas-institute .majors{background-image: url('../images/bg-institute-majors.jpg'); background-size: cover; height: 344px;}
.perbanas-institute .majors > .row{height: 100%;}
.perbanas-institute .majors .item{display: flex; align-items: center; position: relative;}
.perbanas-institute .majors .item:after{border-right: 1px solid white; content: ""; height: 200px; width: 1px; position: absolute; right: 0px; top:50%; transform: translateY(-50%);}
.perbanas-institute .majors .item h3{text-align: center; width: 100%; font-size: 20px; color: #FFF;}

.perbanas-institute .document-archive .item{margin-bottom: 0px;  min-height: 475px;;}
.perbanas-institute .document-archive .item .left{background-color: #FFF; border-top-left-radius: 30px; border-top-right-radius: 30px;}
.perbanas-institute .document-archive .item .images{border-radius: 30px; overflow: hidden;}
.perbanas-institute .document-archive .item .images img{width: 100%;}
.perbanas-institute .document-archive .item .details{display: flex; align-items: center; padding-left: 15px;padding-right: 15px;} 
.perbanas-institute .document-archive .item .details > div{width: 100%;}
.perbanas-institute .document-archive .item .details .category{font-size: 18px; color: #0397D7;}
.perbanas-institute .document-archive .item .details .title{font-size: 22px; font-weight: 600; padding-bottom: 0px; width: 100%; margin-top: 15px; color: #0397D7;}
.perbanas-institute .document-archive .item .details .notes{font-size: 14px;height: 42px;}
.perbanas-institute .document-archive .item .details .date{font-size: 14px; color: #868686; padding-bottom: 20px; padding-top: 5px;}
.perbanas-institute .document-archive .item .cta{display: flex; justify-content: right; position: relative; background-color: #FFF;}
.perbanas-institute .document-archive .item .cta a{text-decoration: none; color: #162D67; font-size: 14px; font-weight: 600; padding-top:5px; padding-bottom:5px; width: 35%; text-align: center;}
.perbanas-institute .document-archive .item .cta a:hover{cursor: pointer;}
.perbanas-institute .document-archive .item .cta a img{fill: blue;}
.perbanas-institute .document-archive .item .cta a:nth-child(2){background-color: #0397D7; color: #FFF; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 5px; }

.link-area{text-align: center; padding-top: 40px; padding-bottom: 100px;}
.link-area p{font-size: 22px;}
.link-area .cta-area a{font-size: 22px; font-weight: 600; padding: 15px 60px; border-radius: 30px; background-color:#0397D7; color: #FFFFFF; text-decoration: none; display: inline-block;}

ul,
#myUL {
    list-style-type: none;
}
#myUL {
    margin: 0;
    padding: 0;
}
#myUL li{padding-bottom: 10px;}
#myUL ul.nested{padding-top: 5px;}
#myUL .caret{padding-bottom: 10px;}
#myUL li.link:hover{cursor:pointer}
.caret {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.caret::before {
    content: "\25B6";
    color: black;
    display: inline-block;
    margin-right: 6px;
    font-size: 10px;
}
.caret-down::before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.nested {
    display: none;
}
.active {
    display: block;
}
.column {
    float: left;
    width: 33.33%;
    padding: 5px;
  }

  /* Clearfix (clear floats) */
  .row::after {
    content: "";
    clear: both;
    display: table;
  }

  .title-gallery{
    text-align: center;
  }

  .menu-regulasi{cursor: pointer;}
@media (min-width: 1200px){
	.container-home {max-width: 996px;}
}
@media (max-width: 540px){
	#home-member .slick-prev{left:-12px;}
	#home-member .slick-next{right:-12px;}
	/*.container{padding-left: 15px; padding-right: 15px;}*/
	.breadcrumb{font-size: 12px;}
	.breadcrumb .breadcrumb-item.active{padding-left: 5px}
	.breadcrumb .breadcrumb-item.active:before{content:""}
	.breadcrumb .breadcrumb-item:nth-last-child(-2n+2):after{content:" /"; padding-left: 5px;}
	.container-home {max-width: 95%;}
	.push-top{margin-top: 57px;}
	.title-wrapper .links{font-size: 14px;}
	.title-wrapper .links a{text-decoration: none;}
	.title-area a{font-size: 14px;}
	.text-with-image{display: block;}
	.text-with-image img{max-width: 120px;}

	ul.navbar-nav{background-color: rgba(3, 151, 215, 0.05);}

	.main-navbar .navbar .navbar-nav{width: 100%;}
	.main-navbar .navbar.fixed-top{z-index: 99999}
	.main-navbar .navbar .dropdown-menu{border: 0px; border-left: 1px solid #0397D7; margin-left: 1rem; margin-top: 0px;}
	.main-navbar .top-navbar .search-bar{width: 56vw;}
	.main-navbar .top-navbar .login-bar{width: 22vw; padding-right: 5px; overflow-x: hidden }
	.main-navbar .top-navbar .language-bar{width: 22vw;}
	.main-navbar .top-navbar .language-bar .dropdown-menu{margin-left: 0px; border-left: 0px;}
	.main-navbar .top-navbar .language-bar .dropdown-toggle{position: relative;}
	.main-navbar .top-navbar .language-bar .dropdown-toggle::after{right: -2px; top:64%; position: absolute;}
	.main-navbar .navbar-toggler{border: 0px; margin-right: 18px;}
	.main-navbar .navbar-toggler.collapsed{margin-left: 0px; margin-right: 10px;}
	.main-navbar .navbar-toggler .navbar-toggler-icon{background-image: url("data:image/svg+xml,<svg viewBox='0 0 14 14' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z' clip-rule='evenodd'/></svg>"); width: 20px;}
	.main-navbar .navbar-toggler.collapsed .navbar-toggler-icon{background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z' clip-rule='evenodd'/></svg>"); width: 30px;}
	.main-navbar .navbar-toggler:focus{box-shadow: none;}
	.main-navbar .navbar img{max-width: 150px; padding-left: 15px;}
	.main-navbar .navbar .navbar-collapse{box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.13);}
	.main-navbar .navbar .nav-item .nav-link{padding-left: 1rem; padding: 15px 20px; font-size: 20px;}

	.home-banner{padding-right: 0rem; padding-left: 0rem;}
	.home-banner .row{flex-direction: column-reverse;}
	.home-banner .banner-wrapper{margin-top: 0px; z-index: 3; padding-left: 12px; padding-right: 12px; background-color: transparent !important;}
	.home-banner .banner-caption{ color: #FFFFFF; box-shadow: 0px 2px 8px -5px #333; padding-bottom: 15px; padding-left: 15px; padding-right: 15px;}
	.home-banner .banner-caption .caption-detail{text-align: center;}
	.home-banner .banner-caption .caption-detail .title h3{font-size: 1.25rem; line-height: 1.5rem; padding-bottom: 0px; padding-top: 15px; margin-bottom: 5px;}
	.home-banner .banner-caption .caption-detail .excerpt{font-size: 1.1rem;}
	.home-banner .carousel-indicators{margin-bottom: 0rem; display: none;}
	.home-banner .carousel-control-next, .carousel-control-prev{display: block;}
	.home-banner .banner-wrapper h2, .home-banner .banner-wrapper .excerpt{text-align: center;}

	.home-events-archive{margin-top: 3rem;}
	.home-events-archive .title-wrapper{margin-bottom: 15px;}
	.home-events-archive .title-wrapper h2{font-size: 1.5rem;}
	.home-events-archive .title-wrapper .links a{font-size: 14px;}
	.home-events-archive .title-wrapper .links a i{font-size: 12px; padding-left: 2px;}
	.home-events-archive .archive-wrapper .archive-items .details .status span{font-size: 10px;}

	.home-events-archive .archive-wrapper .archive-items{margin-bottom: 15px;}
	.home-events-archive .archive-wrapper > div{padding-right: 30px; padding-left: 30px;}
	.home-events-archive .archive-wrapper .archive-items .details{padding: 0px;}
	.home-events-archive .archive-wrapper .archive-items .details .meta{padding-top: 5px; margin-bottom: 5px;}
	.home-events-archive .archive-wrapper .archive-items .details a .archive-links{display: none;}
	.home-events-archive .archive-wrapper .archive-items .details .archive-title{padding-bottom: 0px;}
	.home-events-archive .archive-wrapper .archive-items .details a .archive-title h3{font-size: 22px;}

	.home-title{height: 50%; background-size: cover; background-position-x: 80%;}
	.home-title h1{font-size: 2rem; line-height: 2.4rem; padding-left: 10px; padding-top: 5px; }
	.home-title h1 span{color: #162D67}
	.home-title p{font-size: 1.1rem; line-height:1.9rem; max-width: 70%; padding-left: 10px; text-shadow: 1px 1px #FAFAFA;}
	.home-title .h-100{height: auto !important;}
	.home-title .container-home {max-width: 100%;}
	.home-title .container-home .home-title-text{background-color: rgba(255, 255, 255, 0.5); margin-top: 10px; padding-bottom: 10px;}
	.home-title a{color: #162D67; font-weight: bold; padding-left: 10px; padding-bottom: 5px; text-decoration: none}

	.home-publications{padding-top: 20px; padding-bottom: 20px;}
	.home-publications .home-about{padding-left: 20px; padding-right: 20px;}
	.home-publications .home-about p{text-align: left;}
	.home-publications h2{font-size: 1.75rem;}
	.home-publications .title-area{padding-top: 0px;}
	.home-publications .home-news-archive .item .item-wrapper a > div{display: flex;}
	.home-publications .home-news-archive .item .item-wrapper a > div .image{width: 30%; padding-top: 5px;}
	.home-publications .home-news-archive .item .item-wrapper a > div .title{width: 70%; padding-left: 10px;}
	.home-publications .home-press-archive .item .item-wrapper a .date{padding-bottom: 5px;}
	.home-publications .home-press-archive .item .item-wrapper{position: relative; padding-bottom: 20px;}
	.home-publications .home-press-archive .item .item-wrapper:after{height: 1px; content: ""; border-bottom: 1px solid #DDD; width: 90%; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
	.home-publications .home-press-archive .item:last-child .item-wrapper:after{border: 0px;}
	.home-publications .home-press-archive .item .item-wrapper a .link{font-size: 16px;}
	.home-publications .home-news-archive .item .item-wrapper a .title{font-size: 17px; padding-bottom: 5px; line-height: 22px; height: auto;}
	.home-publications .home-news-archive .item .item-wrapper a .link{margin-bottom: 0px; display: none;}
	.home-publications .home-library-archive .item .item-wrapper{margin-bottom: 15px; height: auto;}
	.home-publications .home-library-archive .item .category{padding-bottom: 5px;}
	.home-publications .home-library-archive .item .status{padding-top: 5px;}

	.home-subscription{padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
	.home-subscription h2{font-size: 1.75rem;}
	.home-subscription p{font-size: 12px;}
	.home-subscription .form-joint input{font-size: 16px;}
	.home-subscription .form-joint button{font-size: 12px; height: 56px;}

	.home-featured-video h4{padding-bottom: 0px;}

	.home-magazine{padding: 30px 0px;}
	.home-magazine .image{text-align: center;}
	.home-magazine .cta-link{text-align: center; margin-top: 15px;}
	.home-magazine .cta-link a{display: block;}
	.home-magazine .details{margin-bottom: 30px; padding-left: 5px;}
	.home-magazine .details .link{font-size: 12px; padding-top: 10px; padding-bottom: 15px;}

	.home-member{padding: 30px 0px;}
	.home-member .title-area h2{font-size: 1.75rem;}
	.home-member .member-list{text-align: center; justify-content: center}
	.home-member .member-list li{padding-right: 0px;}
	.home-member .member-list li img{width: 90px; padding: 0px;}

	.banner-page img{height: 300px; object-fit: cover;}
	.banner-page .overlay .title{font-size: 2rem; text-align: center;}
	.banner-page .overlay .title .big{font-size: 2rem;}
	.banner-page .overlay .title .small{font-size: 1rem;}

	.about-wrapper{margin-top: 0px;}
	.about-wrapper h1{margin-bottom: 30px;}
	.about-wrapper .content #experience{position: relative; z-index: -1}
	.about-wrapper .content ul.list-calendar li .list-date{width: 35%; font-size: 12px; justify-content: center; align-items: flex-start; word-spacing: 100px; padding-left: 30px;}
	.about-wrapper .content ul.list-calendar li .list-content{font-size: 14px; width: 90%;}
	.about-wrapper ul.timeline-list::before {left: 0px;}
	.about-wrapper ul.timeline-list li::before {left: 0px;}
	.about-wrapper ul.timeline-list li .timeline_content{float: right; width: 95%; text-align: left; margin-bottom: 20px;}
	.about-wrapper ul.timeline-list li .timeline_content p{font-size: 1rem;}
	.about-wrapper ul.timeline-list li:after{display: none;}
	.about-wrapper ul.timeline-list li:nth-child(2n):after{display: none}

	.about-wrapper .timeline_content h4{font-size: 18px;}
	.about-wrapper .member-wrapper{padding-top: 60%;}
	.about-wrapper .content ul.imagetext li{width: 100%;}
	.about-wrapper .menu-area{z-index: 9999}
	.about-wrapper .side-menu{padding-right: 0px;}
	.about-wrapper .side-menu .title{margin-right: calc(-.5 * 1.5rem); margin-left: calc(-.5 * 1.5rem); padding:10px 15px;background: rgb(227, 245, 254); position: sticky; top:57px;}
	.about-wrapper .side-menu .title:after{content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>'); position: absolute; right: 8px; top:14px;}
	.about-wrapper .member-wrapper .overlay .description{font-size: 14px;}
	.about-wrapper .content .profile-list .item .item-wrapper .description{top: 82%}
	.about-wrapper .side-menu ul{display: none}
	.about-wrapper .side-menu .title.stickTop{position: fixed; width: 100%; top:57px; z-index: 999}
	.about-wrapper .side-menu ul.stickTop{position: fixed;top:101px; width: calc(100% - 24px); background-color: #FFF; z-index: 999}

	.about-wrapper .content .profile-list .item{margin-bottom: 15px;}
	.about-wrapper .content .profile-list .item .item-wrapper{width: 100%; padding-top: 50%; background-position-x: 0%; background-position-y: 20px; background-size: 52%}
	.about-wrapper .content .profile-list .item .item-wrapper .description{top: 0%; left: auto; right: 0px; width: 50%; height: 100%; display: flex; flex-direction: column; justify-content: center}

	.about-wrapper .list-magazine .item{padding-top: 10px; padding-bottom: 10px;}
	.about-wrapper .list-magazine .item:nth-child(even){border-bottom: 1px solid #F6F5F5}
	.about-wrapper .list-magazine .item .details{display: flex; justify-content: center; flex-direction: column}
	.about-wrapper .list-magazine .item .title{font-size: 16px; margin-bottom: 5px;}
	.about-wrapper .list-magazine .item .links{width: 100%; }
	.about-wrapper .list-magazine .latest .details .links{margin-top: 10px;}
	.about-wrapper .list-magazine .item .links a{font-size: 14px;}
	.about-wrapper .list-magazine .latest .image{padding-left: 0px;}
	.about-wrapper .list-magazine .latest .details{padding-right: 0px;}
	.about-wrapper .list-magazine .latest .details .excerpt{font-size: 14px;}

	.about-wrapper .list-magazine{margin-top: 40px}
	.about-wrapper .list-magazine h2:first-child{margin-left: -15px;}
	.about-wrapper .list-audit{padding-left: 0px;}
	.about-wrapper .list-magazine .item .wrapper{padding: 0px; margin-bottom: 0px;}
	.about-wrapper .list-audit .item{padding-right: 30px; margin-bottom: 15px;}

	.about-wrapper .member-list li img{width: 90px; max-width: 130px;}
	.about-wrapper .member-list .separator{margin-bottom: 30px;}
	.about-wrapper .member-list .item{display: flex; height:50px;}
	.about-wrapper .member-list .item{border-bottom: 1px solid #F6F5F5}
	.about-wrapper .member-list .item:last-child{border:0px;}
	.about-wrapper .member-list .item .member-wrapper{padding-top: 0%; flex: 0 0 30%; border:0px;}
	.about-wrapper .member-list .item .member-name{margin-bottom: 0px; text-align: left; padding-top: 0px; display: flex; align-items: center; line-height: 20px; font-size: 14px;}

	.about-wrapper .list-location{padding-left: 15px;padding-right: 15px;}

	.about-wrapper .content .accordion .accordion-item .accordion-header{margin-bottom: 0px;}
	.about-wrapper .content .accordion .accordion-item .accordion-body{padding:0px;}
	.about-wrapper .content .accordion .accordion-item .accordion-body table > tbody > tr > td{font-size: 14px; line-height: 20px;}

	.article-content .text{padding-left: 10px; padding-right: 10px;}
	.article-content .text p{font-size: 17px;}
	.article-content .text ul{list-style-type: disc;}
	.article-content .date{font-size: 12px;}
	.article-content .action-button{display: block;}
	.article-content .action-button .title{margin-bottom: 10px;}
	.article-content .action-button .share-btn li a{font-size: 12px;}
	.article-content .regulation-detail{}
	.article-content .regulation-detail .wrapper{margin: 0px; padding: 15px 0px;}
	.article-content .regulation-detail .wrapper > div:first-child{font-weight: bold;}
	.article-content .regulation-detail .wrapper div{padding: 0px 15px; }
	.article-content .regulation-detail .wrapper .left-column{border-right:0px}

	.sidebar-right .sidebar-list .item{padding-bottom: 0px; padding-left: 15px; padding-right: 15px;}
	.sidebar-right .sidebar-list .item .title{padding-bottom: 0px;}

	.header-archive img{padding-top: 30px;}
	.header-archive .header-text{padding-top: 15px;}
	.header-archive .header-text .link{display: none;}
	.header-archive .hero-text h1{font-size: 2.5rem; line-height: 2.5rem}

	.header-news .header-text .title{padding-bottom: 0px; margin-bottom: 0px;}

	.news-archive .item-wrapper > a > div{display: flex; flex-wrap: wrap;}
	.news-archive .item-wrapper > a > div .image{flex: 0 0 30%}
	.news-archive .item-wrapper > a > div .details{flex: 0 0 70%; padding-left: 10px; display:flex; flex-direction: column-reverse; justify-content: flex-end;}
	.news-archive .item-wrapper > a > div .details .date{padding-bottom: 3px;}
	.news-archive .item-wrapper > a > div .image img{object-fit: cover; object-position: center; width: 100px; height: 100px;}
	.news-archive .item .item-wrapper{padding: 0rem}
	.news-archive .item .item-wrapper a .title{font-size: 16px; line-height: 21px;}
	.news-archive .item .item-wrapper a .date{font-size: 14px;}
	.news-archive .item .item-wrapper a .date img{width: 22px;}
	.news-archive .item .item-wrapper a .link{display: none;}

	.section.submission > div{flex-direction: column-reverse;}
	.section .link{text-align: right;}
	.section.submission img.img-fluid{padding-bottom: 20px;}

	#option-topic{background-color: #FFF; padding: 3px 15px; position: relative;}
	#option-topic:hover{cursor: pointer;}
	#option-topic:after{border: 0px; content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-funnel" viewBox="0 0 16 16"><path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/></svg>'); position: absolute; right: 8px; top:6px;}

	.filtered-archive{padding-top: 15px;}
	.filtered-archive .filtered-archive-header{padding-left: 0px;}
	.filtered-archive .option-wrapper.close{display: none;}
	.filtered-archive .upcoming-event{padding-top: 15px;}
	.filtered-archive .upcoming-event .calendar{font-size: 14px;}
	.filtered-archive .upcoming-event .link a{font-size: 14px;}
	.filtered-archive .past-event{padding-top: 50px;}
	.filtered-archive .past-event > .container{padding: 0px;}
	.filtered-archive .past-event .item{display: flex;}
	.filtered-archive .past-event .item .image{flex: 0 0 40%}
	.filtered-archive .past-event a .category{margin-top: 0px;}
	.filtered-archive .past-event a .calendar{font-size: 11px;}
	.filtered-archive .past-event a h2{font-size: 16px;}
	.filtered-archive .past-event a .link{display: none}
	.filtered-archive .past-event .locked .item .category::after{transform: scale(0.8)}
	.filtered-archive .library-archive{margin-top: 30px;}
	.filtered-archive .library-archive .item{margin-bottom: 20px;}
	.filtered-archive .library-archive .item.locked{margin-left: 10px;}
	.filtered-archive .upcoming-event .content table img{max-width: 100px; padding-right: 5px;}
	.filtered-archive .upcoming-event .content table tr td{vertical-align: top;}

	.contact-form label{padding-top: 10px;}
	.contact-form .captcha{text-align: center; padding-bottom: 15px;}
	.contact-form .cta{ justify-content:center }
	.contact-form .cta button{}
	.maps.ratio-21x9{--bs-aspect-ratio	: 66.6%}

	.regulasiData{max-width: 100%; overflow: scroll;}
	.regulasiData table{width: 250%}

	.regulation-table .item{}
	.regulation-table .item .data-title{line-height: 22px;}
	.regulation-table .item .reg-number{padding: 5px 0px; font-weight: 700;}
	.regulation-table .item .data.date{margin-bottom: 10px; font-size: 14px;}
	

	.footer{padding: 30px 15px;}
	.footer .social-media ul{margin-top: 10px;}
	.footer .social-media ul li{font-size: 1.5rem;}
	.footer .links > div{justify-content: flex-start;}
	.footer .links h5{font-size: 14px;}
	.footer .links ul, .footer .links p{padding-top: 0px;}
	.footer .links ul li, .footer .links p{padding-bottom: 0px;}
	.footer .links ul li a{font-size: 12px;}
	.footer .links > .row > div:last-child{margin-top: 10px;}
	.footer .links .row > div:last-child p{font-size: 14px;}
	.footer .policy ul li{font-size: 9px; padding-right: 10px;}

	.auth .right-side .login-card .login-form h1{font-size: 1.5rem; margin-bottom: 15px;}
	.auth .right-side .login-card .login-form h2{font-size: 1.2rem; margin-bottom: 15px;}

	#modalMember .modal-body{padding: 30px;}

	.perbanas-institute.banner-page{background-size: cover; background-position: center; height: 300px;}
	.perbanas-institute.banner-page .text{width:80%}
	.perbanas-institute.banner-page .text .content{font-size: 1.25rem;;}
	.perbanas-institute.banner-page .caption{max-width: 100%; background-image: none; background-color: rgba(29,69,150,0.85);}
	.perbanas-institute .majors{background-position: center; height: 250px;}
	.perbanas-institute .majors .item:after{border-right: 0px solid white; content: ""; height: 1px; width: 60%; position: absolute; right: auto; left: 50%; top:100%; transform: translatex(-50%); border-bottom: 1px solid #FFF;}
	.perbanas-institute .document-archive .item{margin-bottom: 20px; border-radius: 0px; min-height: auto;}
	.perbanas-institute .document-archive .item .images{border-radius: 10px;}
	.perbanas-institute .document-archive .item .left{display: flex; padding-top: 25px; border-radius: 0px;}
	.perbanas-institute .document-archive .item .cta{background-color: #FFF;}
	.perbanas-institute .document-archive .item .left{background-color: #FFF;}
	.perbanas-institute .document-archive .item .details .category{font-size: 14px;}
	.perbanas-institute .document-archive .item .details .title{font-size: 16px;}
	.perbanas-institute .document-archive .item .details .date{font-size: 12px;}

}