@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk5hkWVAexQ.ttf) format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAexQ.ttf) format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkxhjWVAexQ.ttf) format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0RkyFjWVAexQ.ttf) format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVc.ttf) format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1x4gaVc.ttf) format('truetype')
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVc.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLm21lVF9eL.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrJJLucHtF.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmg1hVF9eL.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmr19VF9eL.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiDyp8kv8JHgFVrJJLmy15VF9eL.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype')
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4TbMDrMfJQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4WjMDrMfJQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4VrMDrMfJQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: italic;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4bbLDrMfJQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Pt_g8zYS_SKggPNyCgSQamb1W0lwk4S4Y_LDrMfJQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEorCIPrQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrQ.ttf) format('truetype')
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKV-Go6G5tXcraQI2GAdQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI82hVaQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI6miVaQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKX-Go6G5tXcraQGwU.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI_GjVaQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI92kVaQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI7mlVaQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI6WmVaQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKS-Go6G5tXcraQI4GnVaQ.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKX-Go6G5tXcr72GwU.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5aOiWg.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4-OSWg.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKZ-Go6G5tXcoaS.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5mOCWg.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr5KPyWg.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4uPiWg.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4yPSWg.ttf) format('truetype')
}

@font-face {
  font-family: Kanit;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/kanit/v15/nKKU-Go6G5tXcr4WPCWg.ttf) format('truetype')
}

@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivY.ttf) format('truetype')
}   

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 0
}

.glightbox-open {
  overflow: hidden
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes gfadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes gfadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes gfadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes gfadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0)
  }

  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0)
  }

  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden
  }
}

@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden
  }
}

@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0)
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0
  }
}

@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0
  }
}

@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 1
  }
}

@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes gzoomOut {
  from {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

@keyframes gzoomOut {
  from {
    opacity: 1
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }

  to {
    opacity: 0
  }
}

@media (min-width:769px) {
  .glightbox-open {
    height: auto
  }
}

/*!
 * Bootstrap Icons v1.11.2 (https://icons.getbootstrap.com/)
 * Copyright 2019-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */
@font-face {
  font-display: block;
  font-family: bootstrap-icons;
  src: url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/fonts/bootstrap-icons.woff2?7141511ac37f13e1a387fb9fc6646256) format("woff2"), url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/fonts/bootstrap-icons.woff?7141511ac37f13e1a387fb9fc6646256) format("woff")
}

.bi::before,
[class*=" bi-"]::before,
[class^=bi-]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bi-123::before {
  content: "\f67f"
}

.bi-align-bottom::before {
  content: "\f103"
}

.bi-align-center::before {
  content: "\f104"
}

.bi-align-start::before {
  content: "\f107"
}

.bi-align-top::before {
  content: "\f108"
}

.bi-alt::before {
  content: "\f109"
}

.bi-arrow-down-circle-fill::before {
  content: "\f118"
}

.bi-arrow-down-circle::before {
  content: "\f119"
}

.bi-arrow-down-left-circle-fill::before {
  content: "\f11a"
}

.bi-arrow-down-left-circle::before {
  content: "\f11b"
}

.bi-arrow-down-left-square-fill::before {
  content: "\f11c"
}

.bi-arrow-down-left-square::before {
  content: "\f11d"
}

.bi-arrow-down-left::before {
  content: "\f11e"
}

.bi-arrow-down-right-circle-fill::before {
  content: "\f11f"
}

.bi-arrow-down-right-circle::before {
  content: "\f120"
}

.bi-arrow-down-right-square-fill::before {
  content: "\f121"
}

.bi-arrow-down-right-square::before {
  content: "\f122"
}

.bi-arrow-down-right::before {
  content: "\f123"
}

.bi-arrow-down-short::before {
  content: "\f124"
}

.bi-arrow-down-square-fill::before {
  content: "\f125"
}

.bi-arrow-down-square::before {
  content: "\f126"
}

.bi-arrow-down-up::before {
  content: "\f127"
}

.bi-arrow-down::before {
  content: "\f128"
}

.bi-arrow-left-circle-fill::before {
  content: "\f129"
}

.bi-arrow-left-circle::before {
  content: "\f12a"
}

.bi-arrow-left-right::before {
  content: "\f12b"
}

.bi-arrow-left-short::before {
  content: "\f12c"
}

.bi-arrow-left-square-fill::before {
  content: "\f12d"
}

.bi-arrow-left-square::before {
  content: "\f12e"
}

.bi-arrow-left::before {
  content: "\f12f"
}

.bi-arrow-repeat::before {
  content: "\f130"
}

.bi-arrow-return-left::before {
  content: "\f131"
}

.bi-arrow-return-right::before {
  content: "\f132"
}

.bi-arrow-right-circle-fill::before {
  content: "\f133"
}

.bi-arrow-right-circle::before {
  content: "\f134"
}

.bi-arrow-right-short::before {
  content: "\f135"
}

.bi-arrow-right-square-fill::before {
  content: "\f136"
}

.bi-arrow-right-square::before {
  content: "\f137"
}

.bi-arrow-right::before {
  content: "\f138"
}

.bi-arrow-up-circle-fill::before {
  content: "\f139"
}

.bi-arrow-up-circle::before {
  content: "\f13a"
}

.bi-arrow-up-left-circle-fill::before {
  content: "\f13b"
}

.bi-arrow-up-left-circle::before {
  content: "\f13c"
}

.bi-arrow-up-left-square-fill::before {
  content: "\f13d"
}

.bi-arrow-up-left-square::before {
  content: "\f13e"
}

.bi-arrow-up-left::before {
  content: "\f13f"
}

.bi-arrow-up-right-circle-fill::before {
  content: "\f140"
}

.bi-arrow-up-right-circle::before {
  content: "\f141"
}

.bi-arrow-up-right-square-fill::before {
  content: "\f142"
}

.bi-arrow-up-right-square::before {
  content: "\f143"
}

.bi-arrow-up-right::before {
  content: "\f144"
}

.bi-arrow-up-short::before {
  content: "\f145"
}

.bi-arrow-up-square-fill::before {
  content: "\f146"
}

.bi-arrow-up-square::before {
  content: "\f147"
}

.bi-arrow-up::before {
  content: "\f148"
}

.bi-at::before {
  content: "\f152"
}

.bi-back::before {
  content: "\f155"
}

.bi-bag-check-fill::before {
  content: "\f170"
}

.bi-bag-check::before {
  content: "\f171"
}

.bi-bag-fill::before {
  content: "\f174"
}

.bi-bag-x-fill::before {
  content: "\f177"
}

.bi-bag-x::before {
  content: "\f178"
}

.bi-bag::before {
  content: "\f179"
}

.bi-bootstrap-fill::before {
  content: "\f1a6"
}

.bi-bootstrap::before {
  content: "\f1a8"
}

.bi-border-all::before {
  content: "\f1a9"
}

.bi-border-bottom::before {
  content: "\f1aa"
}

.bi-border-center::before {
  content: "\f1ab"
}

.bi-border-left::before {
  content: "\f1ad"
}

.bi-border-right::before {
  content: "\f1b0"
}

.bi-border-style::before {
  content: "\f1b1"
}

.bi-border-top::before {
  content: "\f1b2"
}

.bi-border-width::before {
  content: "\f1b3"
}

.bi-border::before {
  content: "\f1b4"
}

.bi-box-arrow-down-left::before {
  content: "\f1b7"
}

.bi-box-arrow-down-right::before {
  content: "\f1b8"
}

.bi-box-arrow-down::before {
  content: "\f1b9"
}

.bi-box-arrow-in-down-left::before {
  content: "\f1ba"
}

.bi-box-arrow-in-down-right::before {
  content: "\f1bb"
}

.bi-box-arrow-in-down::before {
  content: "\f1bc"
}

.bi-box-arrow-in-left::before {
  content: "\f1bd"
}

.bi-box-arrow-in-right::before {
  content: "\f1be"
}

.bi-box-arrow-in-up-left::before {
  content: "\f1bf"
}

.bi-box-arrow-in-up-right::before {
  content: "\f1c0"
}

.bi-box-arrow-in-up::before {
  content: "\f1c1"
}

.bi-box-arrow-left::before {
  content: "\f1c2"
}

.bi-box-arrow-right::before {
  content: "\f1c3"
}

.bi-box-arrow-up-left::before {
  content: "\f1c4"
}

.bi-box-arrow-up-right::before {
  content: "\f1c5"
}

.bi-box-arrow-up::before {
  content: "\f1c6"
}

.bi-box::before {
  content: "\f1c8"
}

.bi-card-image::before {
  content: "\f226"
}

.bi-card-list::before {
  content: "\f227"
}

.bi-card-text::before {
  content: "\f228"
}

.bi-cart-check-fill::before {
  content: "\f239"
}

.bi-cart-check::before {
  content: "\f23a"
}

.bi-cart-fill::before {
  content: "\f23d"
}

.bi-cart-x-fill::before {
  content: "\f240"
}

.bi-cart-x::before {
  content: "\f241"
}

.bi-cart::before {
  content: "\f242"
}

.bi-cart2::before {
  content: "\f243"
}

.bi-cart3::before {
  content: "\f244"
}

.bi-cart4::before {
  content: "\f245"
}

.bi-check-all::before {
  content: "\f269"
}

.bi-check-circle-fill::before {
  content: "\f26a"
}

.bi-check-circle::before {
  content: "\f26b"
}

.bi-check-square-fill::before {
  content: "\f26c"
}

.bi-check-square::before {
  content: "\f26d"
}

.bi-check::before {
  content: "\f26e"
}

.bi-check2-all::before {
  content: "\f26f"
}

.bi-check2-circle::before {
  content: "\f270"
}

.bi-check2-square::before {
  content: "\f271"
}

.bi-check2::before {
  content: "\f272"
}

.bi-chevron-contract::before {
  content: "\f27d"
}

.bi-chevron-down::before {
  content: "\f282"
}

.bi-chevron-left::before {
  content: "\f284"
}

.bi-chevron-right::before {
  content: "\f285"
}

.bi-chevron-up::before {
  content: "\f286"
}

.bi-circle-fill::before {
  content: "\f287"
}

.bi-circle-square::before {
  content: "\f289"
}

.bi-circle::before {
  content: "\f28a"
}

.bi-clock-fill::before {
  content: "\f291"
}

.bi-clock::before {
  content: "\f293"
}

.bi-code-square::before {
  content: "\f2c7"
}

.bi-code::before {
  content: "\f2c8"
}

