:root {
  --bs-border-color: #E1E6F1;
  --bs-primary: #005EEA;
  --bs-body-font-size: 14px;
  --bs-body-color: #1A1E24;
  --bs-font-sans-serif: "Inter", sans-serif;
}

/*html, body, .wrapper {*/
/*  height: 100%;*/
/*}*/

/*html.hidden {*/
/*  overflow: hidden;*/
/*}*/

.faq-page {
  width: 100%;
  background: #fff;
}

.faq-page main {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 0;
}
@media (min-width: 992px) {
  .faq-page main {
    padding: 24px 0 24px 24px;
  }
}

/*header, footer {*/
/*  height: 60px;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  flex: none;*/
/*}*/

.faq-page h1,
.faq-page h2,
.faq-page h3,
.faq-page h4,
.faq-page h5,
.faq-page h6 {
  font-weight: 600;
}

.faq-page img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.faq-page h1 {
  font-size: 20px;
}
@media (min-width: 768px) {
  .faq-page h1 {
    font-size: 28px;
  }
}

.faq-page a {
  text-decoration: none;
  color: var(--bs-body-color);
}
.faq-page a:hover {
  color: #7696F8;
}
.faq-page a:active,
.faq-page a.active {
  color: var(--bs-primary);
}

@media (min-width: 768px) {
  .faq-page .h-sm-100 {
    height: 100% !important;
  }
}
@media (min-width: 992px) {
  .faq-page .h-md-100 {
    height: 100% !important;
  }
}

.faq-page .container-fluid {
  max-width: 1500px;
}

.faq-page .header-account {
  cursor: pointer;
}
.faq-page .header-account:hover {
  color: var(--bs-primary);
}
.faq-page .header-account__avatar {
  height: 36px;
  width: 36px;
}
.faq-page .header-account__avatar svg {
  height: 100%;
  width: 100%;
}
@media (max-width: 767.98px) {
  .faq-page .header-account__avatar {
    height: 28px;
    width: 28px;
  }
}

.faq-page .form-control {
  padding: 0.3rem 0.75rem;
}
.faq-page .form-control:hover,
.faq-page .form-control:focus {
  border-color: var(--bs-primary);
}
.faq-page .form-control:focus::-moz-placeholder {
  opacity: 0;
}
.faq-page .form-control:focus::placeholder {
  opacity: 0;
}

.faq-page .nav {
  position: relative;
  height: 100%;
  max-width: 264px;
  background-color: #F3F5F7;
  padding: 24px 24px 24px 0;
}
@media (max-width: 767.98px) {
  .faq-page .nav {
    position: absolute;
    top: 60px;
    left: -100%;
    width: 100%;
    max-width: 100%;
    height: calc(100vh - 60px);
    transition: left 0.35s ease;
    overflow-y: auto;
    padding: 48px 24px 48px 0;
  }
  .faq-page .nav.active {
    left: 0;
  }
}
@media (max-width: 575.98px) {
  .faq-page .nav {
    height: calc(100vh - 120px);
  }
}
.faq-page .nav-close {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Menu / Close_MD'%3E%3Cpath id='Vector' d='M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18' stroke='%231A1E24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: none;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .faq-page .nav-close {
    display: block;
  }
}
.faq-page .nav a {
  line-height: 1.3;
}
.faq-page .nav a.active {
  position: relative;
}
.faq-page .nav a.active::before {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  border-left: 2px solid;
  z-index: 1;
}
.faq-page .nav h3 {
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 30px;
  font-weight: 600;
}
.faq-page .nav h3:hover {
  color: #7696F8;
}
.faq-page .nav > ul > li > a {
  display: block;
  font-weight: 600;
  padding-left: 30px;
}
.faq-page .nav ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
  gap: 8px;
}
.faq-page .nav li > h3 {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.faq-page .nav li > h3::before {
  content: "";
  left: 14px;
  top: -1px;
  height: 16px;
  width: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.84888 5.32777C4.84908 5.23646 4.87533 5.14711 4.92453 5.07019C4.97373 4.99327 5.04385 4.93199 5.12666 4.89352C5.20947 4.85506 5.30154 4.84101 5.39205 4.85302C5.48257 4.86504 5.56777 4.90263 5.63768 4.96137L9.50408 8.21897C9.5576 8.26402 9.60062 8.32024 9.63013 8.38366C9.65965 8.44709 9.67494 8.51621 9.67494 8.58617C9.67494 8.65613 9.65965 8.72524 9.63013 8.78867C9.60062 8.8521 9.5576 8.90831 9.50408 8.95337L5.63768 12.2126C5.56777 12.2713 5.48257 12.3089 5.39205 12.3209C5.30154 12.3329 5.20947 12.3189 5.12666 12.2804C5.04385 12.242 4.97373 12.1807 4.92453 12.1037C4.87533 12.0268 4.84908 11.9375 4.84888 11.8462V5.32777Z' fill='%231A1E24'/%3E%3C/svg%3E%0A");
}
.faq-page .nav li > h3.active::before {
  transform: rotate(90deg);
}
.faq-page .nav li > h3.active ~ ul {
  max-height: 100%;
}
.faq-page .nav li > ul {
  max-height: 0;
  overflow: hidden;
}
.faq-page .nav li > ul li:first-child {
  margin-top: 8px;
}
.faq-page .nav li > ul li a {
  display: block;
  padding-left: 40px;
}

@media (max-width: 767.98px) {
  .faq-page .search-form {
    position: absolute;
    background-color: var(--bs-white);
    left: 0;
    width: 100%;
    padding: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
    top: -100%;
    opacity: 0;
    transition: all 0.25s ease;
    z-index: 10;
  }
}
.faq-page .search-btn {
  height: 24px;
  width: 24px;
  border: 0;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5 15C8.019 15 6 12.981 6 10.5C6 8.019 8.019 6 10.5 6C12.981 6 15 8.019 15 10.5C15 12.981 12.981 15 10.5 15ZM19.707 18.293L15.742 14.328C16.529 13.252 17 11.932 17 10.5C17 6.916 14.084 4 10.5 4C6.916 4 4 6.916 4 10.5C4 14.084 6.916 17 10.5 17C11.932 17 13.252 16.529 14.328 15.742L18.293 19.707L19.707 18.293Z' fill='%231A1E24'/%3E%3C/svg%3E%0A");
}
.faq-page .search-btn.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg id='Menu / Close_MD'%3E%3Cpath id='Vector' d='M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18' stroke='%231A1E24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.faq-page .search-btn.active ~ .search-form {
  top: 60px;
  opacity: 1;
}

.faq-page .page-btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  color: var(--bs-primary);
  background-color: transparent;
  border: 0;
}