@font-face {
  font-family: "gilroy";
  src: url("/asset/font/gilroy/Gilroy-Light.otf");
}
@font-face {
  font-family: "gilroy-bold";
  src: url("/asset/font/gilroy/Gilroy-ExtraBold.otf");
  font-weight: bold;
}
body {
  font-family: "gilroy";
}
main {
  width: 100%;
  margin: 0 auto;
  min-height: calc(100vh - 320px);
}
.navbar {
  font-size: 18px !important;
  padding-left: 5px;
}
.nav-link {
  color: #0d7fc8 !important;
  font-weight: bold;
  font-family: "gilroy-bold";
  margin-right: 10px;
}
.jumbotron {
  background-color: #f3fefd;
  width: 100%;
  height: 800px;
  padding-top: 180px;
  margin-bottom: 190px !important;
}
.submit {
  border-radius: 28px;
  background-color: #1177bc;
  font-family: "gilroy-bold";
  color: white;
  text-decoration: none;
  width: 50%;
  border: none;
}
.submit2 {
  background-color: #1177bc;
  font-family: "gilroy-bold";
  color: white;
  text-decoration: none;
  width: 100%;
  height: 50px;
  border: none;
  margin-bottom: 25px;
}
.award {
  background-image: url(/asset/img/bg.png);
  width: 100%;
  height: auto;
  background-size: cover;
}
.judul {
  font-family: "gilroy-bold";
  text-align: center;
  margin-top: -60px;
  color: #206bf2;
  margin-bottom: 50px;
}
.judul-2 {
  font-family: "gilroy-bold";
  text-align: center;
  color: #206bf2;
}
.kenapa-judul {
  font-family: "gilroy-bold";
  color: #206bf2;
}
.kenapa-isi {
  font-family: "gilroy";
  color: #206bf2;
  margin-top: -10px;
  text-align: justify;
}
.xschool {
  background-image: url(/asset/img/bg-xschool.png);
  background-size: cover;
  width: 100%;
  height: auto;
}
tr:nth-child(even) {
  background-color: #f2f2f2;
}
th {
  background-color: #1177bc;
  color: white !important;
}
.ul-table {
  margin-left: -40px;
}
.gabung-sekarang {
  background-image: url(/asset/img/bg-xschool.png);
  width: 100%;
  background-size: cover;
  height: 800px;
}
.submit-gabung {
  margin-right: 20px;
  border-radius: 28px;
  background-color: #1177bc;
  font-family: "gilroy-bold";
  color: white;
  text-decoration: none;
  width: 35%;
  border: none;
}
.footer {
  background-image: url(/asset/img/footer.png);
  background-size: cover;
  height: auto;
  width: 100%;
}
.bootcamp-border {
  border-radius: 30px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.bootcamp-border-tanggal {
  background-color: #f2f2f2;
  border-radius: 15px;
}
.bootcamp-isi-konten {
  font-size: 12px;
}
.bootcamp-judul {
  font-family: "gilroy-bold";
  color: #1177bc;
}
/* ======untuk xschool========= */
.jumbotron-xschool {
  background-image: url(/asset/img/xschool.png);
  background-size: cover;
  margin-top: 120px;
  width: 100%;
  height: 600px;
}
.box-jumbotron {
  background-color: #f2f2f2;
  border-radius: 30px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.why-join {
  background-image: url(/asset/img/bg-xcshool2.png);
  background-size: cover;
  width: 100%;
  z-index: 1;
  height: 700px;
  margin-top: -50px;
}
.isi-why-join {
  color: #0d7fc8;
  font-family: "gilroy-bold";
}
.isi-pilih-kelas {
  color: #1177bc;
}
/* =====testimoni */
.testimoni {
  width: 100%;
  height: auto;
}
/* dasbord sekolah  */

.datasekolah {
  background-color: #eeeff0;
  width: 100%;
  height: auto;
}
.adminlte-sekolah {
  margin-top: 90px;
  padding-bottom: 550px;
}
/* ===== detail x school dan bootcamp ======= */
.jumbotron-detail {
  background-color: #010815;
  background-size: cover;
  width: 100%;
  height: 500px;
  margin-top: 100px;
}
.judul-program {
  font-family: "gilroy-bold";
  color: white;
}
.isi-jumbotron {
  color: white;
}
.informasi {
  color: white;
}
.box-detail {
  background-color: #eeeff0;
  width: 100%;
  height: auto;
  border-radius: 15px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.box-melayang {
  background-color: #f3fefd;
  width: 100%;
  height: 1100px;
  z-index: 1;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.judul-dalam {
  font-family: "gilroy-bold";
  color: #0b7dda;
}
.rata {
  color: #0b7dda;
}
/* rating  */
.bar {
  border-radius: 25px;
  height: 10px;
  background-color: #f1d903;
  padding-bottom: 10px;
}
.cari {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 40%;
  background: #f1f1f1;
}
.cari-button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #2196f3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none;
  cursor: pointer;
}
.cari-button:hover {
  background: #0b7dda;
}
.angka {
  font-family: "gilroy-bold";
  color: #0b7dda;
}
.col-25 {
  float: left;
  width: 25%;
}
.col-75 {
  font-size: 17px;
  border: 1px solid grey;
  float: left;
}
/* ahir reating  */

/* untuk desktop ukuran 992*/
@media (min-width: 992px) {
  .jumbotron-judul {
    color: #206bf2;
    font-size: 40px !important;
    font-family: "gilroy-bold";
  }
  .jumbotron-konten {
    color: #206bf2;
    font-size: 20px !important;
  }
  .judul {
    font-size: 25px !important;
  }
  .award-konten {
    text-align: left !important;
    color: #0d7fc8;
    font-size: 25px !important;
    padding-bottom: 50px;
    padding-top: 50px;
  }
  .award-konten-isi {
    text-align: left;
  }
  .kenapa {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: left !important;
  }
  .judul-2 {
    font-size: 40px !important;
    padding-bottom: 50px !important;
  }
  .kenapa-judul {
    font-size: 20px !important;
  }
  .kenapa-isi {
    font-size: 16px !important;
  }
  .xschool {
    margin-top: 100px;
  }
  .bootcamp {
    margin-top: 100px;
    margin-bottom: 50px;
    text-align: center;
  }
  .bootcamp-jarak-konten {
    padding-top: 10px;
  }
  .bootcamp-jarak-judul {
    margin-top: -90px;
  }
  .bootcamp-judul {
    padding-top: 10px;
    margin-bottom: -5px;
    font-size: 20 !important;
  }
  .bootcamp-border-tanggal {
    margin-top: -80px !important;
    margin-right: 30px !important;
    margin-left: 20px !important;
    margin-bottom: 110px !important;
  }
  .bootcamp-border {
    padding: 30px 10px 20px 20px;
    margin-right: 50px;
    width: 100%;
  }
  .tab-content {
    margin-left: 100px !important;
  }
  .pilihan {
    margin-bottom: 50px;
  }
  .gabung-sekarang {
    margin-top: 110px;
  }
  .gabung-sekarang-jarak {
    margin-top: 170px;
  }
  .gabung-sekarang-xschool {
    margin-top: 80px !important;
  }
  .bussines-partner {
    margin-top: 50px !important;
  }
  .footer {
    padding-top: 200px !important;
  }
  .isi-footer {
    padding-top: 200px !important;
  }
  .footer-isi {
    padding-top: 50px;
  }
  /* ======== untuk x school======== */
  .box-jumbotron {
    margin-top: 80px !important;
    padding-bottom: 20px !important;
  }
  .why-join {
    padding-top: 90px;
  }
  .isi-why-join {
    margin-top: 70px !important;
    font-size: 20px !important;
  }
  /* ==untuk pilih kelas ============== */
  .pilihkelas {
    background-color: #f3fefd;
    margin-top: 80px !important;
    padding-bottom: 100px;
  }
  .konten-pilih-kelas {
    margin-top: 50px;
  }
  .isi-pilih-kelas {
    font-size: 18px !important;
    padding-top: 50px;
  }
  .img-konten-web {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left;
    margin-right: 17 0px;
  }
  /* pilihanlayanan */
  .pilihanlayanan {
    margin-top: 80px !important;
  }
  /* .testimoni */
  .testimoni {
    margin-top: 100px !important;
  }
  /* .datasekolah */
  .datasekolah {
    text-align: left !important;
  }
  .signup {
    margin-top: 200px !important;
    text-align: center !important;
  }
  .form-signup {
    margin-top: 50px;
    margin-left: -100px;
  }
  .dasboard-sekolah-isi {
    margin-top: 20px;
  }
  .dasboard-sekolah-isi-2 {
    margin-bottom: 20px;
  }
  /* untuk x school dan bootcamp  */

  .jumbotron-detail {
    padding-top: 150px !important;
  }
  .judul-program {
    font-size: 35px !important;
  }
  .informasi {
    margin-top: 18px !important;
  }
  .box-detail {
    margin-top: 50px !important;
    padding-top: 10px !important;
    padding-bottom: 1px !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  }
  .rata {
    text-align: left !important;
    padding-left: 1px !important;
    font-size: 16px !important;
  }
  .box-melayang {
    margin-top: -1600px !important;
    padding-top: 20px !important;
    padding-bottom: 50px !important;
  }
  .judul-dalam {
    font-size: 18px !important;
  }
  .cari {
    width: 80% !important;
  }
  .col-25 {
    margin-top: -10px !important;
    padding-top: 10px !important;
    width: 50%;
  }
  .col-75 {
    height: 45px;
    width: 50%;
  }
  .rating {
    margin-top: 50px;
    padding-bottom: 100px;
  }
  .angka {
    font-size: 100px !important;
    padding-bottom: 10px;
    text-align: center !important;
  }
  .bintang {
    margin-top: -35px !important;
    text-align: center;
  }
  .testimoni-rating {
    margin-top: 25px;
  }
  .jarak {
    margin-left: -85px;
  }
}

/* untuk mobile  */
@media (min-width: 400px) {
  .jumbotron {
    margin-bottom: 51px;
  }
  .jumbotron-judul {
    font-weight: bold;
    color: #206bf2;
    font-size: 30px;
    font-family: "gilroy-bold";
  }
  .jumbotron-konten {
    color: #206bf2;
    text-align: justify;
    font-size: 16px;
  }
  .award {
    margin-top: -90px;
  }
  .award-konten {
    padding-top: 45px;
    text-align: center;
    font-size: 16px;
  }
  .award-konten-isi {
    text-align: justify;
    color: #206bf2;
  }
  .judul {
    font-size: 20px;
  }
  .kenapa {
    text-align: center;
  }
  .judul-2 {
    padding-top: 20px;
    font-size: 30px;
    padding-bottom: 20px;
  }
  .kenapa-judul {
    font-size: 16px;
  }
  .kenapa-isi {
    font-size: 14px;
  }
  .xschool {
    margin-top: 100px;
    text-align: center;
  }
  .bootcamp {
    margin-top: 100px;
  }
  .bootcamp-judul {
    padding-top: 10px;
    margin-bottom: -5px;
    font-size: 16;
  }
  .bootcamp-jarak-konten {
    text-align: center;
    margin-bottom: 100px;
  }
  .tab-content {
    margin-left: 0px;
  }
  .bootcamp-border {
    padding: 30px 10px 20px 20px;
  }
  .bootcamp-border-tanggal {
    background-color: #f2f2f2;
    border-radius: 15px;
    margin-top: -100px;
    margin-right: 60px;
    margin-left: 40px;
    margin-bottom: 60px;
  }
  .pilihan {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .bussines-partner {
    margin-top: 80px;
  }
  .footer {
    padding-top: 200px;
  }
  .isi-footer {
    padding-top: 200px;
  }
  /* ==== untuk x school ====  */
  .box-jumbotron {
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
  }
  .isi-why-join {
    margin-top: 20px;
    font-size: 18px;
    padding-bottom: 10px;
  }
  .pilihkelas {
    margin-top: 90px;
  }
  /* gabung  */
  .gabung-sekarang-xschool {
    margin-top: 80px;
  }
  /* .pilihanlayanan */
  .pilihanlayanan {
    margin-top: 80px;
  }
  /* .testimoni */
  .testimoni {
    margin-top: 100px;
  }
  /* .datasekolah */
  .datasekolah {
    text-align: center;
  }
  .img-dasboard {
    padding-bottom: 20px;
  }
  /* untuk .signup  */
  .signup {
    margin-top: 200px;
    text-align: center;
  }
  .dasboard-sekolah-isi {
    margin-top: 20px;
  }
  .dasboard-sekolah-isi-2 {
    margin-bottom: 20px;
  }
  /* untuk x school dan bootcamp  */
  .jumbotron-detail {
    padding-top: 120px;
  }
  .judul-program {
    font-size: 25px;
  }
  .informasi {
    margin-top: 10px;
  }
  .box-detail {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
  }
  .rata {
    text-align: left;
    padding-left: 1px;
    font-size: 16px;
  }
  .box-melayang {
    margin-top: 20px;
    padding-top: 25px;
  }
  .judul-dalam {
    font-size: 18px;
  }
  .side,
  .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
  .cari {
    width: 80%;
  }
  .col-25 {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
  }
  .col-75 {
    height: 45px;
    width: 100%;
  }
  .angka {
    font-size: 60px;
    padding-bottom: 10px;
    text-align: center;
  }
  .bintang {
    margin-top: -35px;
    text-align: center;
  }
}