@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
/* Imported from BS variables */
.bg-teal {
	background: var(--bs-teal);
}
.text-teal {
	color: var(--bs-teal);
}
.bg-blue {
	background: var(--bs-blue);
}
.text-blue {
	color: var(--bs-blue);
}
.bg-indigo {
	background: var(--bs-indigo);
}
.text-indigo {
	color: var(--bs-indigo);
}
.bg-purple {
	background: var(--bs-purple);
}
.text-purple {
	color: var(--bs-purple);
}
.bg-pink {
	background: var(--bs-pink);
}
.text-pink {
	color: var(--bs-pink);
}
.bg-red {
	background: var(--bs-red);
}
.text-red {
	color: var(--bs-red);
}
.bg-orange {
	background: var(--bs-orange);
}
.text-orange {
	color: var(--bs-orange);
}
.bg-yellow {
	background: var(--bs-yellow);
}
.text-yellow {
	color: var(--bs-yellow);
}
.bg-green {
	background: var(--bs-green);
}
.text-green {
	color: var(--bs-green);
}
.bg-cyan {
	background: var(--bs-cyan);
}
.text-cyan {
	color: var(--bs-cyan);
}
.bg-gray {
	background: var(--bs-gray);
}
.text-gray {
	color: var(--bs-gray);
}
.bg-gray-dark {
	background: var(--bs-gray-dark);
}
.text-gray-dark {
	color: var(--bs-gray-dark);
}
.bg-gray-100 {
	background: var(--bs-gray-100);
}
.text-gray-100 {
	color: var(--bs-gray-100);
}
.bg-gray-200 {
	background: var(--bs-gray-200);
}
.text-gray-200 {
	color: var(--bs-gray-200);
}
.bg-gray-300 {
	background: var(--bs-gray-300);
}
.text-gray-300 {
	color: var(--bs-gray-300);
}
.bg-gray-400 {
	background: var(--bs-gray-400);
}
.text-gray-400 {
	color: var(--bs-gray-400);
}
.bg-gray-500 {
	background: var(--bs-gray-500);
}
.text-gray-500 {
	color: var(--bs-gray-500);
}
.bg-gray-600 {
	background: var(--bs-gray-600);
}
.text-gray-600 {
	color: var(--bs-gray-600);
}
.bg-gray-700 {
	background: var(--bs-gray-700);
}
.text-gray-700 {
	color: var(--bs-gray-700);
}
.bg-gray-800 {
	background: var(--bs-gray-800);
}
.text-gray-800 {
	color: var(--bs-gray-800);
}
.bg-gray-900 {
	background: var(--bs-gray-900);
}
.text-gray-900 {
	color: var(--bs-gray-900);
}
/* ========================================= */
.bg-custom {
	background-color: #FFB9A4;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff6af3'/%3E%3Cstop offset='1' stop-color='%23ff6af3' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2383ff52'/%3E%3Cstop offset='1' stop-color='%2383ff52' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23197dff'/%3E%3Cstop offset='1' stop-color='%23197dff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFB9A4'/%3E%3Cstop offset='1' stop-color='%23FFB9A4' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233140FF'/%3E%3Cstop offset='1' stop-color='%233140FF' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230CF'/%3E%3Cstop offset='1' stop-color='%230CF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
}
.bg-custom2 {
	background-color: #000000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='943' height='943' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke-opacity='0.3'%3E%3Cg stroke='%23026' stroke-width='17'%3E%3Cline x1='-8' y1='-8' x2='808' y2='808'/%3E%3Cline x1='-8' y1='792' x2='808' y2='1608'/%3E%3Cline x1='-8' y1='-808' x2='808' y2='8'/%3E%3C/g%3E%3Cg stroke='%23002163' stroke-width='16'%3E%3Cline x1='-8' y1='767' x2='808' y2='1583'/%3E%3Cline x1='-8' y1='17' x2='808' y2='833'/%3E%3Cline x1='-8' y1='-33' x2='808' y2='783'/%3E%3Cline x1='-8' y1='-783' x2='808' y2='33'/%3E%3C/g%3E%3Cg stroke='%23002060' stroke-width='15'%3E%3Cline x1='-8' y1='742' x2='808' y2='1558'/%3E%3Cline x1='-8' y1='42' x2='808' y2='858'/%3E%3Cline x1='-8' y1='-58' x2='808' y2='758'/%3E%3Cline x1='-8' y1='-758' x2='808' y2='58'/%3E%3C/g%3E%3Cg stroke='%23001f5c' stroke-width='14'%3E%3Cline x1='-8' y1='67' x2='808' y2='883'/%3E%3Cline x1='-8' y1='717' x2='808' y2='1533'/%3E%3Cline x1='-8' y1='-733' x2='808' y2='83'/%3E%3Cline x1='-8' y1='-83' x2='808' y2='733'/%3E%3C/g%3E%3Cg stroke='%23001e59' stroke-width='13'%3E%3Cline x1='-8' y1='92' x2='808' y2='908'/%3E%3Cline x1='-8' y1='692' x2='808' y2='1508'/%3E%3Cline x1='-8' y1='-108' x2='808' y2='708'/%3E%3Cline x1='-8' y1='-708' x2='808' y2='108'/%3E%3C/g%3E%3Cg stroke='%23001d56' stroke-width='12'%3E%3Cline x1='-8' y1='667' x2='808' y2='1483'/%3E%3Cline x1='-8' y1='117' x2='808' y2='933'/%3E%3Cline x1='-8' y1='-133' x2='808' y2='683'/%3E%3Cline x1='-8' y1='-683' x2='808' y2='133'/%3E%3C/g%3E%3Cg stroke='%23001c53' stroke-width='11'%3E%3Cline x1='-8' y1='642' x2='808' y2='1458'/%3E%3Cline x1='-8' y1='142' x2='808' y2='958'/%3E%3Cline x1='-8' y1='-158' x2='808' y2='658'/%3E%3Cline x1='-8' y1='-658' x2='808' y2='158'/%3E%3C/g%3E%3Cg stroke='%23001b4f' stroke-width='10'%3E%3Cline x1='-8' y1='167' x2='808' y2='983'/%3E%3Cline x1='-8' y1='617' x2='808' y2='1433'/%3E%3Cline x1='-8' y1='-633' x2='808' y2='183'/%3E%3Cline x1='-8' y1='-183' x2='808' y2='633'/%3E%3C/g%3E%3Cg stroke='%23001a4c' stroke-width='9'%3E%3Cline x1='-8' y1='592' x2='808' y2='1408'/%3E%3Cline x1='-8' y1='192' x2='808' y2='1008'/%3E%3Cline x1='-8' y1='-608' x2='808' y2='208'/%3E%3Cline x1='-8' y1='-208' x2='808' y2='608'/%3E%3C/g%3E%3Cg stroke='%23001949' stroke-width='8'%3E%3Cline x1='-8' y1='567' x2='808' y2='1383'/%3E%3Cline x1='-8' y1='217' x2='808' y2='1033'/%3E%3Cline x1='-8' y1='-233' x2='808' y2='583'/%3E%3Cline x1='-8' y1='-583' x2='808' y2='233'/%3E%3C/g%3E%3Cg stroke='%23001846' stroke-width='7'%3E%3Cline x1='-8' y1='242' x2='808' y2='1058'/%3E%3Cline x1='-8' y1='542' x2='808' y2='1358'/%3E%3Cline x1='-8' y1='-558' x2='808' y2='258'/%3E%3Cline x1='-8' y1='-258' x2='808' y2='558'/%3E%3C/g%3E%3Cg stroke='%23001743' stroke-width='6'%3E%3Cline x1='-8' y1='267' x2='808' y2='1083'/%3E%3Cline x1='-8' y1='517' x2='808' y2='1333'/%3E%3Cline x1='-8' y1='-533' x2='808' y2='283'/%3E%3Cline x1='-8' y1='-283' x2='808' y2='533'/%3E%3C/g%3E%3Cg stroke='%2300163f' stroke-width='5'%3E%3Cline x1='-8' y1='292' x2='808' y2='1108'/%3E%3Cline x1='-8' y1='492' x2='808' y2='1308'/%3E%3Cline x1='-8' y1='-308' x2='808' y2='508'/%3E%3Cline x1='-8' y1='-508' x2='808' y2='308'/%3E%3C/g%3E%3Cg stroke='%2300153c' stroke-width='4'%3E%3Cline x1='-8' y1='467' x2='808' y2='1283'/%3E%3Cline x1='-8' y1='317' x2='808' y2='1133'/%3E%3Cline x1='-8' y1='-333' x2='808' y2='483'/%3E%3Cline x1='-8' y1='-483' x2='808' y2='333'/%3E%3C/g%3E%3Cg stroke='%23001439' stroke-width='3'%3E%3Cline x1='-8' y1='342' x2='808' y2='1158'/%3E%3Cline x1='-8' y1='442' x2='808' y2='1258'/%3E%3Cline x1='-8' y1='-458' x2='808' y2='358'/%3E%3Cline x1='-8' y1='-358' x2='808' y2='458'/%3E%3C/g%3E%3Cg stroke='%23001336' stroke-width='2'%3E%3Cline x1='-8' y1='367' x2='808' y2='1183'/%3E%3Cline x1='-8' y1='417' x2='808' y2='1233'/%3E%3Cline x1='-8' y1='-433' x2='808' y2='383'/%3E%3Cline x1='-8' y1='-383' x2='808' y2='433'/%3E%3C/g%3E%3Cg stroke='%23013' stroke-width='1'%3E%3Cline x1='-8' y1='392' x2='808' y2='1208'/%3E%3Cline x1='-8' y1='-408' x2='808' y2='408'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
}

