body {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	overflow-x: hidden;
}

.card-title {
	font-size: 25px;
	font-weight: bold;
}

.card-text {
	font-size: 17px;
}

.jumbotron {
	padding-top: 2rem;
	background-color: #7f170f;
}

.nav-link.active {
	color: #fcd412;
	letter-spacing: 1px;
}

.nav-link.dropdown-toggle {
	color: white;
	letter-spacing: 1px;
}

.dropdown:hover .dropdown-toggle {
	color: #fcd412;
}

.nav-link.kontak {
	color: white;
	letter-spacing: 1px;
}

.nav-link.kontak:hover {
	color: #fcd412;
}

a:link {
	color: black;
	text-decoration: none;
}

a:hover {
	color: #7f170f;
}

a.link-secend:link {
	color: #7f170f;
	text-decoration: underline;
	transition: 0.3s;
}

a.link-secend:hover {
	color: blue;
	text-decoration: underline;
	transition: 0.3s;
}

a.link-secend:active {
	color: #fcd412;
}

img.link-play {
	transition: 0.2s;
}

img.link-play:hover {
	box-shadow: 6px 7px 10px #7f170f;
	transition: 0.2s;
}

img.link-play:active {
	box-shadow: 6px 7px 10px #fcd412;
	transition: 0.2s;
}

a.link-card {
	font-family: Montserrat, sans-serif;
	font-size: 22px;
}

a.link-card:link {
	color: #7f170f;
	transition: 0.3s;
}

a.link-card:hover {
	color: blue;
	text-decoration: underline;
	transition: 0.3s;
}

a.link-card:active {
	color: #fcd412;
}

a.link-card:visited {
	color: #7f170f;
}

a.btn-car {
	padding: 12px 22px;
	font-size: 17px;
	font-weight: 900;

	cursor: pointer;
	outline: none;
	color: #fff;
	background-color: #7f170f;
	border: none;
	border-radius: 6rem;
	transition: 0.3s;
}

a.btn-car:hover {
	color: #7f170f;
	background-color: #fcd412;
	transition: 0.3s;
}

a.btn-car:active {
	color: #fff;
	background-color: #fcd412;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

a.link-page:link {
	color: black;
	text-decoration: none;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	transition: 0.2s;
}

a.link-page:hover {
	color: #7f170f;

	transition: 0.2s;
}

a.link-page:active {
	color: #1c5cbb;
}

a.link-red:link {
	color: #fcd412;
	text-decoration: none;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	transition: 0.2s;
	text-decoration: underline;
}

a.link-red:hover {
	color: blue;
	text-decoration: underline;
	transition: 0.2s;
}

a.link-guru:link {
	color: white;
	text-decoration: none;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	transition: 0.2s;
	text-decoration: underline;
}

a.link-guru:hover {
	color: #fcd412;
	text-decoration: underline;
	transition: 0.2s;
}

#pdf-page .pdf-viewer {
       width:100%;
       max-width:1200px;
       margin:0 auto;
   }

#pdf-page .pdf-page{
       display:block;
       width:100%;
       height:auto;
       margin:30px auto;
       background:#fff;
       border-radius:10px;
       box-shadow:0 5px 20px rgba(0,0,0,.15);
       transition:all .35s ease;
       cursor:pointer;
   }

   @media (hover:hover){

    #pdf-page .pdf-page:hover{
        transform:translateY(-8px) scale(1.015);
        box-shadow:
            0 18px 45px rgba(127,23,15,.45),
            0 8px 18px rgba(127,23,15,.25);
    }

}

   #pdf-page .pdf-loading{
       text-align:center;
       padding:80px 20px;
       font-size:18px;
       color:#666;
   }

   @media(max-width:768px){

       #pdf-page .pdf-viewer{
           max-width:100%;
       }

       #pdf-page .pdf-page{
           margin:20px auto;
       }

   }

#about h2 {
	font-family: "Cormorant SC", serif;
	font-size: 4rem;
}

#about p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#about .fw-bold {
	font-family: "Cormorant SC", serif;
}

#about .con-image {
	position: relative;
	width: 100%;
}

.about-image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: 0.5s ease;
	backface-visibility: hidden;
	border: solid 0.2rem #910000;
	padding: 15px;
}

.layer-about {
	height: 40.7278rem;
	left: -212px;
	object-fit: contain;
	position: absolute;
	top: -4.1042rem;
	vertical-align: top;

	width: 41.8176rem;
}

#about .layer-about-4 {
	height: 40.7278rem;

	right: 0;
	object-fit: contain;
	position: absolute;
	top: -3.8958rem;
	vertical-align: top;

}

.layer-about-3 {
	height: 31.7278rem;
	left: -255px;
	object-fit: contain;
	position: absolute;
	top: 20.5042rem;
	vertical-align: top;

	width: 41.8176rem;

}

#about .layer-about-2 {
	height: 31.7278rem;

	right: 0;
	object-fit: contain;
	position: absolute;
	top: 20.041rem;
	vertical-align: top;

}

#about .layer-gdr50 {
	height: 20.7278rem;
	left: 182px;
	object-fit: contain;
	position: absolute;
	top: -3.1042rem;
	vertical-align: top;
}

#about .layer-gdr52 {
	height: 20.7278rem;
	right: 182px;
	object-fit: contain;
	position: absolute;
	top: -3.1042rem;
	vertical-align: top;
}

.card:hover .about-image {
	opacity: 0.6;
}

.teks-image div {
	color: #fcd412;
}

.teks-image div:hover {
	color: #7f170f;
	transition: all 0.2s ease-in;
}

#bgTiga .layer-bird-small {
	display: none;
}

#bgTiga .con-bird {
	position: relative;
}

#bgTiga .layer-bird {
	height: 735px;
   	display: block;
    margin-top: -382px;
}

#bgTiga p {
	font-family: "Montserrat", sans-serif;
}

#bgTiga .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #d9d9d9;
	border: none;
	border-radius: 6rem;
	width: 300px;
	transition: 0.3s;
}

#bgTiga .btn-primary:hover {
	color: #7f170f;
	background-color: #fcd412;
	transition: 0.3s;
}

#bgTiga .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bgTiga-mp {
	background-color: #7f170f;
}

#bgTiga-mp p {
	font-family: "Montserrat", sans-serif;
}

#bgTiga-mp .con-birds {
	position: relative;
	display: block;
}

#bgTiga-mp .layer-birds {
	max-width: 100%;
	height: auto;
    margin-top: -150px;
}

#bgTiga-mp .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #d9d9d9;
	border: none;
	border-radius: 6rem;
	width: 300px;
	transition: 0.3s;
}

#bgTiga-mp .btn-primary:hover {
	color: #7f170f;
	background-color: #fcd412;
	transition: 0.3s;
}

#bgTiga-mp .btn-primary:active {
	color: #fff;
	background-color: #fcd412;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bgTiga-mp .layer-bird-small {
	display: none;
}

#bg-Biara .con-jum-biara {
	position: relative;
	width: 100%;
}

#bg-Biara .layer-biara {
	height: 19rem;
	left: 0;
	object-fit: contain;
	position: absolute;
	top: -1.8rem;
	vertical-align: top;

}

#bg-Biara .layer-biara-2 {
	height: 19rem;
	right: 0;
	object-fit: contain;
	position: absolute;
	top: -1.8rem;
	vertical-align: top;

}

#bg-Biara .biara-jumbo {
	width: 100%;
	height: auto;
}

#bg-Biara h1 {
	font-family: "Cormorant SC", serif;
	font-size: 4rem;
}

#bg-Biara p {
	font-family: "Montserrat", sans-serif;
}

#bg-Biara a {
	color: #f7f7f7;
	transition: 0.3s;
}

#bg-Biara a:hover {
	color: #fcd412;
	text-decoration: underline;
	transition: 0.5s;
}

#bg-Biara .layer-biara-ph {
	display: none;
}

#bg-Biara .layer-biara-ph2 {
	display: none;
}

#bgEmpat h2 {
	font-family: "Cormorant SC", serif;
	font-size: 3.4rem;

}

#bgEmpat p {
	font-family: "Montserrat", sans-serif;
}

#bgEmpat a {
	font-family: "Montserrat", sans-serif;
}

#bgEmpat .imgGuru-up {
	display: none;
}

#bgEmpat .img-guru {
	position: relative;

	max-width: 100%;
	height: auto;
}

@keyframes guru {
	50% {
		left: 100%;
		top: 0px;
	}
	100% {
		left: 0px;
		top: 0px;
	}
}

#bgEmpat .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bgEmpat .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bgEmpat .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bgEmpat .btn-guru {
	display: none;
}

#bgEmpat .pt-gr {
	padding-top: 8rem;
}

#bgEmpat .pt-dr {
	padding-top: 5rem;
}

#bgEmpat .pt-dr-top {
	margin-top: -6.5rem !important;
}

#bgEmpat .pt-kmn-top {
	margin-top: -12.5rem !important;
}

#bgEmpat .con-sangha {
	position: relative;

}

#bgEmpat .layer-guru {
	height: 47.7278rem;
	left: 782px;
	object-fit: contain;
	position: absolute;
	top: -6.4958rem;
	vertical-align: top;

}

#bgEmpat .layer-guru-2 {
	height: 49.7278rem;
	left: 484px;
	object-fit: contain;
	position: absolute;
	top: 27.1042rem;
	vertical-align: top;

}