.bi-display-fill::before {
  content: "\f301"
}

.bi-display::before {
  content: "\f302"
}

.bi-facebook::before {
  content: "\f344"
}

.bi-file-arrow-down-fill::before {
  content: "\f345"
}

.bi-file-arrow-down::before {
  content: "\f346"
}

.bi-file-arrow-up-fill::before {
  content: "\f347"
}

.bi-file-arrow-up::before {
  content: "\f348"
}

.bi-file-check-fill::before {
  content: "\f34f"
}

.bi-file-check::before {
  content: "\f350"
}

.bi-file-code-fill::before {
  content: "\f351"
}

.bi-file-code::before {
  content: "\f352"
}

.bi-file-fill::before {
  content: "\f397"
}

.bi-file-font-fill::before {
  content: "\f398"
}

.bi-file-font::before {
  content: "\f399"
}

.bi-file-image-fill::before {
  content: "\f39a"
}

.bi-file-image::before {
  content: "\f39b"
}

.bi-file-play-fill::before {
  content: "\f3a8"
}

.bi-file-play::before {
  content: "\f3a9"
}

.bi-file-text-fill::before {
  content: "\f3b8"
}

.bi-file-text::before {
  content: "\f3b9"
}

.bi-file-x-fill::before {
  content: "\f3bc"
}

.bi-file-x::before {
  content: "\f3bd"
}

.bi-file::before {
  content: "\f3c0"
}

.bi-files-alt::before {
  content: "\f3c1"
}

.bi-files::before {
  content: "\f3c2"
}

.bi-fonts::before {
  content: "\f3da"
}

.bi-google::before {
  content: "\f3f0"
}

.bi-hourglass-bottom::before {
  content: "\f41e"
}

.bi-hourglass-split::before {
  content: "\f41f"
}

.bi-hourglass-top::before {
  content: "\f420"
}

.bi-hourglass::before {
  content: "\f421"
}

.bi-hr::before {
  content: "\f426"
}

.bi-image-alt::before {
  content: "\f428"
}

.bi-image-fill::before {
  content: "\f429"
}

.bi-image::before {
  content: "\f42a"
}

.bi-info-circle-fill::before {
  content: "\f430"
}

.bi-info-circle::before {
  content: "\f431"
}

.bi-info-square-fill::before {
  content: "\f432"
}

.bi-info-square::before {
  content: "\f433"
}

.bi-info::before {
  content: "\f434"
}

.bi-justify-left::before {
  content: "\f449"
}

.bi-justify-right::before {
  content: "\f44a"
}

.bi-justify::before {
  content: "\f44b"
}

.bi-link::before {
  content: "\f471"
}

.bi-list-check::before {
  content: "\f473"
}

.bi-list-ul::before {
  content: "\f478"
}

.bi-list::before {
  content: "\f479"
}

.bi-minecart::before {
  content: "\f492"
}

.bi-percent::before {
  content: "\f4d1"
}

.bi-play-btn-fill::before {
  content: "\f4f0"
}

.bi-play-btn::before {
  content: "\f4f1"
}

.bi-play-circle-fill::before {
  content: "\f4f2"
}

.bi-play-circle::before {
  content: "\f4f3"
}

.bi-play-fill::before {
  content: "\f4f4"
}

.bi-play::before {
  content: "\f4f5"
}

.bi-square-fill::before {
  content: "\f582"
}

.bi-square::before {
  content: "\f584"
}

.bi-stop-btn-fill::before {
  content: "\f58e"
}

.bi-stop-btn::before {
  content: "\f58f"
}

.bi-stop-circle-fill::before {
  content: "\f590"
}

.bi-stop-circle::before {
  content: "\f591"
}

.bi-stop-fill::before {
  content: "\f592"
}

.bi-stop::before {
  content: "\f593"
}

.bi-tags-fill::before {
  content: "\f5b1"
}

.bi-tags::before {
  content: "\f5b2"
}

.bi-telegram::before {
  content: "\f5b3"
}

.bi-text-center::before {
  content: "\f5c4"
}

.bi-text-left::before {
  content: "\f5c7"
}

.bi-text-right::before {
  content: "\f5c9"
}

.bi-toggle-off::before {
  content: "\f5d5"
}

.bi-toggle-on::before {
  content: "\f5d6"
}

.bi-toggle2-off::before {
  content: "\f5d7"
}

.bi-toggle2-on::before {
  content: "\f5d8"
}

.bi-twitter::before {
  content: "\f5ef"
}

.bi-type-h1::before {
  content: "\f5f1"
}

.bi-type-h2::before {
  content: "\f5f2"
}

.bi-type-h3::before {
  content: "\f5f3"
}

.bi-type::before {
  content: "\f5f7"
}

.bi-wallet-fill::before {
  content: "\f613"
}

.bi-wallet::before {
  content: "\f614"
}

.bi-wallet2::before {
  content: "\f615"
}

.bi-x-circle-fill::before {
  content: "\f622"
}

.bi-x-circle::before {
  content: "\f623"
}

.bi-x-square-fill::before {
  content: "\f628"
}

.bi-x-square::before {
  content: "\f629"
}

.bi-x::before {
  content: "\f62a"
}

.bi-zoom-in::before {
  content: "\f62c"
}

.bi-bank::before {
  content: "\f62e"
}

.bi-bank2::before {
  content: "\f62f"
}

.bi-check-lg::before {
  content: "\f633"
}

.bi-file-pdf-fill::before {
  content: "\f63f"
}

.bi-file-pdf::before {
  content: "\f640"
}

.bi-info-lg::before {
  content: "\f646"
}

.bi-x-lg::before {
  content: "\f659"
}

.bi-apple::before {
  content: "\f65b"
}

.bi-line::before {
  content: "\f660"
}

.bi-body-text::before {
  content: "\f683"
}

.bi-meta::before {
  content: "\f6a1"
}

.bi-box2-fill::before {
  content: "\f70a"
}

.bi-box2::before {
  content: "\f70d"
}

.bi-1-circle-fill::before {
  content: "\f796"
}

.bi-1-circle::before {
  content: "\f797"
}

.bi-1-square-fill::before {
  content: "\f798"
}

.bi-1-square::before {
  content: "\f799"
}

.bi-2-circle-fill::before {
  content: "\f79c"
}

.bi-2-circle::before {
  content: "\f79d"
}

.bi-2-square-fill::before {
  content: "\f79e"
}

.bi-2-square::before {
  content: "\f79f"
}

.bi-3-circle-fill::before {
  content: "\f7a2"
}

.bi-3-circle::before {
  content: "\f7a3"
}

.bi-3-square-fill::before {
  content: "\f7a4"
}

.bi-3-square::before {
  content: "\f7a5"
}

.bi-4-circle-fill::before {
  content: "\f7a8"
}

.bi-4-circle::before {
  content: "\f7a9"
}

.bi-4-square-fill::before {
  content: "\f7aa"
}

.bi-4-square::before {
  content: "\f7ab"
}

.bi-5-circle-fill::before {
  content: "\f7ae"
}

.bi-5-circle::before {
  content: "\f7af"
}

.bi-5-square-fill::before {
  content: "\f7b0"
}

.bi-5-square::before {
  content: "\f7b1"
}

.bi-6-circle-fill::before {
  content: "\f7b4"
}

.bi-6-circle::before {
  content: "\f7b5"
}

.bi-6-square-fill::before {
  content: "\f7b6"
}

.bi-6-square::before {
  content: "\f7b7"
}

.bi-7-circle-fill::before {
  content: "\f7ba"
}

.bi-7-circle::before {
  content: "\f7bb"
}

.bi-7-square-fill::before {
  content: "\f7bc"
}

.bi-7-square::before {
  content: "\f7bd"
}

.bi-8-circle-fill::before {
  content: "\f7c0"
}

.bi-8-circle::before {
  content: "\f7c1"
}

.bi-8-square-fill::before {
  content: "\f7c2"
}

.bi-8-square::before {
  content: "\f7c3"
}

.bi-9-circle-fill::before {
  content: "\f7c6"
}

.bi-9-circle::before {
  content: "\f7c7"
}

.bi-9-square-fill::before {
  content: "\f7c8"
}

.bi-9-square::before {
  content: "\f7c9"
}

.bi-box-fill::before {
  content: "\f7d2"
}

.bi-c-circle-fill::before {
  content: "\f7da"
}

.bi-c-circle::before {
  content: "\f7db"
}

.bi-c-square-fill::before {
  content: "\f7dc"
}

.bi-c-square::before {
  content: "\f7dd"
}

.bi-google-play::before {
  content: "\f7f7"
}

.bi-h-circle-fill::before {
  content: "\f7fa"
}

.bi-h-circle::before {
  content: "\f7fb"
}

.bi-h-square-fill::before {
  content: "\f7fc"
}

.bi-h-square::before {
  content: "\f7fd"
}

.bi-p-circle-fill::before {
  content: "\f804"
}

.bi-p-circle::before {
  content: "\f805"
}

.bi-p-square-fill::before {
  content: "\f806"
}

.bi-p-square::before {
  content: "\f807"
}

.bi-repeat-1::before {
  content: "\f812"
}

.bi-repeat::before {
  content: "\f813"
}

.bi-0-circle-fill::before {
  content: "\f83f"
}

.bi-0-circle::before {
  content: "\f840"
}

.bi-0-square-fill::before {
  content: "\f841"
}

.bi-0-square::before {
  content: "\f842"
}

.bi-text-wrap::before {
  content: "\f84e"
}

.bi-copy::before {
  content: "\f759"
}

.bi-twitter-x::before {
  content: "\f8db"
}

.bi-type-h4::before {
  content: "\f8dc"
}

.bi-type-h5::before {
  content: "\f8dd"
}

.bi-type-h6::before {
  content: "\f8de"
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0s
}

[data-aos] {
  pointer-events: none
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

@media screen {
  html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
  }

  html:not(.no-js) [data-aos=fade-up] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
  }

  html:not(.no-js) [data-aos=fade-right] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0)
  }

  html:not(.no-js) [data-aos=fade-left] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0)
  }

  html:not(.no-js) [data-aos=fade-up-right] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-up-left] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down-right] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0)
  }

  html:not(.no-js) [data-aos=fade-down-left] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0)
  }

  html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
  }

  html:not(.no-js) [data-aos=zoom-in] {
    -webkit-transform: scale(.6);
    transform: scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(.6);
    transform: translate3d(0, 100px, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(.6);
    transform: translate3d(0, -100px, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(.6);
    transform: translate3d(-100px, 0, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-in-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(.6);
    transform: translate3d(100px, 0, 0) scale(.6)
  }

  html:not(.no-js) [data-aos=zoom-out] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-up] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-down] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-right] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos=zoom-out-left] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2)
  }

  html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    visibility: hidden
  }

  html:not(.no-js) [data-aos=slide-up] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  html:not(.no-js) [data-aos=slide-down] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  html:not(.no-js) [data-aos=slide-right] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  html:not(.no-js) [data-aos=slide-left] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }

  html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
  }

  html:not(.no-js) [data-aos=flip-left] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
  }

  html:not(.no-js) [data-aos=flip-right] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
  }

  html:not(.no-js) [data-aos=flip-up] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
  }

  html:not(.no-js) [data-aos=flip-down] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
  }
}



:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #2c0b1b;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff
}

*,
::after,
::before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25
}

hr:not([size]) {
  height: 1px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}

.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

  .h1,
  h1 {
    font-size: 2.5rem
  }
}

.h2,
h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

  .h2,
  h2 {
    font-size: 2rem
  }
}

.h3,
h3 {
  font-size: calc(1.3rem + .6vw)
}

h3 {
  font-family: 'nexa'
}

@media (min-width:1200px) {

  .h3,
  h3 {
    font-size: 1.75rem
  }
}

.h4,
h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

  .h4,
  h4 {
    font-size: 1.5rem
  }
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ul {
  padding-left: 2rem
}

ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ul ul {
  margin-bottom: 0
}

b,
strong {
  font-weight: bolder
}

a {
  color: #0d6efd;
  text-decoration: underline
}

a:hover {
  color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
pre {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr;
  unicode-bidi: bidi-override
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color: #d63384;
  word-wrap: break-word
}

a>code {
  color: inherit
}

img,
svg {
  vertical-align: middle
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

[list]::-webkit-calendar-picker-indicator {
  display: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::-webkit-file-upload-button {
  font: inherit
}

::file-selector-button {
  font: inherit
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

summary {
  display: list-item;
  cursor: pointer
}

[hidden] {
  display: none !important
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y)
}

.col {
  flex: 1 0 0%
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }
}


/* input box */
.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}

.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none
  }

  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3
}

.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem
}

.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem
}

.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: .25rem
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, .25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input[type=radio] {
  border-radius: 50%
}

.form-check-input:active {
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5
}

.form-check-input:disabled~.form-check-label {
  opacity: .5
}

/* input box */



.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
  pointer-events: none;
  filter: none;
  opacity: .65
}

.btn {
  display: inline-block;
  align-self: center;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: #212529
}

.btn-check:focus+.btn,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn.disabled,
.btn:disabled {
  pointer-events: none;
  opacity: .65
}

