/* fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  font-family: "Poppins", sans-serif;
  scroll-behavior: smooth;
  text-decoration: none;
}

html {
  background-image: url(img/bghero.png);
  width: 100%;
}

body {
  background-color: transparent;
}

section {
  padding-top: 5rem;
}

/* Desktop Version */

/* navbar */
.navbar {
  background-color: #ffeb5b;
}

.navbar-brand span {
  color: #f38181;
}

.navbar-brand {
  font-weight: 800;
}

.nav-link:hover::after {
  content: "";
  display: block;
  border-bottom: 3px solid #f38181;
  width: 50%;
  margin: auto;
  padding-bottom: 5px;
  margin-bottom: -8px;
}

/* hero section */
#hero-section {
  padding-top: 5rem;
}

.hero-section h3 {
  font-weight: 300;
  font-size: 48px;
}

.hero-section h1 {
  font-weight: 700;
  font-size: 80px;
}

.hero-section h2 {
  font-weight: 600;
  font-size: 64px;
}

.hero-section span {
  color: #f38181;
}

.button-tentang-kami {
  background-color: #26355d;
  color: white;
  font-weight: 500;
  border-radius: 15px;
  width: 177px;
  height: 47px;
}

.hero-section i {
  font-size: 30px;
  color: #26355d;
  margin-top: 10px;
}

.hero-section a {
  text-decoration: none;
}

.text-hero {
  margin-top: 204px;
}

.img-hero {
  margin-top: 72px;
}

/* tentang kami */
#tentang-kami {
  margin-top: 193px;
}

.tentang-kami-img img {
  margin-right: 15px;
}

#tentang-kami h2 {
  font-size: 40px;
  font-weight: 600;
}

#tentang-kami h2 span {
  color: #f38181;
}

#tentang-kami h3 span {
  color: #f38181;
}

/* jadwal dan biaya */
#jadwal-biaya {
  margin-top: 185px;
}

.button-jadwal-satu {
  background-color: #26355d;
  color: white;
  font-weight: 500;
  border-radius: 15px;
  width: 177px;
  height: 47px;
}

.button-jadwal-dua {
  background-color: #f38181;
  color: white;
  font-weight: 500;
  border-radius: 15px;
  width: 177px;
  height: 47px;
}

.button-jadwal-tiga {
  background-color: #6b88ee;
  color: white;
  font-weight: 500;
  border-radius: 15px;
  width: 177px;
  height: 47px;
}

.button-jadwal-empat {
  background-color: #95e1d3;
  color: #26355d;
  font-weight: 500;
  border-radius: 15px;
  width: 177px;
  height: 47px;
}

.text-jadwalbiaya h2 {
  font-size: 40px;
  font-weight: 600;
}

.text-jadwalbiaya h2 span {
  color: #f38181;
}

.card {
  border-radius: 20px;
}

.card-1 {
  background-color: #f38181;
  color: white;
}

.card-2 {
  background-color: #000d6b;
  color: white;
}

.card-3 {
  background-color: #95e1d3;
  color: #26355d;
}

.card-4 {
  background-color: #6b88ee;
  color: white;
}

.card-1 h3,
.card-2 h3,
.card-3 h3,
.card-4 h3 {
  font-size: 32px;
  font-weight: 600;
}

.card-1 h6,
.card-2 h6,
.card-3 h6,
.card-4 h6 {
  font-weight: 700;
}

.card-body h5 {
  font-size: 20px;
  font-weight: 700;
}

.card-1 h6 {
  color: #95e1d3;
}

/* info panel */
.info-panel {
  background-color: #f38181;
  height: 158px;
  border-radius: 20px;
}

.info-panel p {
  font-weight: 600;
  font-size: 40px;
  color: #95e1d3;
}

.info-panel p span {
  color: #26355d;
}

/* aktivitas */
#aktivitas h2 {
  font-size: 40px;
  font-weight: 600;
}

#aktivitas h2 span {
  color: #f38181;
}

.box:hover img {
  transform: scale(1.2);
  cursor: pointer;
}

/* informasi panel */
.informasi-panel {
  background-color: #95e1d3;
  height: 158px;
  border-radius: 20px;
}

.informasi-panel p {
  font-weight: 600;
  font-size: 32px;
  color: #26355d;
}

.informasi-panel p span {
  color: #f38181;
}

.informasi-panel a i {
  color: #26355d;
  text-decoration: none;
  font-size: 32px;
}

.informasi-panel a {
  font-size: 30px;
  text-decoration: none;
  color: #26355d;
}

/* kontak */
#kontak h2 {
  font-size: 40px;
  font-weight: 600;
}

#kontak h2 span {
  color: #f38181;
}

form {
  background-color: #f38181;
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.map-area {
  width: 600px;
  height: 463px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.map-area iframe {
  width: 100%;
  height: 100%;
}

/* footer */
footer {
  background-color: #ffeb5b;
  border: 1px solid #f38181;
}

footer i {
  font-size: 25px;
  color: #26355d;
  margin-top: 10px;
}

footer p {
  font-weight: 600;
  font-size: 25px;
}

footer span {
  color: #f38181;
}

/* halaman tentang kami lanjutan */
#tentangKami-konsepDasar {
  margin-top: 124px;
}

#tentangKami-konsepDasar h2 span {
  color: #f38181;
}

.text-tentangkami h3 span {
  color: #f38181;
}

.konsep_dasar {
  background-color: #95e1d3;
}

.konsep_dasar h3 span {
  color: #f38181;
}

.konsep_dasar p b span {
  color: #f38181;
}

.konsep_dasar ul li b span {
  color: #f38181;
}

/* visi misi */
#visi-misi {
  margin-top: 124px;
}

#visi-misi h2 span {
  color: #f38181;
}

.visi-misi-img img {
  margin-right: 15px;
}

.text-visimisi h3 {
  font-weight: 600;
  font-size: 48px;
}

.text-visimisi p {
  font-weight: 400;
  font-size: 40px;
  line-height: 1.5;
}

.text-visimisi-2 h3 {
  font-weight: 600;
  font-size: 48px;
}

.text-visimisi-2 h3 span {
  color: #f38181;
}

.text-visimisi-2 p {
  font-weight: 400;
  font-size: 40px;
  line-height: 1.5;
}

/* fasilitas */
#fasilitas {
  margin-top: 124px;
}

#fasilitas h2 span {
  color: #f38181;
}

.text-fasilitas-2 {
  margin-top: 148px;
}

.text-fasilitas-2 h4 {
  font-weight: 700;
  color: #f38181;
  font-size: 35px;
}

.text-fasilitas-2 ul {
  margin-top: 51px;
  font-size: 28px;
  font-weight: 600;
}