#bgEmpat .layer-guru-3 {
	height: 54.7278rem;

	right: 0;
	object-fit: contain;
	position: absolute;
	top: 37.5042rem;
	vertical-align: top;

}

#bgEmpat .layer-guru-4 {
	height: 38.7278rem;
	left: 766px;
	object-fit: contain;
	position: absolute;
	top: 56.5042rem;
	vertical-align: top;

}

#bgEmpat .pt-gr {
	text-align: left;
}

#bgEmpat .layer-guru-dharma {
	display: none;
}

#bgEmpat .layer-guru-dharma2 {
	display: none;
}

#bgEmpat .layer-guru-kmn {
	display: none;
}

#bgEmpat .layer-guru-kmn2 {
	display: none;
}

#bgLima .card {
	border: none;
	transition: transform 0.3s;
}

#bgLima .card:hover {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

#bgLima .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bgLima .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bgLima .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bgEnam h2 {
	font-family: "Cormorant SC", serif;
	font-size: 3rem;
}

#bgEnam .con-cal {
	position: relative;
}

#bgEnam .layer-cal {
	height: 28.7278rem;
	left: 0;
	object-fit: contain;
	position: absolute;
	top: 56.5042rem;
	vertical-align: top;
}

#bgTujuh .con-kci {
	position: relative;
}

#bgTujuh .layer-kci {
	height: 8.7278rem;
	left: 0;
	object-fit: contain;
	position: absolute;
	top: -0.4958rem;
	vertical-align: top;
}

#bgTujuh .layer-kci-tw {
	height: 8.7278rem;
	right: 0;
	object-fit: contain;
	position: absolute;
	top: -0.4958rem;
	vertical-align: top;
}

#bgTujuh h2 {
	font-family: "Cormorant SC", serif;
	font-size: 4rem;
	text-align: left;
}

#bgTujuh a {
	font-family: "Montserrat", sans-serif;
}

#bgTujuh .card {
	border: none;
	transition: all 1s;
	height: auto;
}

#bgTujuh .card-body span.title-side {
	font-size: 1rem;
	font-family: "Cormorant SC", serif;
}

#bgTujuh .card-body span.title-news a {
	color: #000;
	line-height: 1.4em;
	font-weight: 600;
	transition: all 0.2s;
	font-size: 2rem;

	font-family: Montserrat, sans-serif;
}

#bgTujuh .card-body span.title-news a:hover {
	color: #7f170f;
}

#bgTujuh .card-body span.title-side a:hover {
	color: #7f170f;
}

#bgTujuh .card-text {
	font-size: 15px;
	font-family: "Montserrat", sans-serif;
}

#bgTujuh h5 {
	font-family: "Montserrat", sans-serif;
}

#bgTujuh .card-body .text-left {
	font-size: 25px;

}

#bgTujuh .card-body small.news a {
	color: #7f170f;
	transition: all 0.2s;
}

#bgTujuh .card-body small.news:hover {
	opacity: 0.8;
}

#bgTujuh .card:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	transition: all 0.2s;

}

#bgTujuh .img-card {
	width: 100%;

	object-fit: cover;
}

#bgTujuh button {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: all 0.5s;
}

#bgTujuh button:hover {
	color: #fff;
	background-color: #7f170f;
	transition: all 0.5s;
}

#bgTujuh button:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bgTujuh .btn-art {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: all 0.5s;
}

#bgTujuh .btn-art:hover {
	color: #fff;
	background-color: #7f170f;
	transition: all 0.5s;
}

#bgTujuh .btn-art:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bgTujuh a {
	color: rgb(12, 12, 12);
}

#bgTujuh .img-listnews {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

#bgTujuh .mt-card-b {
	margin-top: -14rem;
}

#bgTujuh .text-adkci {
	text-align: right;
	width: 25%;
	font-family: "Montserrat", sans-serif;
}

#bgTujuh .pt-adkci {
	padding-top: 0.25rem!important;
}

#bgTujuh .layer-kci-adkci {
	display: none;
}

#bgTujuh .layer-kci-adkci2 {
	display: none;
}

#bgDelapan h2 {
	font-family: "Cormorant SC", serif;
	line-height: 1.105;
	letter-spacing: 0.085em;
	font-weight: 500;
	font-size: clamp(1.8rem, 5vw, 3.4rem);

}

#bgDelapan h5 {
	font-family: "Montserrat", sans-serif;
}

#bgDelapan p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bgDelapan .con-buban {
	position: relative;
}

#bgDelapan .layer-buban {
	height: 24.7278rem;
	left: 1049px;
	object-fit: contain;
	position: absolute;
	top: -7.4958rem;
	vertical-align: top;
}

#bgDelapan .layer-bubant {
	height: 51.7278rem;
	left: 0px;
	object-fit: contain;
	position: absolute;
	top: 30.5042rem;
	vertical-align: top;
}

#bgDelapan h5 a {
	color: #fff;
	transition: all 0.2s;
}

#bgDelapan .img-gradient {
	background: linear-gradient(180deg, rgba(145, 0, 0, 0) 50%, #910000 100.99%);
}

#bgDelapan .card-home-bb {
	object-fit: cover;
	height: 427.54px;
}

#bgDelapan h5 a:hover {
	color: #fcd412;
}

#bgDelapan .card {
	border: none;
	transition: all 0.2s;
}

#bgDelapan .card:hover {
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 10);
	transition: 0.2s;
}

#bgDelapan button {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bgDelapan button:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bgDelapan button:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bgDelapan .layer-bb-view {
	display: none;
}

#bgDelapan .layer-bb-view2 {
	display: none;
}

#bgDelapan .layer-bb-view3 {
	display: none;
}

#bgDelapan .layer-bb-view4 {
	display: none;
}

#bgDelapan .flip {
  -webkit-perspective: 800;
          perspective: 800;
        position: relative;
        text-align: center;
}

#bgDelapan .flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
}

#bgDelapan .card-ptr {
    width: 100%;
    height: 250px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: #7f170f;
}

#bgDelapan .flip .card-ptr .face {
  -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
   z-index: 2;
}

#bgDelapan .flip .card-ptr .front {
   position: absolute;
   width: 100%;
   z-index: 1;
}

#bgDelapan  .flip .card-ptr .front img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}

#bgDelapan  .flip .card-ptr .img {
   position: relaitve;
   width: 100%;
   height: 250px;
   z-index: 1;
}

#bgDelapan .flip .card-ptr .back {
  padding-top: 10%;
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);

}

#bgDelapan .inner {
  margin:0px !important;
  width: 100%;
}

#bgDelapan .img-dalai-lama {
	width: 356px;
	height: 229px;
	object-fit: cover;
}

#bgSembilan .con-kcifam {
	position: relative;

}

#bgSembilan .layer-kcifam {
	height: 24.7278rem;
	left: 54px;
	object-fit: contain;
	position: absolute;
	top: -2.4958rem;
	vertical-align: top;
	width: 30%;

}

#bgSembilan {
	background-color: #7f170f;
}

#bgSembilan .jdl-nine {
	font-family: "Cormorant SC", serif;
	font-size: 3.5em;
	letter-spacing: 3px;
	word-spacing: -4px;
}

#bgSembilan button:hover {
	color: #7f170f;
	transition: 0.3s;
}

#bgSembilan button {
	background-color: #d9d9d9;
	border-radius: 6rem;
	transition: 0.3s;
	font-family: Montserrat, sans-serif;
}

#bgSembilan .text-bkci {
	text-align: left;
	padding-left: 3rem!important;
	padding-top: 1.5rem!important;
}

#bgSepuluh .card-fitur img {
	height: 254px;
	width: 254px;
}

#bgSepuluh figcaption {
	font-weight: 400;
}

#bgSepuluh .card-fitur h5 {
	color: #fff;
	font-weight: 400;
}

#bgSepuluh .button-arrow-left {
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #666;
	padding: 0;
	transition: all ease-in-out 0.3s;
}

#bgSepuluh .button-arrow-left:hover {
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #7f170f;
	padding: 0;
}

#bgSepuluh .button-arrow-right {
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #666;
	padding: 0;
	transition: all ease-in-out 0.3s;
}

#bgSepuluh .button-arrow-right:hover {
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #7f170f;
	padding: 0;
}

#bgSebelas .con-pdharma {
	position: relative;
}

#bgSebelas .layer-pdharma {
	height: 28.5278rem;
	left: 874px;
	object-fit: contain;
	position: absolute;
	top: 7.5042rem;
	vertical-align: top;
}

#bgSebelas .layer-pdharma2 {
	height: 37.5278rem;
	left: -6px;
	object-fit: contain;
	position: absolute;
	top: 33.5042rem;
	vertical-align: top;
}

#bgSebelas h2 {
	font-family: "Cormorant SC", serif;
	font-size: 4rem;
}

#bgSebelas p {
	font-family: "Montserrat", sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
}

#bgSebelas .card-one {
	padding-top: 12rem;
}

#bgSebelas .card-three {
	padding-top: 5rem;
}

#bgSebelas .card-four {
	padding-top: 21rem;
}

#bgSebelas .layer-pdm-view {
	display: none;
}

#bgSebelas .layer-pdm-view2 {
	display: none;
}

#bgSebelas .slide-container {
	max-width: 1120px;
	width: 100%;
	padding: 40px 0;
}
#bgSebelas .slide-content {
	margin: 0 40px;
	overflow: hidden;
	border-radius: 25px;
}
#bgSebelas .card {
	border-radius: 25px;
	background-color: #fff;
}