.btn-check:focus+.btn-primary {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:focus+.btn-secondary {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus {
  box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:focus+.btn-success {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus {
  box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}

.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2
}

.btn-check:focus+.btn-info,
.btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info:active {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info:active:focus {
  box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-info.disabled,
.btn-info:disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}

.btn-check:focus+.btn-warning {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus {
  box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:focus+.btn-danger {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus {
  box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:focus+.btn-light {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus {
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:focus+.btn-dark {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus {
  box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:focus+.btn-outline-primary {
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:focus+.btn-outline-secondary {
  box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus {
  box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:focus+.btn-outline-success {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:focus+.btn-outline-info {
  box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus {
  box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:focus+.btn-outline-warning {
  box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus {
  box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:focus+.btn-outline-danger {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:focus+.btn-outline-light {
  box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus {
  box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:focus+.btn-outline-dark {
  box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus {
  box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline
}

.btn-link:hover {
  color: #0a58ca
}

.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d
}

.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem
}

.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: .5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus,
.nav-link:hover {
  color: #0a58ca
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default
}

.nav-fill>.nav-link {
  flex: 1 1 auto;
  text-align: center
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .5rem
}

.navbar>.container,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(212, 129, 129, 0.993);
  border-radius: .25rem
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem
}

.card-title {
  margin-bottom: .5rem
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link+.card-link {
  margin-left: 1rem
}

.card-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
  padding: .5rem 1rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem
}

.alert-link {
  font-weight: 700
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb
}

.alert-info .alert-link {
  color: #04414d
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #d6c6c6;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
  opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: .25
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

@-webkit-keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

@-webkit-keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0
  }
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0
  }
}

.link-info {
  color: #0dcaf0
}

.link-info:focus,
.link-info:hover {
  color: #3dd5f3
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

.align-top {
  vertical-align: top !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.d-flex {
  display: flex !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.border {
  border: 1px solid #dee2e6 !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-info {
  border-color: #0dcaf0 !important
}

.border-white {
  border-color: #fff !important
}

.border-1 {
  border-width: 1px !important
}

.border-2 {
  border-width: 2px !important
}

.border-3 {
  border-width: 3px !important
}

.border-4 {
  border-width: 4px !important
}

.border-5 {
  border-width: 5px !important
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-center {
  align-items: center !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.text-start {
  text-align: left !important
}

.text-center {
  text-align: center !important
}

.text-wrap {
  white-space: normal !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, .5) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

@media (min-width:576px) {
  .d-sm-flex {
    display: flex !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .d-md-flex {
    display: flex !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .d-lg-flex {
    display: flex !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .d-xl-flex {
    display: flex !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-3d {
  perspective: 1200px
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

.swiper-button-next:after {
  content: 'next'
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

@font-face {
  font-family: remixicon;
  src: url(https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.eot?t=1590207869815);
  src: url(https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.eot?t=1590207869815#iefix) format('embedded-opentype'), url(https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.woff2?t=1590207869815) format("woff2"), url(https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.woff?t=1590207869815) format("woff"), url(https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.ttf?t=1590207869815) format('truetype'), url(https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.svg?t=1590207869815#remixicon) format('svg');
  font-display: swap
}

[class*=" ri-"],
[class^=ri-] {
  font-family: remixicon !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.ri-lg {
  font-size: 1.3333em;
  line-height: .75em;
  vertical-align: -.0667em
}

.ri-xl {
  font-size: 1.5em;
  line-height: .6666em;
  vertical-align: -.075em
}

.ri-sm {
  font-size: .875em
}

.ri-1x {
  font-size: 1em
}

.ri-2x {
  font-size: 2em
}

.ri-3x {
  font-size: 3em
}

.ri-4x {
  font-size: 4em
}

.ri-5x {
  font-size: 5em
}

.ri-6x {
  font-size: 6em
}

.ri-7x {
  font-size: 7em
}

.ri-8x {
  font-size: 8em
}

.ri-9x {
  font-size: 9em
}

.ri-10x {
  font-size: 10em
}

.ri-24-hours-fill:before {
  content: "\ea01"
}

.ri-24-hours-line:before {
  content: "\ea02"
}

.ri-a-b:before {
  content: "\ea05"
}

.ri-add-box-fill:before {
  content: "\ea0e"
}

.ri-add-box-line:before {
  content: "\ea0f"
}

.ri-add-circle-fill:before {
  content: "\ea10"
}

.ri-add-circle-line:before {
  content: "\ea11"
}

.ri-add-fill:before {
  content: "\ea12"
}

.ri-add-line:before {
  content: "\ea13"
}

.ri-alert-fill:before {
  content: "\ea20"
}

.ri-alert-line:before {
  content: "\ea21"
}

.ri-align-bottom:before {
  content: "\ea24"
}

.ri-align-center:before {
  content: "\ea25"
}

.ri-align-justify:before {
  content: "\ea26"
}

.ri-align-left:before {
  content: "\ea27"
}

.ri-align-right:before {
  content: "\ea28"
}

.ri-align-top:before {
  content: "\ea29"
}

.ri-apple-fill:before {
  content: "\ea3f"
}

.ri-apple-line:before {
  content: "\ea40"
}

.ri-arrow-down-circle-fill:before {
  content: "\ea49"
}

.ri-arrow-down-circle-line:before {
  content: "\ea4a"
}

.ri-arrow-down-fill:before {
  content: "\ea4b"
}

.ri-arrow-down-line:before {
  content: "\ea4c"
}

.ri-arrow-down-s-fill:before {
  content: "\ea4d"
}

.ri-arrow-down-s-line:before {
  content: "\ea4e"
}

.ri-arrow-drop-down-fill:before {
  content: "\ea4f"
}

.ri-arrow-drop-down-line:before {
  content: "\ea50"
}

.ri-arrow-drop-left-fill:before {
  content: "\ea51"
}

.ri-arrow-drop-left-line:before {
  content: "\ea52"
}

.ri-arrow-drop-right-fill:before {
  content: "\ea53"
}

.ri-arrow-drop-right-line:before {
  content: "\ea54"
}

.ri-arrow-drop-up-fill:before {
  content: "\ea55"
}

.ri-arrow-drop-up-line:before {
  content: "\ea56"
}

.ri-arrow-go-back-fill:before {
  content: "\ea57"
}

.ri-arrow-go-back-line:before {
  content: "\ea58"
}

.ri-arrow-left-circle-fill:before {
  content: "\ea5b"
}

.ri-arrow-left-circle-line:before {
  content: "\ea5c"
}

.ri-arrow-left-down-fill:before {
  content: "\ea5d"
}

.ri-arrow-left-down-line:before {
  content: "\ea5e"
}

.ri-arrow-left-fill:before {
  content: "\ea5f"
}

.ri-arrow-left-line:before {
  content: "\ea60"
}

.ri-arrow-left-right-fill:before {
  content: "\ea61"
}

.ri-arrow-left-right-line:before {
  content: "\ea62"
}

.ri-arrow-left-s-fill:before {
  content: "\ea63"
}

.ri-arrow-left-s-line:before {
  content: "\ea64"
}

.ri-arrow-left-up-fill:before {
  content: "\ea65"
}

.ri-arrow-left-up-line:before {
  content: "\ea66"
}

.ri-arrow-right-circle-fill:before {
  content: "\ea67"
}

.ri-arrow-right-circle-line:before {
  content: "\ea68"
}

.ri-arrow-right-down-fill:before {
  content: "\ea69"
}

.ri-arrow-right-down-line:before {
  content: "\ea6a"
}

.ri-arrow-right-fill:before {
  content: "\ea6b"
}

.ri-arrow-right-line:before {
  content: "\ea6c"
}

.ri-arrow-right-s-fill:before {
  content: "\ea6d"
}

.ri-arrow-right-s-line:before {
  content: "\ea6e"
}

.ri-arrow-right-up-fill:before {
  content: "\ea6f"
}

.ri-arrow-right-up-line:before {
  content: "\ea70"
}

.ri-arrow-up-circle-fill:before {
  content: "\ea71"
}

.ri-arrow-up-circle-line:before {
  content: "\ea72"
}

.ri-arrow-up-down-fill:before {
  content: "\ea73"
}

.ri-arrow-up-down-line:before {
  content: "\ea74"
}

.ri-arrow-up-fill:before {
  content: "\ea75"
}

.ri-arrow-up-line:before {
  content: "\ea76"
}

.ri-arrow-up-s-fill:before {
  content: "\ea77"
}

.ri-arrow-up-s-line:before {
  content: "\ea78"
}

.ri-at-fill:before {
  content: "\ea82"
}

.ri-at-line:before {
  content: "\ea83"
}

.ri-bank-card-2-fill:before {
  content: "\ea8f"
}

.ri-bank-card-2-line:before {
  content: "\ea90"
}

.ri-bank-card-fill:before {
  content: "\ea91"
}

.ri-bank-card-line:before {
  content: "\ea92"
}

.ri-bank-fill:before {
  content: "\ea93"
}

.ri-bank-line:before {
  content: "\ea94"
}

.ri-check-fill:before {
  content: "\eb7a"
}

.ri-check-line:before {
  content: "\eb7b"
}

.ri-close-circle-fill:before {
  content: "\eb96"
}

.ri-close-circle-line:before {
  content: "\eb97"
}

.ri-close-fill:before {
  content: "\eb98"
}

.ri-close-line:before {
  content: "\eb99"
}

.ri-code-box-fill:before {
  content: "\eba6"
}

.ri-code-box-line:before {
  content: "\eba7"
}

.ri-code-fill:before {
  content: "\eba8"
}

.ri-code-line:before {
  content: "\eba9"
}

.ri-code-s-fill:before {
  content: "\ebaa"
}

.ri-code-s-line:before {
  content: "\ebab"
}

.ri-coins-fill:before {
  content: "\ebb3"
}

.ri-coins-line:before {
  content: "\ebb4"
}

.ri-copyright-fill:before {
  content: "\ebe1"
}

.ri-copyright-line:before {
  content: "\ebe2"
}

.ri-css3-fill:before {
  content: "\ec03"
}

.ri-css3-line:before {
  content: "\ec04"
}

.ri-currency-fill:before {
  content: "\ec07"
}

.ri-currency-line:before {
  content: "\ec08"
}

.ri-dashboard-2-fill:before {
  content: "\ec0f"
}

.ri-dashboard-2-line:before {
  content: "\ec10"
}

.ri-dashboard-3-fill:before {
  content: "\ec11"
}

.ri-dashboard-3-line:before {
  content: "\ec12"
}

.ri-dashboard-fill:before {
  content: "\ec13"
}

.ri-dashboard-line:before {
  content: "\ec14"
}

.ri-device-fill:before {
  content: "\ec2d"
}

.ri-device-line:before {
  content: "\ec2e"
}

.ri-drop-fill:before {
  content: "\ec69"
}

.ri-drop-line:before {
  content: "\ec6a"
}

.ri-facebook-box-fill:before {
  content: "\ecb8"
}

.ri-facebook-box-line:before {
  content: "\ecb9"
}

.ri-facebook-circle-fill:before {
  content: "\ecba"
}

.ri-facebook-circle-line:before {
  content: "\ecbb"
}

.ri-facebook-fill:before {
  content: "\ecbc"
}

.ri-facebook-line:before {
  content: "\ecbd"
}

.ri-feedback-fill:before {
  content: "\ecc0"
}

.ri-feedback-line:before {
  content: "\ecc1"
}

.ri-file-2-fill:before {
  content: "\ecc2"
}

.ri-file-2-line:before {
  content: "\ecc3"
}

.ri-file-3-fill:before {
  content: "\ecc4"
}

.ri-file-3-line:before {
  content: "\ecc5"
}

.ri-file-4-fill:before {
  content: "\ecc6"
}

.ri-file-4-line:before {
  content: "\ecc7"
}

.ri-file-add-fill:before {
  content: "\ecc8"
}

.ri-file-add-line:before {
  content: "\ecc9"
}

.ri-file-code-fill:before {
  content: "\ecd0"
}

.ri-file-code-line:before {
  content: "\ecd1"
}

.ri-file-copy-2-fill:before {
  content: "\ecd2"
}

.ri-file-copy-2-line:before {
  content: "\ecd3"
}

.ri-file-copy-fill:before {
  content: "\ecd4"
}

.ri-file-copy-line:before {
  content: "\ecd5"
}

.ri-file-fill:before {
  content: "\ece0"
}

.ri-file-info-fill:before {
  content: "\ece9"
}

.ri-file-info-line:before {
  content: "\ecea"
}

.ri-file-line:before {
  content: "\eceb"
}

.ri-file-list-2-fill:before {
  content: "\ecec"
}

.ri-file-list-2-line:before {
  content: "\eced"
}

.ri-file-list-3-fill:before {
  content: "\ecee"
}

.ri-file-list-3-line:before {
  content: "\ecef"
}

.ri-file-list-fill:before {
  content: "\ecf0"
}

.ri-file-list-line:before {
  content: "\ecf1"
}

.ri-file-pdf-fill:before {
  content: "\ecfc"
}

.ri-file-pdf-line:before {
  content: "\ecfd"
}

.ri-file-text-fill:before {
  content: "\ed0e"
}

.ri-file-text-line:before {
  content: "\ed0f"
}

.ri-file-user-fill:before {
  content: "\ed16"
}

.ri-file-user-line:before {
  content: "\ed17"
}

.ri-font-color:before {
  content: "\ed8b"
}

.ri-font-size-2:before {
  content: "\ed8c"
}

.ri-font-size:before {
  content: "\ed8d"
}

.ri-funds-box-fill:before {
  content: "\eda0"
}

.ri-funds-box-line:before {
  content: "\eda1"
}

.ri-funds-fill:before {
  content: "\eda2"
}

.ri-funds-line:before {
  content: "\eda3"
}

.ri-game-fill:before {
  content: "\eda8"
}

.ri-game-line:before {
  content: "\eda9"
}

.ri-google-fill:before {
  content: "\edd4"
}

.ri-google-line:before {
  content: "\edd5"
}

.ri-google-play-fill:before {
  content: "\edd6"
}

.ri-google-play-line:before {
  content: "\edd7"
}

.ri-h-1:before {
  content: "\ede6"
}

.ri-h-2:before {
  content: "\ede7"
}

.ri-h-3:before {
  content: "\ede8"
}

.ri-h-4:before {
  content: "\ede9"
}

.ri-h-5:before {
  content: "\edea"
}

.ri-h-6:before {
  content: "\edeb"
}

.ri-html5-fill:before {
  content: "\ee40"
}

.ri-html5-line:before {
  content: "\ee41"
}

.ri-image-2-fill:before {
  content: "\ee44"
}

.ri-image-2-line:before {
  content: "\ee45"
}

.ri-image-add-fill:before {
  content: "\ee46"
}

.ri-image-add-line:before {
  content: "\ee47"
}

.ri-image-fill:before {
  content: "\ee4a"
}

.ri-image-line:before {
  content: "\ee4b"
}

.ri-line-fill:before {
  content: "\eeac"
}

.ri-line-height:before {
  content: "\eead"
}

.ri-line-line:before {
  content: "\eeae"
}

.ri-link:before {
  content: "\eeb2"
}

.ri-list-check-2:before {
  content: "\eeb9"
}

.ri-list-check:before {
  content: "\eeba"
}

.ri-more-2-fill:before {
  content: "\ef76"
}

.ri-more-2-line:before {
  content: "\ef77"
}

.ri-more-fill:before {
  content: "\ef78"
}

.ri-more-line:before {
  content: "\ef79"
}

.ri-number-0:before {
  content: "\ef9f"
}

.ri-number-1:before {
  content: "\efa0"
}

.ri-number-2:before {
  content: "\efa1"
}

.ri-number-3:before {
  content: "\efa2"
}

.ri-number-4:before {
  content: "\efa3"
}

.ri-number-5:before {
  content: "\efa4"
}

.ri-number-6:before {
  content: "\efa5"
}

.ri-number-7:before {
  content: "\efa6"
}

.ri-number-8:before {
  content: "\efa7"
}

.ri-number-9:before {
  content: "\efa8"
}

.ri-order-play-fill:before {
  content: "\efb6"
}

.ri-order-play-line:before {
  content: "\efb7"
}

.ri-parent-fill:before {
  content: "\efc9"
}

.ri-parent-line:before {
  content: "\efca"
}

.ri-percent-fill:before {
  content: "\efe5"
}

.ri-percent-line:before {
  content: "\efe6"
}

.ri-play-circle-fill:before {
  content: "\f008"
}

.ri-play-circle-line:before {
  content: "\f009"
}

.ri-play-fill:before {
  content: "\f00a"
}

.ri-play-line:before {
  content: "\f00b"
}

.ri-play-list-2-fill:before {
  content: "\f00c"
}

.ri-play-list-2-line:before {
  content: "\f00d"
}

.ri-play-list-add-fill:before {
  content: "\f00e"
}

.ri-play-list-add-line:before {
  content: "\f00f"
}

.ri-play-list-fill:before {
  content: "\f010"
}

.ri-play-list-line:before {
  content: "\f011"
}

.ri-remixicon-fill:before {
  content: "\f06b"
}

.ri-remixicon-line:before {
  content: "\f06c"
}

.ri-repeat-2-fill:before {
  content: "\f071"
}

.ri-repeat-2-line:before {
  content: "\f072"
}

.ri-repeat-fill:before {
  content: "\f073"
}

.ri-repeat-line:before {
  content: "\f074"
}

.ri-repeat-one-fill:before {
  content: "\f075"
}

.ri-repeat-one-line:before {
  content: "\f076"
}

.ri-reserved-fill:before {
  content: "\f07b"
}

.ri-reserved-line:before {
  content: "\f07c"
}

.ri-run-fill:before {
  content: "\f0a4"
}

.ri-run-line:before {
  content: "\f0a5"
}

.ri-stock-fill:before {
  content: "\f19c"
}

.ri-stock-line:before {
  content: "\f19d"
}

.ri-stop-circle-fill:before {
  content: "\f19e"
}

.ri-stop-circle-line:before {
  content: "\f19f"
}

.ri-stop-fill:before {
  content: "\f1a0"
}

.ri-stop-line:before {
  content: "\f1a1"
}

.ri-swap-box-fill:before {
  content: "\f1c8"
}

.ri-swap-box-line:before {
  content: "\f1c9"
}

.ri-swap-fill:before {
  content: "\f1ca"
}

.ri-swap-line:before {
  content: "\f1cb"
}

.ri-t-box-fill:before {
  content: "\f1d2"
}

.ri-t-box-line:before {
  content: "\f1d3"
}

.ri-team-fill:before {
  content: "\f1ed"
}

.ri-team-line:before {
  content: "\f1ee"
}

.ri-telegram-fill:before {
  content: "\f1ef"
}

.ri-telegram-line:before {
  content: "\f1f0"
}

.ri-text-spacing:before {
  content: "\f1ff"
}

.ri-text-wrap:before {
  content: "\f200"
}

.ri-text:before {
  content: "\f201"
}

.ri-time-fill:before {
  content: "\f20e"
}

.ri-time-line:before {
  content: "\f20f"
}

.ri-timer-2-fill:before {
  content: "\f210"
}

.ri-timer-2-line:before {
  content: "\f211"
}

.ri-timer-fill:before {
  content: "\f212"
}

.ri-timer-line:before {
  content: "\f215"
}

.ri-toggle-fill:before {
  content: "\f218"
}

.ri-toggle-line:before {
  content: "\f219"
}

.ri-twitter-fill:before {
  content: "\f23a"
}

.ri-twitter-line:before {
  content: "\f23b"
}

.ri-user-2-fill:before {
  content: "\f253"
}

.ri-user-2-line:before {
  content: "\f254"
}

.ri-user-3-fill:before {
  content: "\f255"
}

.ri-user-3-line:before {
  content: "\f256"
}

.ri-user-4-fill:before {
  content: "\f257"
}

.ri-user-4-line:before {
  content: "\f258"
}

.ri-user-5-fill:before {
  content: "\f259"
}

.ri-user-5-line:before {
  content: "\f25a"
}

.ri-user-6-fill:before {
  content: "\f25b"
}

.ri-user-6-line:before {
  content: "\f25c"
}

.ri-user-add-fill:before {
  content: "\f25d"
}

.ri-user-add-line:before {
  content: "\f25e"
}

.ri-user-fill:before {
  content: "\f25f"
}

.ri-user-line:before {
  content: "\f264"
}

.ri-wallet-2-fill:before {
  content: "\f2a9"
}

.ri-wallet-2-line:before {
  content: "\f2aa"
}

.ri-wallet-3-fill:before {
  content: "\f2ab"
}

.ri-wallet-3-line:before {
  content: "\f2ac"
}

.ri-wallet-fill:before {
  content: "\f2ad"
}

.ri-wallet-line:before {
  content: "\f2ae"
}

.ri-zoom-in-fill:before {
  content: "\f2da"
}

.ri-zoom-in-line:before {
  content: "\f2db"
}

@font-face {
  font-family: boxicons;
  font-weight: 400;
  font-style: normal;
  src: url(https://unpkg.com/boxicons@2.1.4/fonts/boxicons.eot);
  src: url(https://unpkg.com/boxicons@2.1.4/fonts/boxicons.eot) format('embedded-opentype'), url(https://unpkg.com/boxicons@2.1.4/fonts/boxicons.woff2) format('woff2'), url(https://unpkg.com/boxicons@2.1.4/fonts/boxicons.woff) format('woff'), url(https://unpkg.com/boxicons@2.1.4/fonts/boxicons.ttf) format('truetype'), url(https://unpkg.com/boxicons@2.1.4/fonts/boxicons.svg?#boxicons) format('svg')
}

.bx {
  font-family: boxicons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  display: inline-block;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.bx-ul {
  margin-left: 2em;
  padding-left: 0;
  list-style: none
}

.bx-ul>li {
  position: relative
}

.bx-ul .bx {
  font-size: inherit;
  line-height: inherit;
  position: absolute;
  left: -2em;
  width: 2em;
  text-align: center
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@-webkit-keyframes burst {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  90% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
  }
}

@keyframes burst {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  90% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
  }
}

@-webkit-keyframes flashing {
  0% {
    opacity: 1
  }

  45% {
    opacity: 0
  }

  90% {
    opacity: 1
  }
}

@keyframes flashing {
  0% {
    opacity: 1
  }

  45% {
    opacity: 0
  }

  90% {
    opacity: 1
  }
}

@-webkit-keyframes fade-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }

  75% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0
  }
}

@keyframes fade-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }

  75% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0
  }
}

@-webkit-keyframes fade-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }

  75% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0
  }
}

@keyframes fade-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }

  75% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 0
  }
}

@-webkit-keyframes fade-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  75% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
  }
}

@keyframes fade-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  75% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
  }
}

@-webkit-keyframes fade-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  75% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
  }
}

@keyframes fade-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }

  75% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
    transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }

  10%,
  20% {
    -webkit-transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg);
    transform: scale3d(.95, .95, .95) rotate3d(0, 0, 1, -10deg)
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg)
  }

  40%,
  60%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

.bx-fade-up {
  -webkit-animation: fade-up 1.5s infinite linear;
  animation: fade-up 1.5s infinite linear
}

.bx-fade-down {
  -webkit-animation: fade-down 1.5s infinite linear;
  animation: fade-down 1.5s infinite linear
}

.bx-fade-left {
  -webkit-animation: fade-left 1.5s infinite linear;
  animation: fade-left 1.5s infinite linear
}

.bx-fade-right {
  -webkit-animation: fade-right 1.5s infinite linear;
  animation: fade-right 1.5s infinite linear
}

.bx-sm {
  font-size: 1.55rem !important
}

.bx-md {
  font-size: 2.25rem !important
}

.bx-lg {
  font-size: 3rem !important
}

.bx-border {
  padding: .25em;
  border: .07em solid rgba(0, 0, 0, .1);
  border-radius: .25em
}

.bx-border-circle {
  padding: .25em;
  border: .07em solid rgba(0, 0, 0, .1);
  border-radius: 50%
}

.bx-color:before {
  content: "\ef3c"
}

.bx-cart-add:before {
  content: "\ef30"
}

.bx-collapse-alt:before {
  content: "\e994"
}

.bx-align-justify:before {
  content: "\e9a7"
}

.bx-align-left:before {
  content: "\e9a8"
}

.bx-align-right:before {
  content: "\e9aa"
}

.bx-arrow-back:before {
  content: "\e9b4"
}

.bx-arrow-from-bottom:before {
  content: "\e9b5"
}

.bx-arrow-from-left:before {
  content: "\e9b6"
}

.bx-arrow-from-right:before {
  content: "\e9b7"
}

.bx-arrow-from-top:before {
  content: "\e9b8"
}

.bx-arrow-to-bottom:before {
  content: "\e9b9"
}

.bx-arrow-to-left:before {
  content: "\e9ba"
}

.bx-arrow-to-right:before {
  content: "\e9bb"
}

.bx-arrow-to-top:before {
  content: "\e9bc"
}

.bx-at:before {
  content: "\e9bd"
}

.bx-body:before {
  content: "\e9db"
}

.bx-border-all:before {
  content: "\e9f1"
}

.bx-border-bottom:before {
  content: "\e9f2"
}

.bx-border-left:before {
  content: "\e9f4"
}

.bx-border-right:before {
  content: "\e9f8"
}

.bx-border-top:before {
  content: "\e9f9"
}

.bx-bot:before {
  content: "\e9fa"
}

.bx-box:before {
  content: "\e9fc"
}

.bx-card:before {
  content: "\ea28"
}

.bx-cart:before {
  content: "\ea36"
}

.bx-cart-alt:before {
  content: "\ea37"
}

.bx-check:before {
  content: "\ea41"
}

.bx-check-circle:before {
  content: "\ea46"
}

.bx-check-square:before {
  content: "\ea49"
}

.bx-chevron-down:before {
  content: "\ea4a"
}

.bx-chevron-down-circle:before {
  content: "\ea4b"
}

.bx-chevron-down-square:before {
  content: "\ea4c"
}

.bx-chevron-left:before {
  content: "\ea4d"
}

.bx-chevron-left-circle:before {
  content: "\ea4e"
}

.bx-chevron-left-square:before {
  content: "\ea4f"
}

.bx-chevron-right:before {
  content: "\ea50"
}

.bx-chevron-right-circle:before {
  content: "\ea51"
}

.bx-chevron-right-square:before {
  content: "\ea52"
}

.bx-chevron-up:before {
  content: "\ea57"
}

.bx-chevron-up-circle:before {
  content: "\ea58"
}

.bx-chevron-up-square:before {
  content: "\ea59"
}

.bx-circle:before {
  content: "\ea5c"
}

.bx-code:before {
  content: "\ea68"
}

.bx-code-alt:before {
  content: "\ea69"
}

.bx-collapse:before {
  content: "\ea71"
}

.bx-color-fill:before {
  content: "\ea73"
}

.bx-copy:before {
  content: "\ea84"
}

.bx-copy-alt:before {
  content: "\ea85"
}

.bx-copyright:before {
  content: "\ea86"
}

.bx-cut:before {
  content: "\ea92"
}

.bx-data:before {
  content: "\ea95"
}

.bx-down-arrow:before {
  content: "\eab6"
}

.bx-down-arrow-alt:before {
  content: "\eab7"
}

.bx-down-arrow-circle:before {
  content: "\eab8"
}

.bx-file:before {
  content: "\ead5"
}

.bx-file-blank:before {
  content: "\ead6"
}

.bx-font:before {
  content: "\eae3"
}

.bx-font-color:before {
  content: "\eae4"
}

.bx-font-family:before {
  content: "\eae5"
}

.bx-font-size:before {
  content: "\eae6"
}

.bx-game:before {
  content: "\eaec"
}

.bx-help-circle:before {
  content: "\eb0d"
}

.bx-hourglass:before {
  content: "\eb19"
}

.bx-id-card:before {
  content: "\eb1a"
}

.bx-image:before {
  content: "\eb1b"
}

.bx-image-add:before {
  content: "\eb1c"
}

.bx-image-alt:before {
  content: "\eb1d"
}

.bx-info-circle:before {
  content: "\eb21"
}

.bx-info-square:before {
  content: "\eb22"
}

.bx-left-arrow:before {
  content: "\eb32"
}

.bx-left-arrow-alt:before {
  content: "\eb33"
}

.bx-left-arrow-circle:before {
  content: "\eb34"
}

.bx-left-down-arrow-circle:before {
  content: "\eb35"
}

.bx-left-top-arrow-circle:before {
  content: "\eb37"
}

.bx-link:before {
  content: "\eb3c"
}

.bx-link-alt:before {
  content: "\eb3d"
}

.bx-list-check:before {
  content: "\eb40"
}

.bx-list-ul:before {
  content: "\eb44"
}

.bx-mobile:before {
  content: "\eb8f"
}

.bx-mobile-alt:before {
  content: "\eb90"
}

.bx-play:before {
  content: "\ebbd"
}

.bx-play-circle:before {
  content: "\ebbe"
}

.bx-repeat:before {
  content: "\ebdc"
}

.bx-reset:before {
  content: "\ebe0"
}

.bx-right-arrow:before {
  content: "\ebe5"
}

.bx-right-arrow-alt:before {
  content: "\ebe6"
}

.bx-right-arrow-circle:before {
  content: "\ebe7"
}

.bx-right-down-arrow-circle:before {
  content: "\ebe8"
}

.bx-right-top-arrow-circle:before {
  content: "\ebea"
}

.bx-run:before {
  content: "\ebf1"
}

.bx-show:before {
  content: "\ec0c"
}

.bx-show-alt:before {
  content: "\ec0d"
}

.bx-square:before {
  content: "\ec25"
}

.bx-stats:before {
  content: "\ec29"
}

.bx-stop:before {
  content: "\ec2b"
}

.bx-stop-circle:before {
  content: "\ec2c"
}

.bx-text:before {
  content: "\ec44"
}

.bx-time:before {
  content: "\ec45"
}

.bx-timer:before {
  content: "\ec47"
}

.bx-toggle-left:before {
  content: "\ec49"
}

.bx-toggle-right:before {
  content: "\ec4a"
}

.bx-up-arrow:before {
  content: "\ec5c"
}

.bx-up-arrow-alt:before {
  content: "\ec5d"
}

.bx-up-arrow-circle:before {
  content: "\ec5e"
}

.bx-user:before {
  content: "\ec63"
}

.bx-user-check:before {
  content: "\ec64"
}

.bx-user-circle:before {
  content: "\ec65"
}

.bx-user-x:before {
  content: "\ec6a"
}

.bx-wallet:before {
  content: "\ec78"
}

.bx-wallet-alt:before {
  content: "\ec79"
}

.bx-x:before {
  content: "\ec8d"
}

.bx-x-circle:before {
  content: "\ec8e"
}

.bx-zoom-in:before {
  content: "\ec90"
}



@font-face {
  font-family: "Press Start 2p"
}

/* background of site */
body {                                                    
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  color: #fff;
  z-index: 1
}

/* Background for Page Home */
.page1 {
  background-image: url(/assets/img/rhfi-background.jpg) ; 
  background-size: cover;
}

/* Background for Page Fixed APR */
.page2 {
  background: url(/assets/img/rhfi-background.jpg) no-repeat center center fixed;
  background-size: cover;
}

/* Background for Page Degen Rollercoaster*/
.page3 {
  background: url(/assets/img/rhfi-background.jpg) no-repeat center center fixed;
  background-size: cover;
}

/* Background for Page Staking */
.page4 {
  background-image: url(/assets/img/rhfi-background.jpg) ;
  background-size: cover;
}

/* Background for Page ROI */
.page5 {
  background: url(/assets/img/bg.jpg) no-repeat center center fixed;
  background-size: cover;
}

/* Background for Page Gas Miner */
.page6 {
  background: url(/assets/img/rhfi-background.jpg) no-repeat center center fixed;
  background-size: cover;
}

/* Background for Page Token Miner */

.page7 {
  background: url(/assets/img/rhfi-background.jpg) no-repeat center center fixed;
  background-size: cover;
}

/* Background for Page Lottery */

.page8 {
  background: url(/assets/img/rhfi-background.jpg);
  background-size: cover;
}

:root {
  --primary: #634dc4;
  --secondary: rgba(255, 255, 255, 0.08);
  --secondary-dark: rgba(255, 252, 252, 0.945);
  --token: #f5a002;
  --token2:#f5a002;
  --token3:#dfae0d;
  --icons: #cfcfcf;
  --busd-color: rgb(250, 90, 183);
  --lines: rgb(255, 255, 255)
}

.usdc {
  color: rgb(26, 218, 231) !important
}


.pdai {
  color: #dfae0d;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 1px
  
}

.usdt {
  color: #dfae0d;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 1px
  
}

.usd {
  font-size: 20px;
  font-weight: 500;
  color: #e6ece6;
  width: auto;
  text-align: center
}

.busd {
  color: #e6ece6;
  letter-spacing: 1px;
  font-family: Montserrat !important;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 20px
}

.dai {
  color: #dfae0d;
  letter-spacing: 1px;
  font-family: Montserrat !important;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 25px
}



.texting {
  color: var(--token);
  letter-spacing: 1px;
  font-family: Montserrat !important;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 25px
}

.text2 {
  color: var(--token2);
  letter-spacing: 1px;
  font-family: Montserrat !important;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 15px
}

.text2a {
  color: var(--token2);
  letter-spacing: 1px;
  font-family: Montserrat !important;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 14px
}

.text3 {
  color: var(--token3);
  letter-spacing: 1px;
  font-family: Montserrat !important;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 20px
}

.text4 {
  color: var(--token3);
  letter-spacing: 1px;
  font-family: Montserrat !important;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 16px
}



a {
  color: #fff;
  text-decoration: none
}

a:hover {
  color: var(--primary);
  text-decoration: none
}

span {
  font-family: 'myfonts';
  color: #fff;
  text-align: center;
}

h1 {
  font-family: 'myfont';
  color: rgb(111, 0, 255)
  text-shadow= 2px 2px rgb(0, 0, 0);
}
h1 {font-family: myfont;}

h1
h2,
h3,
h4,
h5,
h6 {
  font-family: Kanit, sans-serif
}

.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #5855df;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all .4s
}

.back-to-top i {
  font-size: 28px;
  color: #151515;
  line-height: 0
}

.back-to-top:hover {
  background: #151515
}

.back-to-top:hover i {
  color: #bdb2b2
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #151515
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 0px);
  left: calc(50% - 30px);
  border: 6px solid #ffc451;
  border-top-color: #151515;
  border-bottom-color: #151515;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

@media screen and (max-width:768px) {
  [data-aos-delay] {
    transition-delay: 0 !important
  }
}

#header {
  transition: all .5s;
  z-index: 997;
  background: var(black)
}

.header {
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 10px
}

#header .logo {
  font-size: 19px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 1px
}

#header .logo a {
  color: #fff
}

#header .logo a span {
  color: #ffc451
}

#header .logo img {
  max-height: 100%;
  width: 70px;
  padding-right: 20px
}

.connect-btn {
  color: #fff;
  white-space: nowrap;
  transition: .3s;
  font-size: 14px;
  border: 1px solid #0c0c0c;
  margin: 0 20px;
  left: 20%;
  padding: 0 20px;
  border-radius: 5px;
  height: 32px;
  min-width: 120px;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  max-width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px !important;
  letter-spacing: 1.2px;
  z-index: 10;
  font-weight: 500 !important;
  text-transform: unset !important;
  font-weight: 1000;
  color: var(--main-yellow) !important;
  background-color: black;
  background-color: var(black);
  color: var(--main-yellow) !important;
  font-family: 'nexa'
}

.connect-btn:hover {
  color: var(--main-yellow)
}

@media (max-width:992px) {
  .connect-btn {
    padding: 7px 20px 8px 20px
  }
}

.deposit-btn {
  color: rgba(255, 255, 255, .8);
  text-align: static;
  font-weight: 700;
  border: 1px solid #fcfdfd;
  border-radius: 14px;
  width: 245px;
  height: 50px;
  padding: 9px 10px 9px 10px;
  white-space: nowrap;
  font-size: 21px;
  margin-bottom: 60px;
  margin-top: 50px;
  background-color: #10A9FD;
  box-shadow: 0 5px 20px rgb(255 255 255 / 30%), inset 0 0 0 rgb(0 0 0 / 32%);
  display: inline-block
}

.deposit-btn:hover {
  color: rgba(255, 255, 255, 1);
  background-color: #0083f6
}

.timer {
  margin: 0 auto;
  text-align: center
}

.nav-logo {
  width: 22px;
  padding-right: 5px;
  font-size: 13px;
  color: #fff;
  white-space: nowrap
}

.navbar .mine {
  margin: 20px auto 20px auto;
  justify-content: center;
  padding: 10px;
  max-width: 120px;
  border-radius: 6px;
  border: 1px solid #bdb2b2;
  background-color: transparent
}

.navbar .mine:hover {
  color: #fff;
  box-shadow: 0 5px 20px rgb(255 255 255 / 30%), inset 0 0 0 rgb(0 0 0 / 32%);
  background-color: #bdb2b2
}

.navbar .bnb-miner {
  background-color: var(--token);
  border-radius: 6px;
  padding: 10px;
  font-weight: 700;
  border: 2px solid #000;
  box-shadow: 0 5px 20px rgb(255 255 255 / 30%), inset 0 0 0 rgb(0 0 0 / 32%);
  max-width: 200px;
  margin: 20px auto 20px auto
}

#navbar .bnb-miner:hover {
  color: #fff;
  background-color: #f0b90b
}

#withdraw-tax {
  color: red;
  font-size: 12px
}

.navbar {
  padding: 0
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  justify-content: space-evenly;
  align-items: center
}

.navbar li {
  position: relative;
  padding-left: 15px;
  display: block
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 10px 10px 20px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  transition: .3s
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px
}

.navbar a:hover,
.navbar li:hover>a {
  color: #bdb2b2
}

@media (max-width:850px) {
  .navbar {
    left: 45%
  }
}

.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: .5s;
  position: relative
}

@media (max-width:991px) {
  .mobile-nav-toggle {
    display: block;
    right: 120px
  }

  .navbar ul {
    display: none
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .9);
  transition: .3s;
  z-index: 999
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  overflow-y: auto;
  transition: .3s
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  color: #f5f5f5;
  background-color: #000000
}

.navbar-mobile a:hover,
.navbar-mobile li:hover>a {
  color: #bdb2b2
}

#hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative
}

#hero:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0
}

.hero-logo {
  padding-left: 14px;
  padding-bottom: 10px;
  max-width: 30px
}

#hero h1 {
  padding-bottom: 5px;
  font-family: myfont !important;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;  
  color: rgb(163, 255, 240)
  
}

#hero h1 {
  font-family: 'myfont';
}


