@import url("https://fonts.googleapis.com/css2?family=Montserrat: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&family=Orbit&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  font-family: Montserrat;
  color: #263b3b;
}

#loader {
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  background-color: #263b3b;
  z-index: 9999;
  text-align: center;
  margin: 0;
  padding: 0;
}

#loader img {
  width: 100%;
  max-height: 100px;
  object-fit: contain;
  margin-top: calc(50vh - 50px);
}

.pr-color {
  color: #263b3b !important;
}

.pr-bg-color {
  background-color: #263b3b;
  color: #fff;
}

.pr-bg-t-color {
  background: linear-gradient(0deg, rgba(38, 59, 59, 0.067) 36%, rgba(38, 59, 59, 0) 100%);
}

.pr-bg-t-color-bottom {
  padding-bottom: 10px;
  background: linear-gradient(0deg, rgba(38, 59, 59, 0.067) 36%, rgba(38, 59, 59, 0) 100%);
}

.pr-border {
  border: 3px solid #263b3b;
}

.h1-extra {
  font-size: 50px;
  line-height: 1.3;
}

.h3-extra {
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: -2px;
}

.btn-nawadya-one {
  padding: 5px 20px 5px 20px;
  border: 3px solid #263b3b;
  border-radius: 50px;
  font-weight: 700;
  font-size: x-large;
  text-decoration: none;
  color: #263b3b;
  transition: 100ms ease;
}

.btn-nawadya-one:hover {
  padding: 5px 20px 5px 20px;
  background-color: #263b3b;
  border-radius: 50px;
  font-weight: 700;
  font-size: x-large;
  text-decoration: none;
  color: #ffffff;
  transform: scale(1.1);
}

.btn-nawadya-two {
  padding: 5px 20px 5px 20px;
  border: 3px solid #263b3b;
  border-radius: 50px;
  font-weight: 600;
  font-size: medium;
  text-decoration: none;
  color: #263b3b;
  transition: 100ms ease;
}

.btn-nawadya-two:hover {
  padding: 5px 20px 5px 20px;
  /* background-color: #fff; */
  border-radius: 50px;
  font-weight: 800;
  font-size: medium;
  text-decoration: none;
  color: #263b3b;
  transform: scale(1.1);
}

.btn-nawadya-three {
  padding: 5px 20px 5px 20px;
  border: 3px solid #263b3b;
  background-color: #263b3b;
  border-radius: 50px;
  font-weight: 600;
  font-size: x-large;
  text-decoration: none;
  color: #ffffff;
  transition: 100ms ease;
}

.btn-nawadya-three:hover {
  padding: 5px 20px 5px 20px;
  background-color: #ffffff;
  border-radius: 50px;
  font-weight: 800;
  font-size: x-large;
  text-decoration: none;
  color: #263b3b;
  transform: scale(1.1);
}

.btn-nawadya-four {
  border-radius: 50px;
  font-weight: 600;
  font-size: medium;
  text-decoration: none;
  color: #263b3b;
  transition: 100ms ease;
}

.btn-nawadya-five {
  padding: 5px 20px 5px 20px;
  border: 3px solid #263b3b;
  background-color: #fff;
  border-radius: 50px;
  font-weight: 600;
  font-size: large;
  text-decoration: none;
  color: #263b3b;
  transition: 100ms ease;
  border: #263b3b;
}

.btn-nawadya-five:hover {
  padding: 5px 20px 5px 20px;
  background-color: #152323;
  border-radius: 50px;
  font-weight: 700;
  font-size: large;
  text-decoration: none;
  color: #fff;
}

.btn-nawadya-four:hover {
  font-weight: 700;
  font-size: medium;
  text-decoration: none;
  color: #263b3b;
}

.marked {
  background-color: #263b3b;
  color: #fff;
  padding: 0px 5px 0px 5px;
}

.mt-extra {
  margin-top: 75px;
}

select.form-select:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #263b3b;
  box-shadow: none;
  outline: 0 none;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #e6e6e6;
  margin-right: 10px !important;
}

::-webkit-scrollbar-thumb {
  background: #263b3b;
  width: 5px;
  -webkit-animation: gradientLine 5s ease infinite;
  -moz-animation: gradientLine 5s ease infinite;
  animation: gradientLine 5s ease infinite;
}

::-webkit-scrollbar-thumb:hover {
  background: #152323;
}

.disabled {
  color: #cfcfcf !important;
}

/* Navigasi */
.navbar {
  border-radius: 50px;
  margin-top: 45px;
}

.navbar-brand {
  color: white !important;
  transition: 100ms ease;
}

.nav-item {
  transform-origin: 0%;
  transform: none !important;
  text-transform: none;
}

.nav-link {
  font-weight: 600;
  transition: 250ms ease;
}

.nav-link:hover {
  position: relative;
  background-color: #263b3b;
  color: #fff !important;
  border-radius: 50px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.animate {
  animation: navLinkAnimation 250ms;
}

@keyframes navLinkAnimation {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

.nav-link-active {
  position: relative;
  background-color: #263b3b;
  color: #fff !important;
  border-radius: 50px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.offcanvas {
  border-radius: 0px 30px 30px 0px;
}

.offcanvas .btn-close {
  margin-right: 5px;
}

.hamburger {
  margin-bottom: -7px;
  color: #263b3b !important;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  border-radius: 25px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 25px;
}

.text-decoration-none {
  color: #263b3b !important;
}

.tagline {
  margin-top: 100px;
}

.font-one {
  font-family: Playfair Display;
  font-size: 65px;
}

.font-two {
  font-family: Orbit;
  font-size: 55px;
}

/* Footer */

.footer {
  border-radius: 25px 25px 25px 25px;
  margin-bottom: 30px;
}