#bgSebelas .image-content,
.card-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 14px;
}
#bgSebelas .image-content {
	position: relative;
	row-gap: 5px;
	padding: 25px 0;
}
#bgSebelas .overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

#bgSebelas .card-image {
	position: relative;
	height: 300px;
	width: 300px;
	background: #fff;
	padding: 3px;
}
#bgSebelas .card-image .card-img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

#bgSebelas .name {
	font-size: 18px;
	font-weight: 500;
	color: #333;
}

#bgSebelas .description {
	font-size: 14px;
	color: #707070;
	text-align: center;
}

#bgSebelas .button-arrow-left {
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #666;
	padding: 0;
	transition: all ease-in-out 0.3s;
}

#bgSebelas .button-arrow-left:hover {
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #7f170f;
	padding: 0;
}

#bgSebelas .button-arrow-right {
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #666;
	padding: 0;
	transition: all ease-in-out 0.3s;
}

#bgSebelas .button-arrow-right:hover {
	border: none;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #7f170f;
	padding: 0;
}

#bgSebelas .swiper-pagination-bullet-active {
	background-color: #7f170f;
}

@media screen and (max-width: 768px) {
	#bgSebelas .slide-content {
		margin: 0 10px;
	}
	#bgSebelas .swiper-navBtn {
		display: none;
	}

	#bgSembilan .layer-kcifam {
        top: -60px;
        width: 45%;
        max-width:150px;
    }
}

#bg-g img.img-fluid {
	height: auto;
}

#bg-g .container {
	width: 25%;
}

#bg-g .start-50 {
	left: 51%!important;
}

#bg-g .top-50 {
	top: 47%!important;
}

#bg-g .guru-breadcrumb {
	position: relative;
}

#bg-g h1 {
	font-family: "Cormorant";
	background-color: rgba(145, 0, 0, 0.6999999881);
	letter-spacing: 0.5525rem;
	line-height: 1.6;
}

#bg-g ol {
	font-size: 20px;
	color: #6c757d;
	font-weight: 300;
	line-height: 1.75;
	transition: all 0.2s;
}

#bg-g ol a:link {
	color: #6c757d;
}

#bg-g ol a:hover {
	color: #7f170f;
	transition: all 0.2s;
}

#bg-g ol a:active {
	color: #fcd412;
}

#bg-g ol a:visited {
	color: #6c757d;
}

#bg-big .dharma-card{
    position: relative;
}

#bg-big .dharma-overlay{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

#bg-big .dharma-title {
    font-family: Cormorant;
    font-weight: 500;
    color:#fff;
    letter-spacing: 0.5525rem;

    font-size: clamp(2rem, 6vw, 4rem);

    background-color: rgba(145, 0, 0, 0.7);

    padding: clamp(8px, 2vw, 20px) clamp(20px, 5vw, 60px);

    border-radius: 6px;

    text-shadow: 0 4px 12px rgba(0,0,0,0.6);
}

#bg-gs img.img-fluid {
	height: auto;
}

#bg-gs .container {
	width: 52%;
}

#bg-gs .start-50 {
	left: 51%!important;
}

#bg-gs .top-50 {
	top: 47%!important;
}

#bg-gs .guru-breadcrumb {
	position: relative;
}

#bg-gs h1 {
	font-family: "Cormorant";
	background-color: rgba(145, 0, 0, 0.6999999881);
	letter-spacing: 0.5525rem;
	line-height: 1.6;
	font-weight: 500;
	font-size: clamp(1.8rem, 5vw, 3.4rem);
}

#bg-content-guru h5 {
	font-family: "Cormorant SC", serif;
	font-size: 55px;
	font-weight: 500;
}

#bg-content-guru p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-guru .con-bg-content-guru {
	position: relative;
}

#bg-content-guru .layer-bg-content-guru {
	height: 38.7278rem;
	left: -168px;
	object-fit: contain;
	position: absolute;
	top: -7.4958rem;
	vertical-align: top;
}

#bg-content-guru .layer-bg-content-guru-2 {
	height: 42.7278rem;
	right: -109px;
	object-fit: contain;
	position: absolute;
	top: -15.4958rem;
	vertical-align: top;
}

#bg-content-guru .layer-page-guru {
	height: 38.7278rem;
	left: 0px;
	object-fit: contain;
	position: absolute;
	top: -7.4958rem;
	vertical-align: top;
}

#bg-content-guru .layer-page-guru2 {
	height: 38.7278rem;
	right: 0px;
	object-fit: contain;
	position: absolute;
	top: -7.4958rem;
	vertical-align: top;
}

#bg-content-guru .r-guru {
	padding-left: 15rem;
	margin-bottom: 3rem !important;
}

#bg-content-guru .card {
	border: none;
	transition: all 0.2s;
}

#bg-content-guru .card:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

#bg-content-guru .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bg-content-guru .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-content-guru .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

@media screen and (max-width: 390px) {
	#bg-content-guru .layer-bg-content-guru {

		display: none;
	}

	#bg-content-guru .layer-bg-content-guru-2 {

		display: none;
	}

	#bg-content-guru .layer-page-guru {
		display: none;
	}

	#bg-content-guru .layer-page-guru2 {
		display: none;
	}

	#bg-content-guru .r-guru {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	#bg-content-guru .pt-5 {
		padding-top: 0rem!important;
	}

	#bg-content-guru .mb-5 {
		margin-bottom: 0rem!important;
	}

	#bg-content-guru .pt-4 {
		padding-top: 0rem!important;
	}

	#bg-content-guru .gr-guru {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	#bg-content-guru a {
		text-align: center;
	}
}

#bg-pg img.img-fluid {
	height: 380px;
}

#bg-pg h1 {
	font-family: "gupter";
}

#bg-pg ol {
	font-size: 20px;
	color: #6c757d;
	font-weight: 300;
	line-height: 1.75;
	transition: all 0.2s;
}

#bg-pg ol a:link {
	color: #6c757d;
}

#bg-pg ol a:hover {
	color: #7f170f;
	transition: all 0.2s;
}

#bg-pg ol a:active {
	color: #fcd412;
}

#bg-pg ol a:visited {
	color: #6c757d;
}

#bg-content blockquote {
	font-family: "gupter";
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.667;
	color: #6c757d;
}

#bg-content h2 {
	font-size: 2.62em;
}

#bg-content .fa-xs {
	font-size: 0.55em;
}

#bg-gdr img.img-fluid {
	height: 380px;
}

#bg-gdr h1 {
	font-family: "gupter";
}

#bg-gdr ol {
	font-size: 20px;
	color: #6c757d;
	font-weight: 300;
	line-height: 1.75;
	transition: all 0.2s;
}

#bg-gdr ol a:link {
	color: #6c757d;
}

#bg-gdr ol a:hover {
	color: #7f170f;
	transition: all 0.2s;
}

#bg-gdr ol a:active {
	color: #fcd412;
}

#bg-gdr ol a:visited {
	color: #6c757d;
}

#bg-content-gdr .btn-gdr-sh {
	padding: 15px 15px;
	font-size: 30px;
	text-align: center;
	background-color: transparent;
	border: 3px solid;
	border-color: #7f170f;
	width: 500px;
	transition: 0.3s;
}

#bg-content-gdr .btn-gdr-sh:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-sutra-tp .card-img-sbr {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

#bg-content-gdr .jdl-txt {
	font-family: "Montserrat", sans-serif;
    font-size: 22px;
    letter-spacing: 0;
}

#bg-content-gdr .con-gdr {
	position: relative;
}

#bg-content-gdr .layer-gdr {
	height: 42.7278rem;
	left: 0px;
	object-fit: contain;
	position: absolute;
	top: -16.4958rem;
	vertical-align: top;
}

#bg-content-gdr .layer-gdr2 {
	height: 42.7278rem;
	right: 0px;
	object-fit: contain;
	position: absolute;
	top: -16.4958rem;
	vertical-align: top;
}

#bg-content-gdr .r-gdr {
	padding-left: 10rem;
}

#bg-content-gdr .page-brt {
	padding-left: 15rem;
}

#bg-content-gdr p {
	font-family: "Montserrat", sans-serif;
    font-size: 22px;
}

#bg-content-gdr h1 {
	font-family: Cormorant;
	line-height: 1.105;
	letter-spacing: 0.085em;
	font-weight: 500;
	font-size: clamp(1.8rem, 5vw, 3.4rem);
}

#bg-content-gdr h5 {
	font-family: "Cormorant";
	letter-spacing: 4px;
	font-size: 33px;
	font-weight: 0;
}

#bg-content-gdr hr {
	border: 2px solid #7f170f;
	opacity: 1;
}

#bg-content-gdr .img-gdr {
	width: 100%;
	height: auto;
	object-fit: cover;
	border: 10px solid transparent;
	border-color: #7f170f;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bg-content-gdr .btn-gdr {
	padding: 15px 15px;
	font-size: 30px;
	text-align: center;

	background-color: transparent;
	border: 3px solid;
	border-color: #7f170f;

	width: 1280px;
	transition: 0.3s;
}

#bg-content-gdr .btn-gdr:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-content-gdr .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 300px;
	transition: 0.3s;
}

#bg-content-gdr .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-content-gdr .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-content-gdr-text h2 {
	font-size: 2.62em;
}

#bg-content-gdr-text .fa-xs {
	font-size: 0.55em;
}

#bg-content-gdr-text a {
	padding: 10px 15px;
	font-size: 15px;
	text-align: center;
	outline: none;
	text-decoration: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 300px;
}