#hero h2 {
  color: #ffffff;
  font-weight: 100;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 5px;
  font-family: Kanit, sans-serif;
  margin: auto
}

#hero h4 {
  color: #fff;
  font-size: 15px;
  text-align: left;
  font-weight: 600;
  font-family: cursive !important
}

#hero .container {
  padding-top: 55px;
  padding-bottom: 100px;
  color: #fff;
  position: relative;
  text-align: left
}
 /* background of site */
.content-box {
  --border-width: 3px;
  padding: 10px;
  margin: 0 auto;
  border: 1px solid #d10b0b00;
  border-radius: var( );
  background-color: var( );
  max-width: 1200px;
  box-shadow: #0099cc 0 20px 50px -10px; 
  height: auto;
  overflow-wrap: anywhere;
  background: #0202027c;
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 2rem;
  border-radius: 10px
  
}

.content-box::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: -50%;
  border-radius: 15px;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: var()
}

.content-box::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: #da0d0d00;
  border-radius: 15px
}
/* background of site */
@keyframes rotate {
  100% {
    transform: rotate(1turn)
  }
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%
  }
}

#main .container {
  max-width: 1130px;
  margin-top: 0
}

#main .content-box {
  max-width: unset;
  padding: 30px;
  border-radius: 15px;
  padding-bottom: 50px;
  background-color: rgba(214, 208, 208, 0.694)
}

