@font-face {
  font-family: "Gotham";
  src: url("GothamBook.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("GothamBookItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Gotham";
  src: url("GothamBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("GothamBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

body * {
  font-family: "Gotham";
}
body {
  font-weight: normal;
  font-size: 13px;
  color: #000;
}
body.modal-open .modal {
  display: flex !important;
  height: 100%;
}
body.modal-open .modal .modal-dialog {
  margin: auto;
  width: 400px;
}
img {
  max-width: 100%;
}
.f-12 {
  font-size: 12px;
}
.f-14 {
  font-size: 14px;
}
.f-16 {
  font-size: 16px;
}
.f-18 {
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}
.f-32 {
  font-size: 32px;
}
.f-40 {
  font-size: 40px;
}
.f-48 {
  font-size: 48px;
}
.container {
  max-width: 1280px;
}
.font-weight-300 {
  font-weight: 300;
}
.font-weight-500 {
  font-weight: 600;
}
.font-weight-bold {
  font-weight: bold;
}
.o-02 {
  opacity: 0.2;
}
.o-05 {
  opacity: 0.5;
}
.o-06 {
  opacity: 0.6;
}
.o-07 {
  opacity: 0.7;
}
.o-09 {
  opacity: 0.9;
}
.radius-5 {
  border-radius: 5px;
}
.text-blue {
  color: #0063bf;
}
.text-Darkblue {
  color: #10375c;
}
.text-orange {
  color: #ff6a14;
}
.btn-orange {
  padding: 12px 30px;
  border-radius: 100px;
  background-color: #ff6a14;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  width: auto;
}
.btnExplore {
  padding: 16px 20px;
  border-radius: 6px;
  border: solid 1.5px rgba(255, 255, 255, 0.16);
  background-color: transparent;
  color: #fff;
  width: fit-content;
}

[data-id="photo"] {
  margin-bottom: 24px;
}

.dropzone {
  border: dashed 1px #0088cc;
  min-height: unset;
}

fieldset {
  border: dashed 1px #0088cc;
  padding: 0 16px 8px 16px;
}

legend {
  color: #0088cc;
  font-size: unset;
  width: auto;
}

.dz-message {
  color: #0088cc;
  margin: 0 !important;
}

.badge-pill {
  border-radius: 1rem;
}

.badge-info {
  background-color: #0088cc;
  margin: 2px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media only screen and (max-width: 1300px) {
  .container {
    max-width: 96%;
  }
}

/*xl device*/
@media only screen and (max-width: 1100px) {
  .text-center-xl {
    text-align: center;
  }
}
/*lg device*/
@media only screen and (max-width: 1000px) {
  .text-center-lg {
    text-align: center;
  }
}
/*md device*/
@media only screen and (max-width: 7000px) {
  .text-center-md {
    text-align: center;
  }
}
/*sm device*/
@media only screen and (max-width: 500px) {
  .text-center-sm {
    text-align: center;
  }
}