#bg-content-grs p {
	font-family: "Montserrat", sans-serif;
    font-size: 22px;
}

#bg-content-gdr-info p {
	font-family: "Montserrat", sans-serif;
    font-size: 22px;
}

#bg-content-gdr-info button {
	font-family: "Montserrat", sans-serif;
    font-size: 22px;
}

#bg-content-gdr-info .img-center-kll {
	position: absolute;
	top: 1407px;
	left: 0px;
	max-width: 100%;
	height: auto;
}

#bg-content-gdr-info .img-center-klls {
	position: absolute;
	top: 1630px;
	right: 25px;
	max-width: 100%;
	height: auto;
}

#bg-content-gdr-info h5 {
	font-family: "Cormorant SC", serif;
	letter-spacing: 4px;
	font-size: 1.50rem;
}

#bg-content-gdr-info a:link {
	color: #fff;
}

#bg-content-gdr-info a:hover {

	color: #ffc107;
	transition: all 0.2s;
}

#bg-content-gdr-info a:active {
	color: #ffc107;
}

#bg-content-gdr-info a:visited {
	color: #ffc107;
}

#bg-content-gdr-info .btn-gdr {
	padding: 15px 15px;
	font-size: 30px;
	text-align: center;

	background-color: transparent;
	border: 3px solid;
	border-color: #7f170f;

	width: 1280px;
}

#bg-content-gdr-info .btn-gdr:hover {
	color: #fff;
	background-color: #7f170f;
}

#bg-content-gdr-brt .mobile-play {
	display: none;
}

#bg-content-gdr-brt .mobile-col {
		padding-top: 12rem !important;
	}

#bg-content-gdr-brt p {
	font-family: "Montserrat", sans-serif;
    font-size: 22px;
}

#bg-content-gdr-brt h5 {
	font-family: "Cormorant SC", serif;
	letter-spacing: 4px;
	font-size: 1.50rem;
}

#bg-content-gdr-brt .btn-gdr {
	padding: 15px 15px;
	font-size: 30px;
	text-align: center;

	background-color: transparent;
	border: 3px solid;
	border-color: #7f170f;

	width: 1280px;
	transition: 0.3s;
}

#bg-content-gdr-brt .btn-gdr:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-gdr-jumbo {
	background-color: #7f170f;
}

#bg-gdr-jumbo img {
	height: 376px;
	object-fit: cover;
	border: 10px solid;
	border-color: #7f170f;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#bg-gdr-jumbo .card {
	border: 0px;
	background-color: #7f170f;
	transition: 0.5s ease-in-out;
}

#bg-gdr-jumbo .card:hover {
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: 0.3s ease-in-out;
}

#bg-gdr-jumbo h2 {
	font-family: Cormorant;
	line-height: 1.105;
	letter-spacing: 0.085em;
	font-weight: 500;
	font-size: clamp(1.8rem, 5vw, 3.4rem);
}

#bg-gdr-jumbo p {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-gdr-end hr {
	border: 2px solid #7f170f;
	opacity: 1;
}

#bg-gdr-end p {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-gdr-end .txt-gdr-end {
	text-align: left;
}

#bg-gdr-end .txt-gdr-end2 {
	text-align: right;
}

#bg-content-klsdrm h5 {
	font-family: "Cormorant SC", serif;
	font-size: 55px;
	font-weight: 500;
}

#bg-content-klsdrm p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-klsdrm .con-guru5 {
	position: relative;
}

#bg-content-klsdrm .layer-guru5 {
	height: 35.7278rem;
	left: 853px;
	object-fit: contain;
	position: absolute;
	top: 2.5042rem;
	vertical-align: top;
}

#bg-content-klsdrm .card {
	border: 0px;
}

#bg-content-klsdrm .img-card {
	width: 100%;
	height: 380px;
	object-fit: cover;
	border: 10px solid transparent;
	border-color: #7f170f;
}

#bg-content-klsdrm button {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bg-content-klsdrm button:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-content-klsdrm button:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-content-klsdrm .img-ph {
	display: none;
}

#bg-content-drm .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bg-content-drm .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-content-drm .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-content-drm h5 {
	font-family: "Cormorant SC", serif;
	font-size: 55px;
	font-weight: 500;
}

#bg-content-drm p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-drm .con-guru5 {
	position: relative;
}

#bg-content-drm .layer-guru5 {
	height: 35.7278rem;
	left: 853px;
	object-fit: contain;
	position: absolute;
	top: 2.5042rem;
	vertical-align: top;
}

#bg-content-drm .card {
	border: 0px;
}

#bg-content-drm .img-card {
	width: 445px;
	height: 100%;
	object-fit: cover;
	border: 10px solid transparent;
	border-color: #7f170f;
}

#bg-content-drm button {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bg-content-drm button:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-content-drm button:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-content-drm .bt-tantra {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(255, 255, 255);
	background-color: #7f170f;
	border: none;
	border-radius: 0px;
	box-shadow: 5px #999;
	width: 98%;
	transition: 0.3s;
}

#bg-content-drm .bt-tantra:hover {
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	transition: 0.3s;
}

#bg-content-drm .img-ph {
	display: none;
}

#bg-content-drm .str {
	font-family: "Cormorant SC", serif;

	font-weight: 500;
}

#bg-content-drm .str-purket {
	font-family: "Cormorant SC", serif;
	font-weight: 500;
}

#bg-content-drm .layer-bird-small {
	display: none;
}

#bg-content-drm .layer-bird-small-t {
	display: none;
}

#bg-content-drm .con-bird {
	position: relative;
}

#bg-content-drm .layer-bird {
	height: 384px;
	left: 119px;
	position: absolute;
	top: -6.4rem;
}

#bg-content-drm .layer-dharmas {
	height: 359px;
	left: 119px;
	position: absolute;
	top: -6.4rem;
	max-width: 100%;
}

#bg-content-drm .layer-bird-tantra {
	height: 360px;
	left: 940px;
	position: absolute;
	top: -9.4rem;
}

#bg-content-drm .biara-jumbo {
	width: 100%;
	height: auto;
}

#bg-content-drm .img-panduan-kb {

	width: 100%;
	height: 299px;
	object-fit: cover;
}

#bg-content-drm .card-panduan {
	width: 425.27px;
}

#bg-content-drm .bt-panduan {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(255, 255, 255);
	background-color: #7f170f;
	border: none;
	border-radius: 0px;
	box-shadow: 5px #999;
	width: 100%;
	margin-bottom: 0rem;
	font-family: "Montserrat", sans-serif;
}

#bg-content-drm .bt-panduan:hover {
	color: rgb(12, 12, 12);
	background-color: #fcd412;
}

#bg-content-drm .btn-pandu-pma {
		width: 50%;
	font-family: "Montserrat", sans-serif;
}

#bg-content-drm .img-teks-bodhi {
	max-width: 293px;
	height: 399px;
	object-fit: cover;
	box-shadow: -8px 12px 18px #888888;
}

#bg-content-drm .card-body-dana {
	flex: 1 1 auto;
	padding: 0rem;
}

#bg-content-drm .card-show-dana {
	display: none;
}

#bg-sahabat-says .card-body {
	background-color: #7f170f;
}

#bg-sahabat-says p {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-sahabat-says h2 {
	font-family: "Montserrat", sans-serif;

}

#bg-sahabat-says h5 {
	font-family: "Montserrat", sans-serif;

}

#bg-sahabat-says .card {
	border: 0px;

}

#bg-sahabat-says img {
	height: 517px;
	object-fit: cover;
}

#bg-sahabat-fs .card {
	border: 0px;
	box-shadow: -8px 12px 18px #888888;

}

#bg-sahabat-fs h5 {
	font-family: "Montserrat", sans-serif;

}

#bg-sahabat-fs h2 {
	font-family: "Cormorant SC", serif;
	color: #7f170f;

}

#bg-sahabat-fs {
	background-color: #D9D9D9;
}

#bg-sahabat-fs img {
	max-width: 100%;
	height: auto;
}

#bg-content-drm .img-cb-says {
	max-width: 100%;
	height: 171px;
}

#bg-content-drm h2 {
	font-family: "Cormorant SC", serif;
	font-size: 4rem;
}

#bg-content-drm .backy {
	background-color: #fefbea;
}

#bg-content-drm .img-lap-tahunan {
	max-width: 100%;
	height: 474px;
	object-fit: cover;
}

#bg-content-drm .img-lap-bulanan {
	width: 100%;
	height: 338px;
	object-fit: cover;
}

#bg-content-tentang img {
	width: 100%;
	height: 124px;
}

#bg-content-tentang .img-sten {
	position: relative;
}

#bg-content-tentang .img-sten::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 124px;
	object-fit: cover;
	background-image: linear-gradient(100deg, transparent 0 50%, #FFF 90% 100%);
}

#bg-content-tentang p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-tentang h5 {
	font-family: "Cormorant SC", serif;
	font-size: 55px;
	font-weight: 500;
}

#bg-content-tentang .pt-text {
	padding-top: 6rem !important;
}

#bg-keg-ps .ps-show-kes {
	display: none;
}

#bg-dk-bk h1 {
	font-family: Cormorant;
}

#bg-dk-bk h2 {
	font-family: Cormorant;
}

#bg-dk-bk span {
	padding-bottom: 10px;
  border-bottom: 5px solid #7f170f;
}