.top-info>:not(:first-child) {
  margin-left: 10px
}

#main .top-info {
  display: inline-flex;
  flex-wrap: wrap
}

#hero .content-box .info-container {
  color: #31be1500;
  width: auto;
  margin: 0 auto
}

#main .stats-row-container {
  padding-top: unset;
  padding: 20px 50px;
  margin-bottom: 8px;
  text-align: center !important;
  justify-content: center !important;
  display: grid !important
}

#main h4 {
  font-size: x-large;
  padding: 5px 0 5px 5px;
  display: flex;
  font-weight: 700;
  flex-wrap: wrap;
  color: var();
  font-family: cursive !important
}

.stats-row-container {
  padding-top: 20px;
  margin: 0 auto;
  font-weight: 600;
  text-align: center
}

.stats-row-title {
  color: #000;
  padding: 10px;
  display: block
}

.stats-row-container>:not(:first-child) {
  margin-left: 7px
}

.stats-row-container .stat {
  color: var();
  border: 1px solid var();
  border-radius: 10px;
  width: auto
}

#main .stats-row-container .stat {
  min-width: 276px
}

#main .stats-row-container .header {
  font-size: 16px;
  font-weight: 300
}

.stats-row-container .header {
  font-size: 20px;
  font-weight: 300;
  text-align: start;
  line-height: 40px;
  transition: ease-in-out .3s;
  overflow-wrap: anywhere
}

