/*-------- app fonts ----------*/
@font-face {
  font-family: 'MontserratEB';
  src: url("/assets/fonts/Montserrat-ExtraBold.woff2");
}

@font-face {
  font-family: 'MontserratM';
  src: url("/assets/fonts/Montserrat-Medium.woff2");
}

@font-face {
  font-family: 'MontserratR';
  src: url("/assets/fonts/Montserrat-Regular.woff2");
}

@font-face {
  font-family: 'NatoSansR';
  src: url("/assets/fonts/NotoSans-Regular.woff2");
}

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


/****** app switch checkbox ********/
 .checkbox-wrapper .tgl {
    display: none;
  }
  .checkbox-wrapper .tgl,
  .checkbox-wrapper .tgl:after,
  .checkbox-wrapper .tgl:before,
  .checkbox-wrapper .tgl *,
  .checkbox-wrapper .tgl *:after,
  .checkbox-wrapper .tgl *:before,
  .checkbox-wrapper .tgl + .tgl-btn {
    box-sizing: border-box;
  }
  .checkbox-wrapper .tgl::-moz-selection,
  .checkbox-wrapper .tgl:after::-moz-selection,
  .checkbox-wrapper .tgl:before::-moz-selection,
  .checkbox-wrapper .tgl *::-moz-selection,
  .checkbox-wrapper .tgl *:after::-moz-selection,
  .checkbox-wrapper .tgl *:before::-moz-selection,
  .checkbox-wrapper .tgl + .tgl-btn::-moz-selection,
  .checkbox-wrapper .tgl::selection,
  .checkbox-wrapper .tgl:after::selection,
  .checkbox-wrapper .tgl:before::selection,
  .checkbox-wrapper .tgl *::selection,
  .checkbox-wrapper .tgl *:after::selection,
  .checkbox-wrapper .tgl *:before::selection,
  .checkbox-wrapper .tgl + .tgl-btn::selection {
    background: none;
  }
  .checkbox-wrapper .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .checkbox-wrapper .tgl + .tgl-btn:after,
  .checkbox-wrapper .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
  }
  .checkbox-wrapper .tgl + .tgl-btn:after {
    left: 0;
  }
  .checkbox-wrapper .tgl + .tgl-btn:before {
    display: none;
  }
  .checkbox-wrapper .tgl:checked + .tgl-btn:after {
    left: 50%;
  }

  .checkbox-wrapper .tgl-ios + .tgl-btn {
    background: #fbfbfb;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
    border: 1px solid #e8eae9;
  }
  .checkbox-wrapper .tgl-ios + .tgl-btn:after {
    border-radius: 2em;
    background: #fbfbfb;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
  }
  .checkbox-wrapper .tgl-ios + .tgl-btn:hover:after {
    will-change: padding;
  }
  .checkbox-wrapper .tgl-ios + .tgl-btn:active {
    box-shadow: inset 0 0 0 2em #e8eae9;
  }
  .checkbox-wrapper .tgl-ios + .tgl-btn:active:after {
    padding-right: 0.8em;
  }
  .checkbox-wrapper .tgl-ios:checked + .tgl-btn {
    background: var(--app-theme-primary-color);
  }
  .checkbox-wrapper .tgl-ios:checked + .tgl-btn:active {
    box-shadow: none;
  }
  .checkbox-wrapper .tgl-ios:checked + .tgl-btn:active:after {
    margin-left: -0.8em;
  }
  
  /******** app footer *********/

.b-app-footer {
  width: 100%;
  display: flex;
flex-direction: column;
gap: 1em;
margin-top: 3em;
font-family: "Nunito";
background: #fff;
margin-bottom: -10px;
box-shadow: rgba(0, 0, 0, 0.06) 0 18px 10px;
}
.b-app-footer-inner-wrap {
  padding: 1em;
}

.footer-description {
  font-size: 1rem;
color: var(--font-normal-color);
line-height: 1.6;
margin-bottom: 10px;
font-family: NatoSansR;
}

.b-app-footer .quick-links{
  font-family: NatoSansR;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1em;
  padding-bottom: 1em;
}

.b-app-footer .ql-sec {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.h-text-ql {
  font-family: MontserratEB;
  margin-bottom: -.1em;
}

.b-app-footer .quick-links a {
  text-decoration: none;
  cursor: help;
  color: #6B6E8FDB;
  font-size: .9em;
  transition: .3s;
}

.b-app-footer .quick-links a:hover{
  color: #434559;
}

.quick-links-social{
  display: flex;
  flex-direction: row;
  gap: 1.4em;
  padding-top: 20px;
  padding-bottom: 20px;
}

.quick-links-social a {
cursor: help;
color: var(--font-normal-color);
transition: .2s;
font-weight: 600;
border-radius: 12px;
background: var(--app-theme-primary-color);
display: flex;
align-items: center;
justify-content: center;
}

.quick-links-social a:active {
  transform: translateY(-4px);
}

.quick-links-social a svg {
  height: 14px;
  width: 14px;
  fill: #fff;
  padding: 7px;
  box-sizing: content-box;
}

.b-app-footer .app-c-right {
  font-family: NatoSansR;
  font-size: .9em;
  padding-bottom: 5px;
  color: var(--font-normal-color);
}