#bg-keg-ps .btn-primary {
	padding: 10px 15px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-keg-ps .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-keg-ps .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-keg-ps h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	font-weight: 500;
}

#bg-keg-ps p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-keg-ps .card {
	border: 0px;
}

#bg-keg-ps .img-keg-ps {
	width: 100%;
	height: 379px;
	object-fit: cover;
}

#bg-keg-ps .img-card {
	width: 445px;
	height: 100%;
	object-fit: cover;
	border: 10px solid transparent;
	border-color: #7f170f;
}

#kegiatan-ps-jumb h5 {
	font-family: "Cormorant SC", serif;
	font-size: 55px;
	font-weight: 500;
}

#kegiatan-ps-jumb span {

  	border-bottom: 5px solid #7f170f;
}

#kegiatan-ps-jumb p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-kegiatan-ps-carousel .carousel {
	height: 100%;
	width: 100%;
}

#bg-kegiatan-ps-carousel p {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-kegiatan-ps-carousel .carousel-caption {
	position: absolute;

    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

#bg-kegiatan-ps-carousel .carousel-indicators [data-bs-target] {
    background-color: #7f170f;
    object-fit: cover;
}

#bg-kegiatan-ps-carousel .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bg-kegiatan-ps-carousel .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-kegiatan-ps-carousel .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-tentang-carousel p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-tentang-carousel .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #d9d9d9;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
	font-family: Montserrat, sans-serif;
}

#bg-tentang-carousel .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-tentang-carousel .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-content-drm .bg-number, .bg-list {
	font-family: Montserrat, sans-serif;
	font-size: 22px;
}

#bg-dk-bk .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #D9D9D9;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bg-dk-bk .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-dk-bk .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-dk-st h1 {
	font-family: Cormorant;
	line-height: 1.105;
  letter-spacing: 0.085em;
  font-weight: 500;
	font-size: clamp(1.8rem, 5vw, 3.4rem);
}

#enam-pp-accor .accordion-button {
	font-size: 22px;
}

#enam-pp-accor p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#enam-pp-accor ol {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#enam-pp-accor ul {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dk-st .btn-gone {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
}

#bg-dk-st .btn-gone:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-dk-st .btn-gone:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-dharma-pengenalan-lamrim .card {
	border: 0px;
}

#bg-dharma-pengenalan-lamrim .col-abu {
	background-color: #D9D9D9;
}

#bg-dharma-pengenalan-lamrim p {
	font-family: "Montserrat", sans-serif;
	font-size: 32px;
}

#bg-dharma-pengenalan-lamrim .col-red {
	background-color: #7f170f
}

#bg-dharma-pengenalan-lamrim .img-pengenalan-lamrim {
	max-width: 100%;
	height: 250px;
	object-fit: cover;
}

#bg-dk-st p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	margin-top: 0rem;
}

#bg-dk-st .pt-bk {
	padding-top: 13rem!important;
}

#bg-dharma-stjumb .img-lamrim-jumb {
	margin-left: -5rem;
}

#bg-dharma-stjumb  .btn-gone {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.1s;
	font-family: "Montserrat", sans-serif;
}

#bg-dharma-stjumb  .btn-gone:hover {
	color: black;
	background-color: #fff;
	transition: 0.3s;
	font-weight: 900;
	transition: 0.1s;
}

#bg-dharma-stjumb  .btn-gone:active {
	background-color: #fcd412;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-dharma-stjumb h1 {
	font-family: "Cormorant";
	letter-spacing: 0px;
	line-height: 1;
	font-size: 65px;
}

#bg-dharma-stjumb p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dharma-stjumb a {
	color: #f7f7f7;
	transition: 0.3s;
}

#bg-dharma-stjumb a:hover {
	color: #fcd412;
	text-decoration: underline;
	transition: 0.3s;
}

#bg-dharma-tp h1 {
	font-family: "Cormorant";
	line-height: 157.5%;
	font-size: 64px;
	color: #940000;
}

#bg-dharma-tp h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dharma-tp p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dharma-tp a:hover {
	color: #940000;
	text-decoration: underline;
	transition: 0.3s;
}

#bg-dharma-tp .card {
	border: 0px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

#bg-dharma-tp img {
	max-width: 100%;
	height: 236.41px;
	object-fit: cover;
}

#bg-bellam h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 17px;
}

#bg-bellam p {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
}

#bg-bellam .card {
	max-width: 100%;
	height: 30rem;
  	padding: 10px;
  	box-shadow: -8px 12px 18px #888888;
}

#bg-bellam .a-kusala {
	padding: 10px 15px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	outline: none;
	background-color: #B8B8B8;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 100%;
	font-weight: bold;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
}

#bg-bellam .a-kusala {
	padding: 10px 15px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	outline: none;
	background-color: #B8B8B8;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 100%;
	font-weight: bold;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
}

#bg-bellam .a-pma {
	padding: 10px 15px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	outline: none;
	background-color: #B5CB93;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 100%;
	font-weight: bold;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
}

#bg-bellam .a-pt {
	padding: 10px 15px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	outline: none;
	background-color: #F8CD11;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 100%;
	font-weight: bold;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
}

#bg-bellam a:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-bellam a:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-bellam a.link-lss {
	transition: 0.3s;
	background-color: #fff;
	font-size: 22px;
}

#bg-bellam a.link-lss:hover {
	color: #7f170f;
	text-decoration: underline;
	transition: 0.3s;
}

#bg-bellam a.link-lss:active {
	color: #fcd412;
}

#bg-bellam .card-footer {
	background-color: #fff;
	border-top: 0px;
}

#bg-bellam .btn-ls {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-bellam .btn-ls {
	color: #black;
}

#bg-bellam .btn-ls:hover {
	color: #7f170f;
	text-decoration: underline;
	transition: 0.3s;
}

#bg-bellam .txt-page {
	font-size: 22px;
}

#bg-sutra-tp h1 {
	font-family: Cormorant;
	line-height: 1.105;
	letter-spacing: 0.085em;
	font-weight: 500;
	font-size: clamp(1.8rem, 5vw, 3.4rem);
}

#bg-sutra-tp h2 {

	color: black;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	font-size: clamp(1.8rem, 3vw, 2.4rem);
}

#bg-sutra-tp p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-sutra-tp .btn-ls {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-sutra-tp .card-timp {
	max-width: 100%;
	height: 324px;
	object-fit: cover;
}

#bg-sutra-tp .btn-ls {
	color: #black;
	transition: 0.3s;
}

#bg-sutra-tp .btn-ls:hover {
	color: #7f170f;
	text-decoration: underline;
	transition: 0.3s;
}

#bg-sutra-tp .btn-gone {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 239px;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
}

#bg-sutra-tp .btn-gone:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-sutra-tp .btn-gone:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-sutra-tp .con-trt {
	border-bottom: 3px solid #7f170f;
	box-shadow: 3px 0px 28px #888888;
}

#bg-sutra-tp .card-buku {
	width: 18rem;
}

#bg-sutra-tp .card-imgb {
	max-width: 100%;
	height: 404.7px;
	object-fit: cover;
}

#bg-sutra-tp .card {
	transition: 0.3s;
}

#bg-sutra-tp .card:hover {
	box-shadow: 4px 12px 12px #888888;
	transition: 0.3s;
}

#bg-sutra-tp .card:active {
	box-shadow: 4px 12px 12px #7f170f;
	transition: 0.3s;
}

#bg-awal-pp .container {
	border-top: 2px solid #7f170f;
	border-bottom: 2px solid #7f170f;
}

#bg-awal-pp p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-manfaat-pp .col-numb {
	background-color: #7f170f;
}

#bg-manfaat-pp .card-text {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-manfaat-pp .fw-bold {
	font-size: 30px;
	margin-top: -10px;
}

#bg-manfaat-pp p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-manfaat-pp h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	font-weight: bold;
}

#bg-manfaat-pp .card {
	border: 0px;
}

#bg-manfaat-pp .col-text {
	background-color: #E7E7E7;
}

#bg-pp-kesempatan p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-pp-kesempatan h2 {
	font-family: "Cormorant";
	line-height: 130.5%;
	font-size: 50px;
	color: #940000;
}

#card-persembahan h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
}

#card-persembahan .card-body {
	background-color: #D9D9D9;
	border-bottom: 2px solid #7f170f;
}

#card-persembahan .card-dekstop {
	width: 97%;
}

#bg-lamrim-teks .container {
	border-top: 2px solid #7f170f;
	border-bottom: 2px solid #7f170f;
}

#bg-lamrim-teks p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-lamrim-teks h1 {
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
}

#bg-lamrim-teks h3 {
	font-size: 30px;
}

#bg-lamrim-teks img {
	width: 100%;
	height: 386px;
	object-fit: cover;
}

#bg-lamrim-teks .txt-jt {
	color: #7f170f;
}

#bg-lamrim-teks a {
	text-decoration: underline;
	color: #7f170f;
	transition: 0.3s;
}

#bg-lamrim-teks a:hover {
	color: blue;
	transition: 0.3s;
}

#bg-lamrim-teks a:active {
	color: #fcd412;
}

#bg-lamrim-teks .table>:not(caption)>*>* {
	padding: 1.2rem 1.5rem;
}

#bg-lamrim-teks .bg-number {
	font-family: Montserrat, sans-serif;
	font-size: 22px;
}

#bg-lamrim-topik p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-lamrim-topik h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	color: #7f170f;
}