.stats-row-container .number {
  font-size: 36px;
  font-weight: 600;
  line-height: 35px;
  padding: 5px;
  text-align: start
}

@media (min-width:768px) {
  #main .stats-row-container .stat {
    min-width: 150px
  }
}

@media (max-width:768px) {
  .stats-row-container .stat {
    padding: 10px 5px 10px 5px;
    margin-top: 3px;
    margin-left: 0
  }
}

@media (max-width:768px) {
  #hero .container {
    margin: auto;
    padding: 15px
  }
}

.first-box {
  padding-right: unset
}

@media (max-width:768px) {
  .first-box {
    padding-right: 10px
  }
}

.mine-btn {
  width: auto;
  margin-top: 30px;
  margin-bottom: 90px;
  min-width: 120px;
  color: #fff;
  border-radius: 10px;
  white-space: nowrap;
  font-size: 21px;
  font-weight: 700;
  padding: 7px 12px 7px 12px;
  line-height: 30px;
  border: 2px solid #000;
  background-color: var(--token);
  text-align: center;
  box-shadow: 0 5px 20px rgb(255 255 255 / 30%), inset 0 0 0 rgb(0 0 0 / 32%)
}

.mine-btn:hover {
  color: #fff;
  box-shadow: 0 5px 20px rgb(255 255 255 / 30%), inset 0 0 0 rgb(0 0 0 / 32%)
}

@media (max-width:768px) {
  .mine {
    padding: 7px 20px 8px 20px
  }
}

@media (max-width:768px) {
  .mine-btn {
    width: 92%
  }
}

#hero .icon-box {
  padding: 10px;
  transition: ease-in-out .3s;
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow: 0 5px 20px rgb(255 255 255 / 30%), inset 0 0 0 rgb(0 0 0 / 32%);
  border-radius: 10px;
  height: auto;
  overflow-wrap: anywhere;
  text-align: center
}

#hero .icon-box i {
  font-size: 32px;
  line-height: 1;
  color: #fff
}

#hero .icon-box h2 {
  padding: 0;
  margin-bottom: 20px;
  line-height: 10px;
  font-size: 18px
}

.hero-row {
  margin-top: 15px
}

#hero .busd {
  font-weight: 700
}

.busd-icon {
  color: var(--busd-color);
  font-size: 22px
}

#hero .icon-box h3 a {
  color: rgba(255, 255, 255, .5);
  transition: ease-in-out .3s
}

@media (max-width:768px) {
  #hero {
    height: auto;
    padding-bottom: 100px
  }

  #hero .container {
    padding-top: 100px
  }

  #hero h1 {
    font-size: 28px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, myfont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 36px
  }

  #hero h2 {
    font-size: 20px;
    line-height: 30px
  }
}


.disclaimer {
  font-size: 13px;
  padding: 15px 10px 15px 10px;
  transition: ease-in-out .3s;
  height: auto;
  color: rgba(255, 255, 255, .8);
  margin-left: 35px;
  margin-right: 20px;
  border-radius: 10px;
  max-width: 1300px
}

.disclaimer i {
  padding-right: 1px;
  font-size: 15px;
  color: #ffc451;
  line-height: 2
}



.stats-container {
  font-size: 18px;
  transition: ease-in-out .3s;
  height: 100%;
  width: auto;
  text-align: center;
  margin-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 32px;
  padding-bottom: 32px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, .4);
  box-shadow: 0 5px 20px rgb(255 255 255 / 30%), inset 0 0 0 rgb(0 0 0 / 32%)
}

.stats-container ul {
  list-style: none;
  justify-content: space-evenly;
  display: flex;
  flex-wrap: wrap;
  padding-left: unset;
  width: auto;
  margin-bottom: 40px
}

.stats-referral-container {
  padding-bottom: unset
}

.stats-referral-container ul {
  margin-bottom: unset
}

.referral-link {
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  margin: 10px auto 10px auto;
  width: auto;
  overflow-wrap: anywhere
}

.referral-link i {
  padding-left: 10px;
  padding-right: 5px
}

.stats-icon-box {
  padding: 2px 5px 2px 5px;
  transition: ease-in-out .3s;
  height: 100%;
  width: 175px;
  min-width: 100px;
  border-radius: 10px;
  color: rgba(255, 255, 255, .9);
  border: 1px solid rgba(255, 255, 255, .4);
  text-align: center
}

@media only screen and (max-width:480px) {
  .stats-icon-box {
    border: none;
    margin-bottom: 25px
  }
}

.stats-icon-box #user-total-deposits {
  color: #fff
}

.stats-icon-box #user-total-withdrawn {
  color: #fff
}

.stats-icon-box #user-total-referrals {
  color: #fff
}

.stats-icon-box strong {
  font-size: small
}

.stats-referral-box {
  padding: 20px 15px 20px 15px;
  transition: ease-in-out .3s;
  height: 100%;
  font-size: 15px;
  width: 150px;
  color: rgba(255, 255, 255, .6);
  text-align: center
}

.stats-icon-box:hover {
  border-color: #0083f6
}

.stats-referral-box:hover {
  border-color: #0083f6
}

.stats-icon-box h4 {
  font-weight: 700;
  line-height: 1;
  font-size: 20px;
  line-height: 26px
}

section {
  padding: 60px 0;
  overflow: hidden
}

.section-title {
  padding-bottom: 20px;
  color: rgba(255, 255, 255, .5)
}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aaa;
  font-family: Poppins, sans-serif
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #fff;
  margin: 4px 10px
}

.section-title p {
  margin: 0;
  margin: 0;
  font-size: 26px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: Poppins, sans-serif;
  color: rgba(255, 255, 255, .8)
}

.deposit-container {
  color: var(--token);
  border-radius: 10px;
  height: 100%;
  font-size: 16px;
  justify-content: space-around;
  padding: 0 20px 15px 20px
}

@media only screen and (max-width:480px) {
  .deposit-container {
    margin-top: 5px
  }
}

.deposit-container .miners-info {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
  text-align: center
}

#main .content-box h4 {
  padding: unset;
  font-size: 27px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 7px;
  margin-top: 5px;
  margin-bottom: 25px;
  transition: ease-in-out .3s;
  overflow-wrap: anywhere
}

.form-control {
  margin-top: 5px;
  line-height: 2px;
  color: rgba(255, 255, 255, .8);
  background: 0 0;
  border: 1px solid #fff;
  border-radius: 7px;
  padding-bottom: 5px;
  padding-top: 5px;
  font-size: x-large
}

.form-control:focus {
  color: rgba(0, 0, 0, .8);
  background: #fafffe
}

.example {
  margin-bottom: 25px
}

.wallet {
  border: 1px double rgba(255, 255, 255, .707);
  border-radius: 7px;
  padding: 7px;
  text-align: center;
  line-height: 1.6;
  font-size: 14px
}

@media only screen and (max-width:480px) {
  .wallet {
    margin-top: 25px
  }
}

.btn-reinvest {
  color: #fff;
  border-radius: 7px;
  width: 100%;
  border: 1px solid #000;
  padding-top: 7px;
  padding-bottom: 7px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  display: inline-block;
  background-color: var(--token)
}

.btn-reinvest:hover {
  color: #fff;
  background-color: #f0b90b
}

.compound {
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  color: #fff
}

.withdraw {
  text-align: center;
  color: #f0b90b;
  font-size: 18px;
  font-weight: 700
}

.withdraw:hover {
  color: #fff;
  background-color: #f0b90b
}

.btn-withdraw {
  color: #f0b90b;
  border-radius: 7px;
  width: 100%;
  max-height: 42px;
  padding-top: 7px;
  padding-bottom: 7px;
  white-space: nowrap;
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
  display: inline-block;
  border: 1px solid #000;
  background-color: transparent
}

.btn-withdraw:hover {
  color: #000000;
  background-color: #2f5455;
  box-shadow: 0 5px 20px rgb(255 255 255 / 30%), inset 0 0 0 rgb(0 0 0 / 32%)
}

