@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap");
* {
  font-family: "Montserrat", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif;
}

body {
  background-color: #b38404;
  color: #fff;
}

td {
  color: #fff;
}

header {
  background: rgb(255, 153, 0);
  background: linear-gradient(0deg, rgba(255, 153, 0, 0.5) 0%, rgba(255, 153, 0, 0) 100%);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
header a {
  color: #fff;
  text-decoration: none;
}

#hero {
  position: relative;
}
#hero:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
#hero h1 {
  letter-spacing: 20px;
  text-shadow: 0 1px 0 #24019d, 0 2px 0 #24019d, 0 3px 0 #24019d, 0 4px 0 #24019d, 0 5px 0 #24019d, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15), 0px 0px 50px #24019d;
}
@media (max-width: 767.98px) {
  #hero {
    height: 800px;
  }
  #hero video {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
@media (max-width: 991.98px) {
  #hero {
    height: 800px;
  }
  #hero video {
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
  }
}
#hero video {
  max-width: 100%;
}
#hero .hero-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.grad-border {
  height: 2px;
  width: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}

.details {
  background-position: top center;
  background-size: cover;
  padding: 300px 0;
  color: #fff;
  position: relative;
}
.details .container .row {
  position: relative;
  z-index: 3;
}
.details .container:before {
  content: " ";
  background: rgb(0, 0, 0);
  background: radial-gradient(circle, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}

.documentary {
  background-color: #b38404;
}

.contact-toggle {
  padding: 20px;
  background: rgba(255, 153, 0, 0.5);
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto;
  border-radius: 50px;
  position: relative;
}
.contact-toggle .contact-toggle-btn {
  border: none;
  background-color: transparent;
  color: #fff;
  margin: 0px 20px;
  font-size: 24px;
  position: relative;
  z-index: 2;
  font-family: "Playfair Display", sans-serif;
}
.contact-toggle .indicator {
  content: " ";
  height: 100%;
  background: rgb(255, 153, 0);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50px;
  transition: all 0.5s ease;
}
.contact-toggle .indicator.ind-1 {
  width: 47%;
}
.contact-toggle .indicator.ind-2 {
  width: 58%;
  margin-left: 42%;
}

.contact-toggle-body .content {
  display: none;
}
.contact-toggle-body .content.active {
  display: block;
}

.accordion .accordion-item,
.accordion .accordion-button {
  background-color: transparent;
  border: none;
  color: #fff;
  box-shadow: none;
}
.accordion .accordion-item:before, .accordion .accordion-item:after,
.accordion .accordion-button:before,
.accordion .accordion-button:after {
  display: none;
}
.accordion .fa {
  transition: all 0.3s ease;
}
.accordion .accordion-item:last-child .accordion-button {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.accordion .accordion-item:first-child .accordion-button {
  border-top: none;
}
.accordion .accordion-button {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.accordion .accordion-button.collapsed .fa {
  transform: rotate(0deg);
}
.accordion .accordion-button:not(.collapsed) .fa {
  transform: rotate(90deg);
}
.accordion .accordion-body {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.accordion .accordion-body a {
  color: #fff;
}

#contact {
  background-color: #5F65AE;
  padding: 100px 0px !important;
}

.add-spacing {
  letter-spacing: 0.3em;
}

.input-group {
  box-shadow: 0px 18px 20px rgba(0, 0, 0, 0.3);
}
.input-group .form-control {
  border: none;
  padding: 20px;
  outline: none;
  box-shadow: none;
}
.input-group .btn {
  padding-left: 30px !important;
  padding-right: 30px !important;
  background-color: #323983;
  border-color: #fff;
  border-width: 4px;
}

.text-shad {
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
}

img {
  max-width: 100%;
}/*# sourceMappingURL=style.css.map */