#bg-lamrim-topik h5 {
	font-family: "Montserrat", sans-serif;
	font-size: clamp(1.5rem, 3vw, 1.4rem);
}

#bg-lamrim-topik .col-numb {
	background-color: #7f170f;
}

#bg-lamrim-topik .fw-bold {
	font-size: 22px;
	margin-top: -10px;
}

#bg-lamrim-topik .fw-bold-glg {
	font-size: 22px;
	margin-top: -10px;
}

#bg-lamrim-topik .card {
	box-shadow: 7px 1px 9px #888888;
	width: 58rem;
}

#bg-lamrim-topik .card-glg {
	width: 100%;
}

#bg-lamrim-ttl p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-lamrim-ttl h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
}

#bg-lamrim-ttl h5 {
	font-family: "Montserrat", sans-serif;
}

#bg-lamrim-ttl .bg-number {
	font-family: Montserrat, sans-serif;
	font-size: 22px;
}

#bg-lamrim-ttl a {
	text-decoration: underline;
	color: #7f170f;
	transition: 0.3s;
}

#bg-lamrim-ttl a:hover {
	color: blue;
	transition: 0.3s;
}

#bg-lamrim-ttl a:active {
	color: #fcd412;
}

#bg-lamrim-ttl .card-header {
	background-color: #7f170f;
}

#bg-lamrim-ttl .con-teks {
	background-color: #E7E7E7;
}

#bg-kegiatan-dl {
	padding-top: 13rem !important;
}

#bg-kegiatan-dl h1 {
	font-family: "Cormorant SC", serif;
	line-height: 1;
	font-size: 55px;
}

#bg-kegiatan-dl p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-kegiatan-dl .card {
	border: 0px;
}

#bg-kegiatan-dl .card-kd {
	padding-top: 6rem !important;
}

#bg-kegiatan-dl img {
	box-shadow: 9px 6px 20px #888888;
}

#bg-kegiatan-dl  button {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #7f170f ;
	background-color: #E7E7E7;
	border: none;
	box-shadow: 5px #999;
	width: 380px;
}

#bg-dharma-retkwan .img-kd {

	max-width: 100%;
	height: 495px;
	object-fit: cover;
}

#bg-kegiatan-jkr h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
}

#bg-kegiatan-jkr .img-keg-lainnya {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	padding: 1.25rem;
	border: 0px;
}

#bg-berita-single h1 {

	font-family: "Montserrat", sans-serif;
	line-height: 1;
	font-size: 50px;
}

#bg-berita-single .card-text {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-berita-single .news-content {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-berita-single small {
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
}

#bg-berita-single .card {
	border: 0px;
}

#bg-berita-single .card-body {
	margin-left: 3rem !important;

}

#bg-berita-single img {
	box-shadow: 9px 6px 20px #888888;
}

#bg-berita-overview .img-card-single {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

#bg-berita-single .img-banner-news {
	width: 100%;
	height: 418px;
	object-fit: cover;
}

#bg-berita-overview a.sml-seleng {
	font-size: 20px;
	font-family: "Montserrat", sans-serif;
	font-weight: 200;
	color: #7f170f;
	transition: all 0.2s;
}

#bg-berita-overview a.sml-seleng:hover {
	opacity: 0.7;
	transition: all 0.2s;
}

#bg-berita-overview a.sml-seleng:active {
	color: #D9D9D9;
	transition: all 0.2s;
}

#bg-retret-rs h2 {
	font-family: "Cormorant";
	color: #7f170f;
	line-height: 1.105;
	letter-spacing: 0.085em;
	font-weight: 500;
	font-size: clamp(1.8rem, 5vw, 3.4rem);
}

#bg-retret-rs h5 {
	font-family: "Montserrat", sans-serif;
}

#bg-retret-rs p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-retret-rs .card {
	box-shadow: 7px 1px 9px #888888;

}

#bg-retret-rs img {
	width: 540px;

	height: 100%;
	object-fit: cover;
}

#bg-retret-rs .card-body {
	width: 100%;
}

#bg-retret-rs .card-header {
	background-color: #7f170f;
}

#bg-dharma-pujaharian .btn-gone {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bg-dharma-pujaharian .btn-gone:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-dharma-pujaharian .btn-gone:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-dharma-pujaharian .card-header {
	background-color: #940000;
}

#bg-dharma-pujaharian .card-footer {
	background-color: #E7E7E7;
}

#bg-dharma-pujaharian h1 {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
}

#bg-dharma-pujaharian h2 {
	font-family: "Cormorant SC", serif;
	line-height: 157.5%;
	font-size: 50px;
	color: #940000;
}

#bg-dharma-pujaharian img {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

#bg-dharma-pujaharian .lengkap-hover {
	color: black;
	transition: 0.3s;
}

#bg-dharma-pujaharian .lengkap-hover:hover {
	color: #940000;
	text-decoration: underline;
	transition: 0.3s;
}

#bg-dharma-pujaharian a.link-jdl {
	color: #f7f7f7;
	transition: 0.3s;
}

#bg-dharma-pujaharian a.link-jdl:hover {
	color: #fcd412;
	text-decoration: underline;
	transition: 0.3s;
}

#bg-dharma-pujaharian p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dharma-pujaharian .bg-list {
	font-family: Montserrat, sans-serif;
	font-size: 22px;
}

#bg-dharma-retkwan thead {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
}

#bg-dharma-retkwan tbody {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-dharma-retkwan a {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-dharma-retkwan  .btn-gone {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #940000;

	background-color: #fff;
	border-color: black;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
}

#bg-dharma-retkwan .btn-gone:hover {
	color: #fff;
	background-color: #940000;
	transition: 0.3s;
	font-weight: 900;
}

#bg-dharma-retkwan .btn-gone:active {
	background-color: #fcd412;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-dharma-retkwan .table>:not(caption)>*>* {
	padding: 1.2rem 1.5rem;
}

#bg-dharma-retkwan .img-table {

	width: 100%;
	height: 100%;
	object-fit: cover;
}

#bg-dharma-kwanim-tantend .img-lamrim-jumb {
	margin-left: -5rem;
}

#bg-dharma-kwanim-tantend .btn-gone {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #940000;
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;

	transition: 0.2s;
	font-family: "Montserrat", sans-serif;
}

#bg-dharma-kwanim-tantend .btn-gone:hover {
	color: #940000;
	background-color: #fff;
	transition: 0.3s;
	font-weight: 900;
	width: 245px;
	transition: 0.2s;
}

#bg-dharma-kwanim-tantend.btn-gone:active {
	background-color: #fcd412;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-dharma-kwanim-tantend h1 {
	font-family: "Cormorant";
	letter-spacing: 0px;
	line-height: 1;
	font-size: 65px;
}

#bg-dharma-kwanim-tantend p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dharma-kwanim-tantend .container {
	background-color: #940000;
}

#bg-dharma-kwanim-tantend .pt-lamrim {
	padding-top: 4rem;
	text-align: left;
	margin-left: 3rem !important;
}

#bg-dharma-kwanim-tantend .pt-lamrim-img {
	padding-top: 4rem;
}

#bg-berita-overview .card {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
	border: 0px;
}

#bg-berita-overview a {
	font-family: "Montserrat", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.4em;
	transition: all 0.2s;
}

#bg-berita-overview p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;

}

#bg-berita-overview small {
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
}

#bg-berita-overview .img-card-overview {
	width: 100%;
	height: 310px;
	object-fit: cover;
}

#bg-berita-overview .card-title {
	font-family: "Montserrat", sans-serif;
}

#bg-dk-bk .pt-bk {
	padding-top: 13rem!important;
}

#bg-dk-bk p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	margin-top: 35px;
}

#bg-dk-bk .container-text {
	width: 53%;
}

#bg-dk-bk .card {
	border: 0px;
}

#bg-bk-drm img.img-fluid {
	height: auto;
}

#bg-bk-drm .container {
	width: 40%;
}

#bg-bk-drm .container-text {
	width: 53%;
}

#bg-bk-drm .start-50 {
	left: 51%!important;
}

#bg-bk-drm .top-50 {
	top: 47%!important;
}

#bg-bk-drm .guru-breadcrumb {
	position: relative;
}

#bg-bk-drm h1 {
	font-family: "Cormorant";
	background-color: rgba(145, 0, 0, 0.6999999881);
	letter-spacing: 2px;
	line-height: 1.6;
}

#bg-bk-drm p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	margin-top: -260px;
}

#bg-content-drm .img-drm-buku {
	width: 276px;
	height: 405px;
	object-fit: cover;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 10);
}

#card-kelompok {
	background-color: #f2f2f2;
}

#card-kelompok h1 {
	font-family: Cormorant;
	line-height: 1.105;
	letter-spacing: 0.085em;
	font-weight: 500;
	font-size: clamp(1.8rem, 5vw, 3.4rem);
}

#card-kelompok .card {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 10);
}

#card-kelompok h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#card-kelompok p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#card-kelompok ol {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dk-st ol {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dk-st h2 {
	font-family: "Montserrat", sans-serif;
}

#bg-content-drm .btn-mantra-play {
	padding: 5px 30px;
	font-size: 22px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 6rem;
	width: 300px;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-drm .btn-mantra-play:hover {
	background-color: #7f170f;
	transition: 0.3s;
	color: #fff;
}

#bg-kegiatan-over img.img-fluid {
	height: auto;
}

#bg-kegiatan-over .container {
	width: 30%;
}

#bg-kegiatan-over .start-50 {
	left: 51%!important;
}

