@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
@import url('css/bootstrap.min.css');

* { font-family:"Bitter"; }
body { background:#f6f4f2; font-size:18px; color:#645551; padding:0; margin:0; }
h1, h2, h3 { color:#141414; font-weight:600; font-weight:500;  }
h2 { font-size:40px; font-family:'Bitter'; }
/* #a72700 */
b { font-weight:600; }
hr { border-top:1px solid #222; border-bottom:0; margin:20px 0; display:block; }
img { max-width:100%; display:inline-block; height:auto; }
.img-shadow { box-shadow:0 0 30px rgba(209,204,189,0.9); }
.img-border { border:2px solid #fff; border-radius:20px; box-shadow:0 0 80px rgba(80,80,80,0.25);  }
.orange-dot { width:16px; height:16px; background:#e15929; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:4px; margin-bottom:40px; }
span { color:#e15929; }
ol li { padding-bottom:24px; }

/* box-shadow:0 0 60px rgba(209,204,189,0.9); */


.align-center { text-align:center;}
.mt-0 { margin-top:0; }


/* @media (min-width: 1200px) {
  .container {
    width: 1400px;
    max-width: 1400px;
  }
} */

.container {
  width: 100%;
  max-width: 1400px;
}

.bg-white { background:#fff; }
.bg-grey { background:#e1e1e1; }
.bg-dark { background:#141414; }
.bg-dark h1, .bg-dark h2 { color:#fff; }
.bg-dark p { color:#ddd7d7; }

.border-bottom { border-bottom:1px dashed #e15929; }



button { display:inline-block; width:100%; background:none; border:0; }

.soon { background:#141414; color:#fff; font-size:0.9em; padding:8px 16px; border-radius:6px; display:inline-block; margin:40px auto 0; }

.section { padding:40px 0; }
.section-sm { padding:80px 0; }
.section-md { padding:120px 0; }
.section-lg { padding:160px 0; }
.section-xl { padding:200px 0; }

.vertical-space { margin:80px 0; }

.menu { color:#fff; padding:30px 0; border-bottom:1px dashed #777;  }

.nav { margin:10px 0; text-align:right; }
.nav ul { list-style:none; margin:0; padding:0; }
.nav ul li { display:inline-block; margin:0 10px; }
.nav ul li a { color:#fff; display:block; font-size:16px; padding-left:30px; transition:all 0.25s ease-in-out 0s; }
.nav ul li a:hover, .nav ul li a:focus { color:#e15929; transition:all 0.25s ease-in-out 0s; }

.header-bg { background:#141414 url('images/header.jpg'); background-size:cover; }
.header { color:#fff; text-align:center; padding-bottom:300px; }
.header h1 { color:#fff; font-weight:400; font-size:60px; margin-top:80px; margin-bottom:0; }
.header h2 { color:#e15929; font-weight:700; font-size:90px; margin-top:-22px; margin-bottom:40px; font-family:'Amatic SC';}
.header p { color:#dfc5be; font-weight:300; margin:0 0 80px; font-size:1.1em; }
.header .description { max-width:700px; margin:0 auto; }

.boxtab { font-size:0.9em; background:#ebe7e3; padding:6px; margin:60px 0; }
.boxtab-item { padding:20px; display:block; text-align:left; }
.boxtab-item:hover { background:#ddd7d1; }
.boxtab-item.current { background:#fff; }
.boxtab-item h3 { margin:0; }
.boxtab .boxtab-item:first-child { margin-bottom:6px; }

svg { margin-right:10px; display:inline-block; vertical-align:middle; }

.content-max-9 { max-width:900px; margin:0 auto; }
.content-max-7 { max-width:700px; margin:0 auto; }

.why-point { background:#f6f4f2; padding:60px 30px; margin:30px 0; }
.why-point h3 { margin-top:0; }

.footer { font-size:0.8em; }
.footer-description { font-size:1.2em; color:#fff; text-align:right; opacity:0.75; }
.footer hr { border-top:1px dashed #666; margin:60px 0; }
.footer a { color:#bbb; }
.footer ul { margin:0; padding:0; }
.footer ul li { display:inline-block;  }
.footer ul li a { display:block; padding-right:20px; }


.faq { max-width:900px; margin:0 auto; }

.accordion-item {
  border-bottom: 1px solid rgba(30, 29, 32, 0.12);
  user-select: none;
}

.accordion-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 22px 0;
  cursor: pointer;
}

.accordion-question h3 {
  font-size: 17px;
  margin: 0;
}

.accordion-icon {
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.accordion-item.active .accordion-icon {
  transform: rotate(45deg);
}

.accordion-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
}

.accordion-answer p {
  padding-bottom: 20px;
  margin: 0;
  opacity: 0.72;
}


::selection {
  background: #141414;
  color: #fff;
}