.bg-custom3 {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1770%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='url(%23SvgjsLinearGradient1771)'%3e%3c/rect%3e%3cpath d='M1920 0L1339.4299999999998 0L1920 526.82z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M1339.4299999999998 0L1920 526.82L1920 789.75L1144.0199999999998 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M1144.02 0L1920 789.75L1920 911.53L537.4499999999999 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M537.4499999999998 0L1920 911.53L1920 954.49L296.9599999999998 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 1080L22.07 1080L0 651.1700000000001z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 651.1700000000001L22.07 1080L494.7 1080L0 432.70000000000005z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 432.70000000000005L494.7 1080L844.29 1080L0 361.25000000000006z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 361.25L844.29 1080L1079.51 1080L0 358.75z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1770'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='10.94%25' y1='-19.44%25' x2='89.06%25' y2='119.44%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1771'%3e%3cstop stop-color='rgba(248%2c 249%2c 250%2c 0.65)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(66%2c 165%2c 245%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}

html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
}
.font-quicksand {
	font-family: 'Quicksand', sans-serif;
}
.btn-rounded {
	border-radius: 1.563rem;
	padding: 0.375rem 1rem;
}
.bg-black {
	background: #000;
}
.text-black {
	color: #000;
}
.bg-material-blue {
	background-color: #42A5F5 !important;
}
.text-material-blue {
	color: #42A5F5 !important;
}
.bg-material-green {
	background-color: #1AB292 !important;
}
.text-material-green {
	color: #1AB292 !important;
}
.bg-material-red {
	background-color: #EF5350 !important;
}
.text-material-red {
	color: #EF5350 !important;
}
.bg-material-orange {
	background-color: #FF8A65 !important;
}
.text-material-orange {
	color: #FF8A65 !important;
}

.opsi-card {
    cursor: pointer;
}

.opsi-box {
    border: 2px solid #dee2e6;
    padding: 18px;
    border-radius: 12px;
    font-weight: 600;
    background: #fff;
    transition: 0.2s ease-in-out;
}

.opsi-box:hover {
    background: #f8f9fa;
    transform: translateY(-2px);
}

.opsi-input:checked + .opsi-box {
    background: #0d6efd;
    color: white;
    border-color: #0d6efd;
}


#bgGedung2 {
	background-image: url("../img/gedung2-edit.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.alert-show {
	animation: disappear 3s infinite;
}
@keyframes disappear {
	0% { opacity: 1 }
	50% { opacity: 0.5 }
	100% { opacity: 0 }
}