#bg-kegiatan-over .top-50 {
	top: 47%!important;
}

#bg-kegiatan-over .guru-breadcrumb {
	position: relative;
}

#bg-kegiatan-over h1 {
	font-family: "Cormorant";
	background-color: rgba(145, 0, 0, 0.6999999881);
	letter-spacing: 0.5525rem;
	line-height: 1.6;
}

#bg-kegiatan-jkr button, input, optgroup, select, textarea {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	margin: 15px;
	font-weight: 400;

}

#bg-kegiatan-jkr .nav-link:hover {
	color: #7f170f;
	transition: all 0.4s;
}

#bg-kegiatan-jkr .tab-content {

	background-color: #fff;
}

#bg-kegiatan-jkr .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #040404;

	border-color: 0;
}

#bg-kegiatan-jkr .nav-link:focus, .nav-link:hover {
	color: #fcd412;
}

#bg-kegiatan-jkr .card {
	height: auto;
}

#bg-kegiatan-jkr .nav-link {
	color: #040404;
}

#bg-kegiatan-jkr .nav-tabs .nav-link {
	border: 0px;
}

#bg-kegiatan-jkr .img-thumbnail {
	padding: 1.25rem;

	border: 0px;
}

#bg-kegiatan-jkr .btn-primary {
	padding: 10px 15px;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #d9d9d9;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	font-family: "Montserrat", sans-serif;
}

#bg-kegiatan-jkr .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
}

#bg-kegiatan-jkr .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-kegiatan-jkr p {
	margin-bottom: 0.5rem;
	font-family: "Montserrat", sans-serif;
}

#bg-kegiatan-jkr .card-text {
	font-size: 20px;
}

#bg-kegiatan-jkr .tab-content {
	padding-top: 20px;
	height: 100%;
}

#bg-kegiatan-jkr .nav-tabs {
	border-bottom: 0px;
}

#bg-kegiatan-kk .card{
	border: 0px;
}

#bg-kegiatan-kk .mobvi {
	display: none;
}

#bg-kegiatan-kk .dekvi {
	display: block;
}

#bg-kegiatan-kk p {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
}

#bg-kegiatan-kk h5 {
	font-family: "Montserrat", sans-serif;
}

#bg-kegiatan-kk .col-md-1 {
	border-right: 2px solid #7f170f;
}

#bg-kegiatan-kk .fw-bold {
	font-size: 35px;
	margin-top: -20px;
}

#bg-g-drm img.img-fluid {
	height: auto;
}

#bg-g-drm .container {
	width: 25%;
}

#bg-g-drm .start-50 {
	left: 51%!important;
}

#bg-g-drm .top-50 {
	top: 47%!important;
}

#bg-g-drm .guru-breadcrumb {
	position: relative;
}

#bg-g-drm h1 {
	font-family: "Cormorant";
	background-color: rgba(145, 0, 0, 0.6999999881);
	letter-spacing: 0.5525rem;
	line-height: 1.6;
}

#bg-content-guru .sec-drm {
	margin-bottom: 6rem!important;
}

#bg-dukung-pelita img.img-fluid {
	height: auto;
}

#bg-dukung-pelita .container {
	width: 65%;
	background-color: rgba(145, 0, 0, 0.6999999881);
	letter-spacing: 0.5525rem;
	line-height: 1.6;
}

#bg-dukung-pelita .start-50 {
	left: 51%!important;
}

#bg-dukung-pelita .top-50 {
	top: 47%!important;
}

#bg-dukung-pelita .guru-breadcrumb {
	position: relative;
}

#bg-dukung-pelita h1 {
	font-family: "Cormorant";
	letter-spacing: 3px;

}

#bg-dukung-pelita .jdl-banner {
	font-family: "Cormorant";
	letter-spacing: 3px;
	font-size: 25px
}

#bg-dukung-sectri p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dukung-pelita-carousel .carousel {
	height: auto;
	width: 80%;

}

#bg-dukung-pelita-carousel p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dukung-pelita-carousel .img-gradient {

}

#bg-dukung-pelita-carousel .carousel-caption {
		background: linear-gradient(180deg, rgba(145, 0, 0, 0) -11%, #910000 58.99%); width: 100%; height: 183px; position: absolute;
    right: 8%;
    bottom: -3.75rem;
    left: 0%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

#bg-dukung-pelita-carousel h3 {
	font-family: Montserrat, sans-serif;
}

#bg-dukung-pelita-carousel p {
	font-family: Montserrat, sans-serif;
	font-size: 20px;
}

#dukung-dana .card-pelita {
	width: 17rem;
	height: 20.5rem;
	border: none;
	box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 10);
    transition: all 0.4s;
}

#dukung-dana .card-pelita:hover {
	box-shadow: 0 6px 14px 0 #7f170f;

	 transition: 0.2s;
}

#dukung-dana p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#dukung-dana h5 {
	font-family: "Cormorant SC", serif;
	font-size: 2rem;
	font-weight: 200;
}

#dukung-dana h2 {
	font-family: Montserrat, sans-serif;
	font-size: 2rem;
}

#dukung-dana h2 {
	font-family: Montserrat, sans-serif;
	font-size: 2rem;
}

#dukung-dana .card-footer {
	background-color: rgb(251 247 247 / 3%);
	border-top: 0px;
}

#dukung-dana a.btn-dn-per {
	font-family: Montserrat, sans-serif;
	font-size: 16px;
}

#dukung-dana .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #D9D9D9;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
}

#dukung-dana .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
}

#dukung-dana .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#dukung-dana .card {
	border: none;
	transition: 0.2s;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 10);
}

#dukung-dana .card:hover {
	box-shadow: 0 2px 15px 0 #7f170f;

	 transition: 0.2s;
}

#bg-content-drm .img-dukung-dana {
	width: 100%;
	height: 516px;
	object-fit: cover;
	box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 10);
}

#bg-dk-bk .text-amn-one {
	font-weight: 200;
	font-family:Cormorant SC, serif;
	font-size: 50px;
}

#bg-dk-bk .btn-menjadi-relawan {
	padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    outline: none;
    background-color: #7f170f;
    border: none;
    border-radius: 15px;
    width: 25%;
    font-family: "Montserrat", sans-serif;
    font-size: 22px;
    transition: 0.2s;
    color: #fff;
}

#bg-dk-bk .btn-menjadi-relawan:hover {
    background-color: #fcd412;
    transition: 0.2s;
    color: black;
}

#bg-dk-bk .btn-menjadi-relawan:active {
    background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
	color: #fff;
}

#bg-content-drm .text-dana-praktik {
	padding-top: 6rem !important;
	font-size: 45px;
}

#dukung-dana-jumb .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #D9D9D9;
	border: none;
	border-radius: 15px;
	width: 200px;
	font-family: Montserrat, sans-serif;
}

#dukung-dana-jumb .btn-primary:hover {
	color: #7f170f;
	background-color: #fcd412;
	transition: all 0.4s;
}

#dukung-dana-jumb .btn-primary:active {
	background-color: #fcd412;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#dukung-dana-jumb h5 {
	font-family: "Cormorant SC", serif;
	font-size: 55px;
	font-weight: 500;
}

#dukung-dana-jumb p {
	font-family: "Montserrat", sans-serif;
	font-size: 19px;
}

#dukung-dana-jumb .text-dd-jumb {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-vajrayana p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-vajrayana .img-belajar-merenung {
	padding-top: 6rem;
}

#bg-content-vajrayana h2 {
	color: black;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	font-size: clamp(1.8rem, 3vw, 2.4rem);
}

#bg-content-vajrayana .card-guru {
	width: 18rem;
}

#bg-content-vajrayana .pt-drm {
	padding-top: 6rem;
}

#bg-content-vajrayana .col-md-7 {
	flex: 0 0 auto;
    width: 54.333333%;
}

#bg-content-drm-kd h2 {
	font-family: "Cormorant SC", serif;
	font-size: clamp(3rem, 6vw, 4rem);
}

#bg-content-drm-kd .card {
	border: 0px;
}

#bg-content-drm-kd .card-header {
	background-color: #7f170f;
}

#bg-content-drm-kd .card-footer {
	background-color: #fff;
	border-top: 0px;
}

#bg-content-drm-kd  h5 {
	font-family: "Montserrat", sans-serif;
}

#bg-content-drm-kd  p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-drm-kd .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: black;
	background-color: #D9D9D9;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.2;
	font-family: "Montserrat", sans-serif;
}

#bg-content-drm-kd .btn-primary:hover {
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	transition: 0.2;
}

#bg-content-drm-kd .btn-yel {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: black;
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.2;
	font-family: "Montserrat", sans-serif;
}

#bg-content-drm-kd .btn-yel:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.2;
}

#bg-content-drm-kd img {
	max-width: 100%;
	height: 200.67px;
	object-fit: cover;
}

#bg-content-drm-kd .card-title {
	font-size: 22px;
}

#bg-content-vajrayana .btn-tantra-sh {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: black;
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.2;
}

#bg-content-vajrayana .btn-tantra-sh:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.2;
}

#bg-content-vajrayana .bt-tantra {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(255, 255, 255);
	background-color: #7f170f;
	border: none;
	border-radius: 0px;
	box-shadow: 5px #999;
	width: 98%;
	font-family: "Montserrat", sans-serif;
}

#bg-content-vajrayana .bt-tantra:hover {
	color: rgb(12, 12, 12);
	background-color: #fcd412;
}

