@import './header.css?v=1';
@import './footer.css?v=1';
@import './top-menu.css?v=1';
@import './navbar.css?v=1';
@import './banner.css?v=1';
@import './more-detail.css?v=1';
@import './content.css?v=1';
@import './drawer.css?v=1';

@font-face {
  font-family: "Alto Pro Nor", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  src:  url('../fonts/AltoPro-Bold.ttf') format('truetype'),
        url('../fonts/AltoPro-BoldItalic.ttf') format('truetype'),
        url('../fonts/AltoPro-Normal.ttf') format('truetype'),
        url('../fonts/AltoPro-NormalItalic.ttf') format('truetype'),
        url('../fonts/quadraat-bold.ttf') format('truetype'),
        url('../fonts/AltoPro-Bold.woff') format('woff'),
        url('../fonts/AltoPro-BoldItalic.woff') format('woff'),
        url('../fonts/AltoPro-Normal.woff') format('woff'),
        url('../fonts/AltoPro-NormalItalic.woff') format('woff');
}

html {
  scroll-behavior: smooth;
}

body {
  background: #ffffff;
  color: #333333;
  margin: 0;
  padding: 0;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

* {
  box-sizing: border-box;
      font-family: "Alto Pro Nor", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

h1, h2, h3, h4, p {
  margin: 0;
}

.app-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 120px;
  width: 100%;
}

.btn-custom {
  background: #bca36c;
  border: none;
  border-radius: 0;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 20px;
  width: 220px;
}

.expanded {
  margin-bottom: 7px;
  transform: rotate(180deg);
}

.bi-chevron-down {
    transition: all .25s ease-out;
}

.required::after {
  content: " *";
  color: red;
}

.cf-turnstile-container {
  display: flex;
  height: 65px;
  margin: 8px 0;
  justify-content: center;
  padding: 16px;
  position: relative;
  width: 100%;
}

.cf-turnstile {
  position: absolute;
  top: 0;
}

.btn-disabled {
  background: #c0c0c0 !important;
  color: #776b6b !important;
  cursor: not-allowed;
}

.to-top-button {
  background: #FFFFFF;
  bottom: 12px;
  display: none;
  font-size: 20px;
  padding: 4px 12px;
  position: fixed;
  right: 12px;
}

@media (max-width: 992px) {}

@media (max-width: 768px) {
  .app-wrapper {
    padding-top: 90px;
  }
}

@media (max-width: 576px) {
  .btn-custom {
    font-size: 16px;
    padding: 10px 16px;
    width: 180px;
  }
}