.cooldown {
  font-size: 13px;
  font-weight: 700
}

.cooldown:hover {
  color: #fff
}

.deposits {
  margin-right: 1rem;
  margin-left: 1rem
}

#footer {
  background: var(black);
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px
}

#footer .footer-top {
  background: #151515;
  border-bottom: 1px solid #222;
  padding: 10px 0 10px 0
}

#footer .footer-top .footer-info {
  margin-bottom: 10px
}

#footer .footer-top .footer-info h3 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase
}

#footer .footer-top .footer-info h3 span {
  color: #ffc451
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: Raleway, sans-serif;
  color: #2e2b2b
}
 
#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px
}

#footer .copyright {
  text-align: center;
  padding-top: 30px
}

.faq .faq-list {
  padding: 0 10px;
  background: #000000b3;
  border-radius: 15px
}

.faq .faq-list ul {
  padding: 0;
  list-style: none
}

.faq .faq-list li+li {
  margin-top: 15px
}

.faq .faq-list li {
  padding: 20px;
  border-radius: 5px;
  position: relative;
  color: rgba(255, 255, 255, .7)
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: 0;
  cursor: pointer
}

.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #bdb2b2
}

.faq .faq-list .icon-close,
.faq .faq-list .icon-show {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0
}

.faq .faq-list .icon-show {
  display: none
}

@media (max-width:1200px) {
  .faq .faq-list {
    padding: 0
  }
}

.justify-center {
  justify-content: center !important
}

.justify-between {
  justify-content: space-between !important
}

.container,
.container-md,
.container-sm {
  max-width: 560px !important
}

.items-center {
  align-items: center !important
}



.dial-container {
  margin: 10px auto;
  overflow: hidden;
  opacity: 0;
  transition: opacity 1s linear;
  display: flex;
  justify-content: center;
  align-items: center
}

.dial-wrap {
  width: 33.33%;
  float: left;
  text-align: center;
  position: relative
}

.dial-wrap>div {
  display: block
}

.dial-text {
  display: block;
  position: relative;
  top: -99px;
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Press Start 2P", sans-serif !important
}

@media (min-width:750px) {
  .dial-container {
    width: 720px
  }
}

@media (max-width:700px) {
  .dial-container {
    width: 100%;
    display: block
  }

  .dial-wrap {
    width: 100%
  }
}

@keyframes glow {
  from {
    box-shadow: 0 0 2px -5px rgba(8, 41, 228, 0.842)
  }

  to {
    box-shadow: 0 0 2px 5px rgba(212, 240, 214, .2)
  }
}

@keyframes clockwiseSpin {
  from {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes antiClockwiseSpin {
  from {
    transform: rotate(360deg)
  }

  to {
    transform: rotate(0)
  }
}

.icon-custom {
  color: #bdb2b2;
  font-size: 24px
}

#daily-compound,
#daily-rate,
#ref-bonus {
  margin: 0 5px;
  font-weight: 200;
  font-family: Kanit !important
}

.start-btn {
  text-align: center;
  display: inline-block;
  font-weight: 300;
  font-size: 1rem;
  padding: 10px;
  background-color: var(--token);
  color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  box-shadow: 0 .2em white;
  cursor: pointer;
  border: none;
  padding-top: 14px
}

.start-btn:hover {
  text-align: center;
  display: inline-block;
  font-weight: 300;
  font-size: 1rem;
  padding: 10px;
  background-color: #93c3cc;
  color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  box-shadow: 0 .2em white;
  cursor: pointer;
  border: none;
  padding-top: 14px
}

.start-btn2 {
  text-align: center;
  display: inline-block;
  margin-top: 50px !important;
  margin: auto;
  font-weight: 300;
  font-size: 1.2rem;
  padding: 10px;
  background-color: #bdb2b200;
  text-shadow: -1px -1px #000, 1px 1px rgb(61 61 61);
  color: #bdb2b2;
  border-radius: 7px;
  cursor: pointer;
  padding-top: 14px;
  width: 100%;
  box-shadow: 10px 20px 30px #070707;
  border: 2px solid #bdb2b2
}

.start-btn2:hover {
  box-shadow: inset 1px 1px 20px #ffc83b, 1px 2px 20px #ffc637
}

hr {
  color: var(--lines);
  height: 1px;
  opacity: 1
}

.start-btn:active {
  box-shadow: none;
  position: relative;
  top: .2em
}

@media  (max-width: 767.98px) {
  .start-btn {
    font-size: 12px !important
  }


}

/* Ensuring equal column widths on all screen sizes */
@media (max-width: 767.98px) {
  .col-md-6 {
      flex: 1 0 100%; /* Full width on mobile */
  }
}

/* Optional: Add margin for better spacing on mobile */
@media (max-width: 767.98px) {
  .content-box {
      margin-bottom: 15px; /* Adjust margin as needed */
  }
}

.justify-content-center {
  justify-content: space-around !important
}
/* Scrollbar Track */
::-webkit-scrollbar {
  width: 5px; /* Width of the scrollbar */
}

/* Scrollbar Track Background */
::-webkit-scrollbar-track {
  background-color: #02223f; /* Track background color */
}

/* Scrollbar Thumb */
::-webkit-scrollbar-thumb {
  background-color: #02223f; /* Thumb color */
  border-radius: 5px; /* Rounded corners for the thumb */
}

/* Scrollbar Buttons (Arrows) - Optional */
::-webkit-scrollbar-button {
  display: none; /* Hide scrollbar buttons, if desired */
}

/* Scrollbar Track */
/* Change 'body' to the appropriate container selector */
body::-webkit-scrollbar {
  width: 8px; /* Width of the scrollbar */
}

/* Scrollbar Track Background */
/* Change 'body' to the appropriate container selector */
body::-webkit-scrollbar-track {
  background-color: #e8000000 transparent; /* Track background color */
}

/* Scrollbar Thumb */
/* Change 'body' to the appropriate container selector */
body::-webkit-scrollbar-thumb {
  background-color: #4285b2 ;  /* Thumb color */
  border-radius: 5px; /* Rounded corners for the thumb */
}
/* This will affect the scrollbar globally */
* {
  scrollbar-width: thin; /* "auto" or "thin"  */
  scrollbar-color: #222  #11d6dd;
  ; /* Scrollbar track color */
}

.image-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}

.image-container a {
  flex: 1;
  margin-right: 15px; /* Adjust the margin as needed */
}

.image-container img {
  width: 100%;
  height: auto;
  max-width: 250px; /* You can adjust this value based on your design */
}

#live-miner {
  margin: 0 5px;
  font-weight: 200;
  font-family: Kanit !important
}

.icon-miner {
  color: #16f702;
  font-size: 24px
}

.bi-check-square-fill {
  color: #16f702;
  font-size: 24px
}


.start-btn3 {
  text-align: center;
  display: inline-block;
  font-weight: 300;
  font-size: 1rem;
  padding: 10px;
  background-color: #0083f6;
  color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  box-shadow: 0 .2em white;
  cursor: pointer;
  border: none;
  padding-top: 14px
}

.start-btn3:hover {
  text-align: center;
  display: inline-block;
  font-weight: 300;
  font-size: 1rem;
  padding: 10px;
  background-color: #3225e7;
  color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;
  box-shadow: 0 .2em white;
  cursor: pointer;
  border: none;
  padding-top: 14px
}

/* General styling for staking boxes */
.staking-box {
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .staking-box {
      padding: 5px;
      font-size: 14px; /* Adjust font size for smaller screens */
  }

  .content-box {
      padding: 10px;
  }

  .btn {
      width: 100%; /* Make buttons full-width on mobile */
      margin-bottom: 10px;
  }

  .row {
      flex-direction: column; /* Stack columns vertically */
  }

  .col-md-12, .col-lg-3 {
      width: 100%; /* Full width columns on small screens */
      margin-bottom: 15px; /* Space between stacked elements */
  }

  .token-info, .earned, .actions, .info-item {
      text-align: center; /* Center text on smaller screens */
  }
}

/* Styling for box headers and content */
.box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background-color: #0fdb0f83;
}

.token-info {
  text-align: left;
  flex: 1; /* Adjust flex to allow this section to take up more space */
}

.token-name {
  font-weight: bold;
}

.box-content {
  padding: 10px;
  background-color: #0fdb0f83;
}

.staking-row {
  display: flex;
  flex-wrap: wrap; /* Ensure items wrap to the next line if there's not enough space */
  gap: 10px;
}

/* General styling for sections */
.approval, .deposits, .withdrawal, .earned {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  flex: 1; /* Allow each section to grow and fill available space */
  max-width: 300px; /* Set a max-width for uniform size */
  margin: 0 5px; /* Margin to separate the columns */
}

.action-amount {
  padding: 5px;
  width: 100%; /* Full width for inputs */
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 5px;
}

/* Button group styling */
.btn-group-vertical {
  display: block; /* Stacks buttons vertically */
  width: 100%; /* Makes buttons take up the full width of the container */
  margin-bottom: 10px; /* Adds space between buttons */
  border-radius: 8px; /* Slightly rounded edges */
}

.approve-button, .deposit-button, .withdrawal-button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 8px; /* Rounded edges */
  cursor: pointer;
  margin-bottom: 10px; /* Adds a gap between the buttons */
}

.approve-button:last-child, .deposit-button:last-child, .withdrawal-button:last-child {
  margin-bottom: 0; /* Removes margin from the last button */
}

/* Earned section styling */
.earned {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  padding: 10px;
  margin: 0 5px; /* Adjust margin to fit well with other sections */
}

.claim-button {
  background-color: #007bff; /* Button background color */
  color: white; /* Text color */
  cursor: pointer; /* Pointer cursor on hover */
  margin-top: auto; /* Pushes button to the bottom */
  display: flex; /* Flexbox for alignment */
  justify-content: center; /* Center the button text */
  border-radius: 8px; /* Slightly rounded edges */
  padding: 0.25rem 0.75rem; /* Smaller padding for a more compact button */
  font-size: 0.875rem; /* Smaller font size for a smaller button */
  width: auto; /* Automatically adjust width based on content */
  height: auto; /* Automatically adjust height based on content */
  border: none; /* Remove border if present */
  text-align: center; /* Center text inside the button */
}

/* Additional info styling */
.earnings-details {
  text-align: center;
  margin-bottom: 10px;
}

.additional-info {
  display: flex;
  flex-direction: column;
  gap: 5px; /* Adjust spacing between stacked items */
}