#bg-content-vajrayana h5 a {
	font-family: "Montserrat", sans-serif;
	color: #fff;
	transition: all 0.2s;
}

#bg-content-vajrayana .img-gradient {
	background: linear-gradient(180deg, rgba(145, 0, 0, 0) 50%, #910000 78.99%);
}

#bg-content-vajrayana h5 a:hover {
	color: #fcd412;
}

#bg-content-vajrayana .card-tantra {
	border: none;
	transition: 0.2s;
	width: 18rem;
}

#bg-content-vajrayana .card {
	border: none;
	transition: 0.2s;
}

#bg-content-vajrayana .card:hover {
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 10);

	transition: 0.2s;
}

#bg-content-vajrayana .img-tantra {
	height: 527.72px;
	max-width: 100%;
	object-fit: cover;
}

#bg-content-vajrayana .img-tantra-akul {
	height: 448px;
	max-width: 100%;
	object-fit: cover;
}

#bg-content-vajrayana .img-tantra-istadewata {
	height: 329.14px;
	max-width: 100%;
	object-fit: cover;
}

#bg-content-vajrayana .mg-right {
	margin-right: -2.5rem;
}

#bg-content-vajrayana  .btn-gone {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: #940000;
	background-color: #fff;
	border-color: black;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 80%;
	transition: 0.3s;
}

#bg-content-vajrayana .btn-gone:hover {
	color: #fff;
	background-color: #940000;
	transition: 0.3s;
	font-weight: 900;
}

#bg-content-vajrayana .btn-gone:active {
	background-color: #fcd412;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-content-vajrayana button {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
}

#bg-content-vajrayana button:hover {
	color: #fff;
	background-color: #7f170f;
}

#bg-content-vajrayana button:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-content-vajrayana img {
	width: 100%;
	height: auto;
}

#bg-dharma-endover {
	height: auto;
	background-image: linear-gradient(to top, rgba(255,0,0,0), #fbeebf);
}

#bg-dharma-endover p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-dharma-endover .btn-dharma-end {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #D9D9D9;
	border: none;
	border-radius: 50px;
	box-shadow: 5px #999;
	width: 40%;
	font-family: "Montserrat", sans-serif;
}

#bg-dharma-endover .btn-dharma-end:hover {
	color: #fff;
	background-color: #7f170f;
}

#bg-dharma-endover .btn-dharma-end:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#drm-faq button {

	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	font-weight: 900;
}

#drm-faq p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#drm-faq .accordion-item {
	border: 0;
}

#drm-faq .accordion-button:not(.collapsed) {
	color: #7f170f;
	background-color: #ffffff;
}

#drm-faq .accordion-button:focus {
	box-shadow: 0 0 0 .25rem #7f170f;
}

#lap-tahun-audit p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#lap-tahun-audit .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 90px;
}

#lap-tahun-audit .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
}

#lap-tahun-audit .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#bg-materi .jumbotron {
	background-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);

}

#bg-materi .card {
	border: none;
}

#bg-materi p {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
}

#bg-materi .img-thumbnail {
	border: none;
}

#bg-materi-filter table {
	font-family: "Montserrat", sans-serif;
	font-size: smaller;
}

#bg-materi-filter .bg-urutkan {
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	font-weight: bold;
}

#bg-materi-filter .input-search-materi {
	padding: 4px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #d9d9d9;
	border: none;
	border-radius: 6rem;
	width: 100%;
	transition: 0.3s;
}

#bg-materi-filter thead {
	background-color: #7f170f;
}

#bg-materi-filter tfoot {
	background-color: #f9ebc5;
}

#bg-materi-filter tbody {
	background-color: #f9ebc5;
}

#bg-materi-filter tbody, td, tfoot, th, thead, tr {
	border-style: none;
}

#bg-materi-filter .card {
	border: none;

}

#bg-materi-filter .card img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#bg-materi-filter .card h5 {
	font-family: "Montserrat", sans-serif;
}

#bg-materi-filter .card p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-materi-filter hr {
	border: 2px solid #7f170f;
	opacity: 1;
}

#bg-materi .btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #fcd412;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
	font-family: Montserrat, sans-serif;
	font-weight: 500;
}

#bg-materi .btn-primary:hover {
	color: #fff;
	background-color: #7f170f;
	transition: 0.3s;
}

#bg-materi .btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#drm-faq a.btn-primary {
	padding: 10px 15px;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: rgb(12, 12, 12);
	background-color: #D9D9D9;
	border: none;
	border-radius: 15px;
	box-shadow: 5px #999;
	width: 200px;
	transition: 0.3s;
	font-family: Montserrat, sans-serif;
}

#drm-faq a.btn-primary:hover {
	color: #7f170f;
	text-decoration: underline;
	transition: 0.3s;
}

#drm-faq a.btn-primary:active {
	background-color: #7f170f;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

#drm-faq h5 {
	font-family: Montserrat, sans-serif;
	font-size: 22px;
}

#bg-tantra-ava {
	padding-top: 13rem!important;
}

#bg-tantra-ava .card {
	border: 0px;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

#bg-tantra-ava .card-unmodal {
	padding-top: 7rem!important;
}

#bg-tantra-ava a{
	color: #7f170f;
	transition: 0.3s;
}

#bg-tantra-ava a:hover{
	color: #cfa50b;
	transition: 0.3s;
}

#bg-tantra-ava a:active{
	color: blue;
	transition: 0.3s;
}

#bg-tantra-ava .col-border {
	border-bottom: 3px solid #7f170f;
}

#bg-tantra-ava p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-tantra-ava .card-footer {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-tantra-ava .card h1 {
	font-family: "Cormorant SC", serif;
	font-size: 55px;
	font-weight: 900;
	color: #7f170f;
}

#bg-tantra-ava .modal-content {
	background-color: transparent;
	border: 0px;
}

#bg-tantra-ava .modal-header {
	border-bottom: 0px;
}

#bg-tantra-ava .btn-close {
	background-color: #fff;
}

#bg-tantra-ava .img-modal {
	height: 100%;
}

#bg-tantra-end {
	background-color: #f5f5f5;
	border-top: 3px solid #7f170f;
}

#bg-tantra-end .card {
	border: 0px;
}

#bg-tantra-end h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: 900;
}

#bg-tantra-end .card p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-tantra-end img {
	height: 100%;
	border: 1px solid black;
	width: 100%;
}

#bg-tantra-end .card h5 {
	font-family: "Montserrat", sans-serif;
	font-size: 33px;
}

#bg-tantra-end .col-end-prak {
	background-color: #f5f5f5;
}

#bg-tantra-end .card-header {
	background-color: #7f170f;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-tantra-end li {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-tantra-end .table-end {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
}

#bg-trantra-text p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-trantra-text .container {
	border-top: 3px solid #7f170f;
	border-bottom: 3px solid #7f170f;
}

#bg-apa-tantra p.text-more {
	font-size: 22px;
}

#bg-apa-tantra h1 {
	font-family: Cormorant;
	line-height: 157.5%;
	font-size: 64px;
	color: #940000;
}

#bg-apa-tantra p, h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-apa-tantra p, h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-content-vajrayana a.btn-lsm:hover {
	text-decoration: underline;
	transition: 0.3s;
}

#bg-retret-rs a.btn-slp:hover {
	text-decoration: underline;
	transition: 0.3s;
}

#bg-apa-tantra .bg-list {
	font-family: Montserrat, sans-serif;
	font-size: 22px;
}

#bg-content-vajrayana .modal-content {
	background-color: transparent;
	border: 0px;
}

#bg-content-vajrayana .modal-header {
	border-bottom: 0px;
}

#bg-content-vajrayana .card-footer a {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #7f170f;
	transition: 0.3s;
}

#bg-content-vajrayana .card-footer a:hover {
	transition: 0.3s;
	color: blue;
	text-decoration: underline;
}

#bg-tantra-box {
	background-color: #D9D9D9;
}

#bg-tantra-box h1 {
	font-family: Cormorant;
	line-height: 157.5%;
	font-size: 50px;
	color: #940000;
}

#bg-tantra-box p {
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-tantra-box .col-box {
	box-shadow: 0px 0px 15px #888888;
	background-color: #fff;
	border-bottom: 2px solid #7f170f;
}

#bg-tantra-box .btn-mantra-play {
	padding: 5px 30px;
	font-size: 22px;
	text-align: center;
	cursor: pointer;
	outline: none;
	color: white;
	background-color: #7f170f;
	border: none;
	border-radius: 6rem;
	width: 300px;
	transition: 0.3s;
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
}

#bg-tantra-box .btn-mantra-play:hover {
	background-color: #fcd412;
	transition: 0.3s;
	color: black;
}

#footer {
	position: relative;
	background-color: #7f170f;
}

#footer .name-logo {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
}

#footer h5 {
	font-weight: 400;
	line-height: 1;
	letter-spacing: 1px;
}

#footer a {
	color: white;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1px;
}

#footer a:hover {
	color: #fcd412;
}

#footer a svg:hover {
	transition: all 0.3s ease-in-out;
	animation-name: zoom-in-zoom-out;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1);
	}
	50% {
		transform: scale(1.1, 1.1);
	}
	100% {
		transform: scale(1, 1);
	}
}

#footer .footer-judul {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 1px;
}

#footer .col-icon {
	text-align: right;
}

html, body {
    overflow-x: hidden;
    overflow-y: auto !important;
    height: auto !important;
}

body.modal-open {
    overflow: auto !important;
}