.feature-col {
  color: #DA1B24; 
}

.block-number {
  text-align: center;
  font-weight: bold;
  font-size: 0.8125em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #191919;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out; }
  .block-number:hover {
    opacity: 1; }
  .block-number::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    margin-bottom: 2px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #191919; }
  .block-number a:hover,
  .block-number a:focus {
    color: #191919; }

.demo-section .main-content .section,
.demo-topbar .main-content .topbar,
.demo-navbar .main-content .navbar,
.demo-header .main-content .header,
.demo-footer .main-content .footer {
  margin: 30px 20px 100px;
  border: 1px solid #f5f6f7;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); }

.demo-topbar .main-content .topbar,
.demo-navbar .main-content .navbar {
  position: static;
  margin: 0; }

.sample-blocks img {
  border-radius: 0.25rem; }
  .sample-blocks img.aos-animate {
    opacity: 0.5 !important; }
  .sample-blocks img:hover {
    opacity: 1 !important;
    -webkit-transition: 0.7s !important;
    transition: 0.7s !important; }

.sample-blocks a {
  position: absolute; }

.sample-blocks a:nth-child(1) {
  -webkit-animation: wobble 4s infinite;
          animation: wobble 4s infinite;
  right: 15px;
  bottom: -20px; }

.sample-blocks a:nth-child(2) {
  -webkit-animation: wobble 8s infinite;
          animation: wobble 8s infinite;
  right: 320px;
  bottom: 30px; }

.sample-blocks a:nth-child(3) {
  -webkit-animation: wobble 5s infinite;
          animation: wobble 5s infinite;
  right: 0px;
  bottom: 190px; }

.sample-blocks a:nth-child(4) {
  -webkit-animation: wobble 6s infinite;
          animation: wobble 6s infinite;
  right: 280px;
  bottom: 180px; }

.sample-blocks a:nth-child(5) {
  -webkit-animation: wobble 9s infinite;
          animation: wobble 9s infinite;
  right: 270px;
  bottom: 320px; }

.sample-blocks a:nth-child(6) {
  -webkit-animation: wobble 7s infinite;
          animation: wobble 7s infinite;
  right: 20px;
  bottom: 370px; }

.sample-blocks a:nth-child(7) {
  -webkit-animation: wobble 5s infinite;
          animation: wobble 5s infinite;
  right: 200px;
  bottom: 470px; }

.sample-blocks a:nth-child(8) {
  -webkit-animation: wobble 8s infinite;
          animation: wobble 8s infinite;
  right: 10px;
  bottom: 470px; }

.sample-blocks a:nth-child(9) {
  -webkit-animation: wobble 9s infinite;
          animation: wobble 9s infinite;
  right: 0px;
  bottom: 570px; }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(-1deg) translate(-5px, -5px);
            transform: rotate(-1deg) translate(-5px, -5px); }
  50% {
    -webkit-transform: rotate(1deg) translate(5px, 5px);
            transform: rotate(1deg) translate(5px, 5px); }
  100% {
    -webkit-transform: rotate(-1deg) translate(-5px, -5px);
            transform: rotate(-1deg) translate(-5px, -5px); } }

@keyframes wobble {
  0% {
    -webkit-transform: rotate(-1deg) translate(-5px, -5px);
            transform: rotate(-1deg) translate(-5px, -5px); }
  50% {
    -webkit-transform: rotate(1deg) translate(5px, 5px);
            transform: rotate(1deg) translate(5px, 5px); }
  100% {
    -webkit-transform: rotate(-1deg) translate(-5px, -5px);
            transform: rotate(-1deg) translate(-5px, -5px); } }

@media (max-width: 400px) {
  body > .footer .social a:last-child,
  body > .footer .nav a:last-child {
    display: none; } 
}


.test-container {
  display: flex;
  padding: 0 55px;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
  -webkit-overflow-scrolling: touch;
  
  
  transform: scale(0.98);
  will-change: transform;
  cursor: pointer;
}

.test-container::-webkit-scrollbar {
  display: none; /*chrome*/
}

.test-item {
  flex: 0 0 19.7%;
  margin: 5px 1px;
  transition: transform 300ms ease 100ms;
  
}

.category-container {
  align-content: justify;
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE 11 */
  scrollbar-width: none; /* Firefox 64 */
  -webkit-overflow-scrolling: touch;
}

.category-btn{
  margin: 5px;
  background: transparent;
  border: none;
}

.test-category {
  flex: 0 0 10%;
  margin: 2px 2px;
  transition: transform 300ms ease 100ms;
}



.section-header {
  margin: 0 auto 10px!important;
}


/*colors */
.links-and-categories {
  color: #FF3D00!important;
  font-size: 12px!important;
}
.titles-and-buttons {
  color: #621CAA!important;
}
.texts {
  color: #1A1A1A!important;
}
.get-started {
  color: #DA1B24!important;
}
.text-boxes {
  background-color: #F0F0F0!important
}
.text-box-texts {
  color: #080A3D!important;
}

.row.gap-y {
  margin-bottom: -70px!important;
}

@media screen and (max-width: 1024px) {
  .navbar-mobile {
    display: none;
  }
  .navbar-toggler {
    display: none
  }
  .org-app {
    margin-top: 8em;
  }
}

@media screen and (min-width: 1024px) {
  .cardLeftMargin{
    padding: 1em; 
    margin-left: 5em
  }

  .cardRightMargin{
    padding: 1em; 
    margin-right: 5em
  }

  .emojiLeft {
    position: relative;
    z-index: 9999;
    bottom: 120px;
    left: 30px;
    width: 14%;
  }

  .emojiRight {
    position: relative;
    z-index: 9999;
    bottom: 120px;
    right: 43px;
    width: 14%;
  }

  .tree-card {
    position: relative;

    bottom: 545px;

    left: 342px;

    float: right;

    padding: 1em;

    margin: 4em;
  }

  .mascot {
    position: relative;
    left: 85em;
    bottom: 10em;
    width: 6em;
    z-index: 999;
  }

  .event-search {
    position: relative!important; 
    bottom: 50px!important
  }
}

.purple-button {
  background: #621caa!important;
  border-color:  #621caa!important;
  margin: 1em!important
}

.purple-title {
  color:  #621caa!important;
}

.faq {
  border: 1px solid #c1c1c1!important;
  border-radius: 10px!important;
  margin: 4em!important;
  padding: 4em!important;
}

.faq-points {
  margin-bottom: 1em;
  margin-top: 1em;
}

.partnerLogo {
  width: 8em;
  margin: 1em
}

.emphasis {
  color:  #621caa!important;
}

.btn-image {
  position: absolute;
  right: 4em;
  bottom: 2em;
}

.mascot {
  display: none
}

/*# sourceMappingURL=style.css.map */