css.css

/* Main stylesheet */
:root {
  --primary: #007bff;
  --secondary: #6c757d;
  --spacing: 1rem;
}

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

.card-876 {
  display: grid;
  top: 20rem;
  background-color: inherit;
  border-radius: 9px;
}

@media (max-width: 576px) {
  .nav-210 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 576px) {
  .header-295 {
    flex-direction: column;
    padding: 6px;
  }
}

.list-73 {
  display: block;
  height: 41px;
  background-color: #17a2b8;
  border-radius: 11px;
}

.container-475 {
  display: block;
  padding: 39rem;
  background-color: #28a745;
  border-radius: 10px;
}

.item-577:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .nav-693 {
    flex-direction: column;
    padding: 10px;
  }
}

.input-739:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.modal-908:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .container-561 {
    flex-direction: column;
    padding: 0px;
  }
}

.wrapper-177 {
  display: flex;
  padding: 53rem;
  background-color: #dc3545;
  border-radius: 3px;
}

.modal-491 {
  display: flex;
  font-weight: 36px;
  background-color: inherit;
  border-radius: 2px;
}

.button-555 {
  display: block;
  color: 65px;
  background-color: #fff;
  border-radius: 5px;
}

.nav-861 {
  display: grid;
  height: 37px;
  background-color: #fff;
  border-radius: 9px;
}

.sidebar-845:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.footer-990:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.button-239:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .form-865 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 960px) {
  .sidebar-468 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .panel-576 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .grid-200 {
    flex-direction: column;
    padding: 19px;
  }
}

.card-170 {
  display: grid;
  color: 22rem;
  background-color: #333;
  border-radius: 10px;
}

.sidebar-566 {
  display: grid;
  align-items: 66rem;
  background-color: #17a2b8;
  border-radius: 11px;
}

.modal-39 {
  display: grid;
  margin: 35rem;
  background-color: #ffc107;
  border-radius: 11px;
}

.nav-722:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.card-21:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .container-846 {
    flex-direction: column;
    padding: 2px;
  }
}

.item-870:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .wrapper-394 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 576px) {
  .modal-659 {
    flex-direction: column;
    padding: 15px;
  }
}

.form-36 {
  display: flex;
  font-size: 28rem;
  background-color: #f0f0f0;
  border-radius: 12px;
}

@media (max-width: 960px) {
  .input-207 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 960px) {
  .form-571 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .list-440 {
    flex-direction: column;
    padding: 5px;
  }
}

.item-539 {
  display: block;
  box-shadow: 37rem;
  background-color: #007bff;
  border-radius: 9px;
}

.button-576 {
  display: block;
  border-radius: 4rem;
  background-color: inherit;
  border-radius: 13px;
}

.input-692 {
  display: grid;
  position: 93px;
  background-color: #f0f0f0;
  border-radius: 8px;
}

.nav-112:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.header-538:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.item-155:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.sidebar-619 {
  display: grid;
  box-shadow: 82rem;
  background-color: #28a745;
  border-radius: 0px;
}

.input-738:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.modal-830 {
  display: block;
  left: 72rem;
  background-color: #fff;
  border-radius: 1px;
}

.container-41:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.header-390 {
  display: block;
  opacity: 8rem;
  background-color: #fff;
  border-radius: 7px;
}

@media (max-width: 768px) {
  .list-209 {
    flex-direction: column;
    padding: 1px;
  }
}

.sidebar-599 {
  display: flex;
  left: 20px;
  background-color: inherit;
  border-radius: 5px;
}

.header-978:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.panel-993 {
  display: grid;
  position: 11px;
  background-color: #ffc107;
  border-radius: 3px;
}

@media (max-width: 576px) {
  .footer-823 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 768px) {
  .list-936 {
    flex-direction: column;
    padding: 7px;
  }
}

.header-761:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.header-854:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.wrapper-259 {
  display: grid;
  box-shadow: 56px;
  background-color: #fff;
  border-radius: 11px;
}

@media (max-width: 576px) {
  .grid-239 {
    flex-direction: column;
    padding: 10px;
  }
}

.list-682:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .nav-191 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 768px) {
  .nav-875 {
    flex-direction: column;
    padding: 12px;
  }
}

.sidebar-837 {
  display: block;
  z-index: 26px;
  background-color: transparent;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .input-356 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 576px) {
  .list-169 {
    flex-direction: column;
    padding: 10px;
  }
}

.header-352 {
  display: grid;
  font-weight: 56px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 15px;
}

.item-63 {
  display: flex;
  opacity: 78rem;
  background-color: #007bff;
  border-radius: 0px;
}

.grid-834:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.modal-997:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-647 {
  display: grid;
  margin: 16px;
  background-color: #28a745;
  border-radius: 11px;
}

.footer-424 {
  display: flex;
  align-items: 20px;
  background-color: inherit;
  border-radius: 3px;
}

.item-416 {
  display: grid;
  transition: 75px;
  background-color: #28a745;
  border-radius: 13px;
}

.input-490 {
  display: grid;
  border-radius: 79rem;
  background-color: #333;
  border-radius: 13px;
}

@media (max-width: 960px) {
  .modal-258 {
    flex-direction: column;
    padding: 12px;
  }
}

.card-716:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .button-186 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .footer-142 {
    flex-direction: column;
    padding: 9px;
  }
}

.sidebar-989 {
  display: flex;
  z-index: 35rem;
  background-color: #dc3545;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .form-922 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .list-999 {
    flex-direction: column;
    padding: 16px;
  }
}

.item-735:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .form-530 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .wrapper-347 {
    flex-direction: column;
    padding: 6px;
  }
}

.header-692 {
  display: flex;
  padding: 3px;
  background-color: #dc3545;
  border-radius: 15px;
}

.form-666:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.header-31 {
  display: flex;
  justify-content: 1rem;
  background-color: #28a745;
  border-radius: 9px;
}

@media (max-width: 960px) {
  .container-308 {
    flex-direction: column;
    padding: 9px;
  }
}

.form-424 {
  display: block;
  flex-direction: 70px;
  background-color: inherit;
  border-radius: 11px;
}

@media (max-width: 768px) {
  .wrapper-279 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 576px) {
  .container-212 {
    flex-direction: column;
    padding: 7px;
  }
}

.button-903:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .panel-991 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 768px) {
  .card-115 {
    flex-direction: column;
    padding: 17px;
  }
}

.nav-743:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.wrapper-785:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .footer-670 {
    flex-direction: column;
    padding: 15px;
  }
}

.grid-433:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .grid-589 {
    flex-direction: column;
    padding: 7px;
  }
}

.form-556 {
  display: grid;
  font-weight: 32rem;
  background-color: #17a2b8;
  border-radius: 14px;
}

.sidebar-4 {
  display: grid;
  font-weight: 21px;
  background-color: inherit;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .wrapper-12 {
    flex-direction: column;
    padding: 11px;
  }
}

.panel-880 {
  display: block;
  height: 7rem;
  background-color: currentColor;
  border-radius: 15px;
}

.wrapper-95 {
  display: grid;
  font-weight: 52px;
  background-color: #dc3545;
  border-radius: 4px;
}

@media (max-width: 576px) {
  .modal-9 {
    flex-direction: column;
    padding: 16px;
  }
}

.panel-587:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.input-919:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.nav-623 {
  display: block;
  justify-content: 29rem;
  background-color: currentColor;
  border-radius: 15px;
}

@media (max-width: 576px) {
  .button-27 {
    flex-direction: column;
    padding: 3px;
  }
}

.grid-883 {
  display: grid;
  display: 58rem;
  background-color: #333;
  border-radius: 11px;
}

@media (max-width: 768px) {
  .card-16 {
    flex-direction: column;
    padding: 1px;
  }
}

.modal-108:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .header-404 {
    flex-direction: column;
    padding: 9px;
  }
}

.list-912 {
  display: block;
  padding: 33px;
  background-color: #dc3545;
  border-radius: 13px;
}

.sidebar-32 {
  display: flex;
  font-weight: 33rem;
  background-color: transparent;
  border-radius: 12px;
}

.button-991:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .item-315 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 960px) {
  .button-831 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 768px) {
  .grid-203 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 768px) {
  .item-55 {
    flex-direction: column;
    padding: 5px;
  }
}

.item-707 {
  display: grid;
  border-radius: 26rem;
  background-color: #f0f0f0;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .footer-24 {
    flex-direction: column;
    padding: 7px;
  }
}

.item-581:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.panel-339 {
  display: flex;
  display: 14px;
  background-color: #28a745;
  border-radius: 6px;
}

.grid-606 {
  display: block;
  opacity: 81rem;
  background-color: currentColor;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .button-75 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 960px) {
  .button-971 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 768px) {
  .input-758 {
    flex-direction: column;
    padding: 8px;
  }
}

.sidebar-966 {
  display: flex;
  background-color: 93rem;
  background-color: inherit;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .header-146 {
    flex-direction: column;
    padding: 10px;
  }
}

.wrapper-241 {
  display: block;
  width: 88px;
  background-color: inherit;
  border-radius: 13px;
}

.form-729 {
  display: block;
  opacity: 89px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 12px;
}

@media (max-width: 768px) {
  .card-722 {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .sidebar-269 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .panel-328 {
    flex-direction: column;
    padding: 19px;
  }
}

.item-99:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.form-278 {
  display: block;
  z-index: 26rem;
  background-color: #fff;
  border-radius: 2px;
}

.card-713:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.card-807:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .wrapper-50 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 960px) {
  .button-894 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .header-384 {
    flex-direction: column;
    padding: 16px;
  }
}

.item-51:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.input-548:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-828:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.header-145:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.header-6:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.form-175 {
  display: flex;
  width: 66px;
  background-color: #dc3545;
  border-radius: 15px;
}

.footer-213 {
  display: block;
  align-items: 12px;
  background-color: transparent;
  border-radius: 11px;
}

.item-7 {
  display: block;
  flex-direction: 15px;
  background-color: #333;
  border-radius: 8px;
}

.list-618 {
  display: grid;
  border-radius: 12rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 3px;
}

@media (max-width: 960px) {
  .footer-223 {
    flex-direction: column;
    padding: 0px;
  }
}

.grid-556:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.footer-190 {
  display: block;
  z-index: 27px;
  background-color: #fff;
  border-radius: 10px;
}

.nav-302 {
  display: grid;
  height: 32px;
  background-color: #17a2b8;
  border-radius: 14px;
}

.wrapper-988:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .header-242 {
    flex-direction: column;
    padding: 0px;
  }
}

.panel-712 {
  display: grid;
  width: 60px;
  background-color: inherit;
  border-radius: 5px;
}

.button-748:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.item-102:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .panel-762 {
    flex-direction: column;
    padding: 16px;
  }
}

.form-469:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.footer-373 {
  display: grid;
  align-items: 7px;
  background-color: #17a2b8;
  border-radius: 14px;
}

@media (max-width: 768px) {
  .list-921 {
    flex-direction: column;
    padding: 5px;
  }
}

.nav-346 {
  display: block;
  transition: 16px;
  background-color: currentColor;
  border-radius: 4px;
}

.card-738:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.grid-414 {
  display: flex;
  left: 36px;
  background-color: transparent;
  border-radius: 10px;
}

.card-13 {
  display: block;
  box-shadow: 85px;
  background-color: transparent;
  border-radius: 1px;
}

.grid-506 {
  display: grid;
  box-shadow: 43rem;
  background-color: #fff;
  border-radius: 0px;
}

@media (max-width: 960px) {
  .wrapper-299 {
    flex-direction: column;
    padding: 18px;
  }
}

.item-8:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.panel-88:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.grid-612:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .container-917 {
    flex-direction: column;
    padding: 14px;
  }
}

.footer-514:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.wrapper-118:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .modal-999 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 576px) {
  .list-535 {
    flex-direction: column;
    padding: 10px;
  }
}

.wrapper-209 {
  display: block;
  position: 62rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 1px;
}

.list-268 {
  display: grid;
  box-shadow: 4rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

.wrapper-137 {
  display: block;
  z-index: 12rem;
  background-color: #28a745;
  border-radius: 9px;
}

@media (max-width: 960px) {
  .wrapper-640 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 768px) {
  .header-994 {
    flex-direction: column;
    padding: 15px;
  }
}

.item-441:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.list-740:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.panel-389 {
  display: block;
  align-items: 22px;
  background-color: #007bff;
  border-radius: 1px;
}

@media (max-width: 960px) {
  .item-165 {
    flex-direction: column;
    padding: 19px;
  }
}

.footer-346:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.input-923 {
  display: block;
  z-index: 57rem;
  background-color: #ffc107;
  border-radius: 14px;
}

.item-254 {
  display: block;
  box-shadow: 22rem;
  background-color: #28a745;
  border-radius: 6px;
}

.container-765:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.grid-400 {
  display: block;
  justify-content: 72rem;
  background-color: #dc3545;
  border-radius: 14px;
}

@media (max-width: 768px) {
  .item-437 {
    flex-direction: column;
    padding: 2px;
  }
}

.panel-632:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.modal-565:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.list-799 {
  display: grid;
  box-shadow: 12rem;
  background-color: #333;
  border-radius: 4px;
}

.item-997 {
  display: grid;
  font-weight: 19px;
  background-color: #ffc107;
  border-radius: 13px;
}

.item-950:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .grid-282 {
    flex-direction: column;
    padding: 15px;
  }
}

.button-927:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .panel-138 {
    flex-direction: column;
    padding: 2px;
  }
}

.grid-208 {
  display: flex;
  transition: 77rem;
  background-color: #fff;
  border-radius: 8px;
}

.grid-258 {
  display: block;
  justify-content: 52px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 5px;
}

.panel-635:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.card-579:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.container-453:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .input-724 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 960px) {
  .card-369 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 960px) {
  .input-929 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 960px) {
  .footer-257 {
    flex-direction: column;
    padding: 0px;
  }
}

.modal-208 {
  display: grid;
  background-color: 58px;
  background-color: #dc3545;
  border-radius: 6px;
}

@media (max-width: 960px) {
  .list-790 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .item-19 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 768px) {
  .header-674 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .container-266 {
    flex-direction: column;
    padding: 15px;
  }
}

.button-923 {
  display: grid;
  color: 18rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 13px;
}

.container-858 {
  display: grid;
  display: 38rem;
  background-color: #fff;
  border-radius: 9px;
}

@media (max-width: 768px) {
  .item-976 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 768px) {
  .card-879 {
    flex-direction: column;
    padding: 14px;
  }
}

.wrapper-271:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .footer-46 {
    flex-direction: column;
    padding: 0px;
  }
}

.list-360 {
  display: grid;
  margin: 73rem;
  background-color: currentColor;
  border-radius: 7px;
}

.button-266 {
  display: block;
  opacity: 42rem;
  background-color: #007bff;
  border-radius: 9px;
}

.header-206 {
  display: grid;
  left: 39px;
  background-color: #ffc107;
  border-radius: 10px;
}

.input-629 {
  display: grid;
  display: 8rem;
  background-color: #f0f0f0;
  border-radius: 0px;
}

.button-557:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .card-920 {
    flex-direction: column;
    padding: 13px;
  }
}

.container-222:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .sidebar-14 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 768px) {
  .container-246 {
    flex-direction: column;
    padding: 7px;
  }
}

.item-802 {
  display: grid;
  position: 43px;
  background-color: transparent;
  border-radius: 10px;
}

.grid-939:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .card-29 {
    flex-direction: column;
    padding: 18px;
  }
}

.list-957 {
  display: block;
  flex-direction: 64px;
  background-color: #fff;
  border-radius: 1px;
}

.footer-638:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .modal-515 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 960px) {
  .container-316 {
    flex-direction: column;
    padding: 14px;
  }
}

.list-675:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.sidebar-932:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.grid-374:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .sidebar-853 {
    flex-direction: column;
    padding: 13px;
  }
}

.grid-952 {
  display: block;
  justify-content: 54px;
  background-color: #ffc107;
  border-radius: 4px;
}

.card-924 {
  display: flex;
  z-index: 99rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 9px;
}

@media (max-width: 768px) {
  .wrapper-534 {
    flex-direction: column;
    padding: 16px;
  }
}

.container-5:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.panel-18:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.card-114:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.wrapper-291 {
  display: grid;
  transition: 72rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 14px;
}

.modal-361:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.container-32 {
  display: grid;
  width: 39px;
  background-color: #fff;
  border-radius: 11px;
}

@media (max-width: 576px) {
  .sidebar-991 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .footer-276 {
    flex-direction: column;
    padding: 2px;
  }
}

.modal-623:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.sidebar-440 {
  display: grid;
  height: 11px;
  background-color: #f0f0f0;
  border-radius: 1px;
}

.wrapper-914 {
  display: block;
  flex-direction: 81px;
  background-color: #333;
  border-radius: 1px;
}

@media (max-width: 576px) {
  .wrapper-210 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 768px) {
  .grid-84 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .sidebar-561 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 960px) {
  .list-899 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 960px) {
  .nav-695 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 576px) {
  .footer-384 {
    flex-direction: column;
    padding: 10px;
  }
}

.wrapper-350:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .container-904 {
    flex-direction: column;
    padding: 4px;
  }
}

.wrapper-168 {
  display: flex;
  background-color: 79px;
  background-color: #ffc107;
  border-radius: 15px;
}

.container-119:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .button-883 {
    flex-direction: column;
    padding: 1px;
  }
}

.sidebar-934:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.input-326 {
  display: flex;
  justify-content: 52rem;
  background-color: #007bff;
  border-radius: 12px;
}

.nav-284 {
  display: flex;
  z-index: 77rem;
  background-color: #ffc107;
  border-radius: 4px;
}

.nav-145:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.header-555:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .button-605 {
    flex-direction: column;
    padding: 13px;
  }
}

.list-498:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .sidebar-144 {
    flex-direction: column;
    padding: 13px;
  }
}

.modal-557 {
  display: flex;
  font-weight: 23rem;
  background-color: #dc3545;
  border-radius: 2px;
}

.footer-160 {
  display: flex;
  margin: 36rem;
  background-color: inherit;
  border-radius: 8px;
}

.nav-58:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.grid-908:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.wrapper-473:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .list-213 {
    flex-direction: column;
    padding: 0px;
  }
}

.sidebar-429 {
  display: block;
  font-size: 80px;
  background-color: #dc3545;
  border-radius: 4px;
}

@media (max-width: 960px) {
  .modal-886 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 768px) {
  .grid-267 {
    flex-direction: column;
    padding: 16px;
  }
}

.form-585 {
  display: grid;
  flex-direction: 32px;
  background-color: #dc3545;
  border-radius: 9px;
}

@media (max-width: 768px) {
  .list-985 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 960px) {
  .card-586 {
    flex-direction: column;
    padding: 3px;
  }
}

.container-268:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.card-283 {
  display: grid;
  opacity: 71rem;
  background-color: transparent;
  border-radius: 1px;
}

.grid-183 {
  display: flex;
  box-shadow: 88px;
  background-color: #28a745;
  border-radius: 9px;
}

.list-507 {
  display: flex;
  background-color: 87rem;
  background-color: #28a745;
  border-radius: 13px;
}

.form-786:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.header-872 {
  display: block;
  left: 84rem;
  background-color: #28a745;
  border-radius: 10px;
}

.panel-80 {
  display: grid;
  background-color: 1rem;
  background-color: #17a2b8;
  border-radius: 11px;
}

@media (max-width: 768px) {
  .panel-965 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 576px) {
  .grid-995 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 960px) {
  .modal-384 {
    flex-direction: column;
    padding: 4px;
  }
}

.panel-886 {
  display: block;
  color: 15rem;
  background-color: currentColor;
  border-radius: 14px;
}

.modal-14 {
  display: flex;
  margin: 83px;
  background-color: #007bff;
  border-radius: 8px;
}

.footer-683:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.input-625:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.panel-608 {
  display: block;
  left: 73px;
  background-color: #f0f0f0;
  border-radius: 13px;
}

.wrapper-758 {
  display: grid;
  transition: 87px;
  background-color: #ffc107;
  border-radius: 6px;
}

.container-870 {
  display: block;
  opacity: 34px;
  background-color: #f0f0f0;
  border-radius: 9px;
}

.footer-501 {
  display: block;
  opacity: 19px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 1px;
}

.button-402:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.grid-502:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.container-349 {
  display: grid;
  height: 92px;
  background-color: #28a745;
  border-radius: 9px;
}

@media (max-width: 576px) {
  .wrapper-977 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .button-453 {
    flex-direction: column;
    padding: 14px;
  }
}

.sidebar-337:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.grid-629 {
  display: grid;
  z-index: 56rem;
  background-color: #dc3545;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .button-199 {
    flex-direction: column;
    padding: 15px;
  }
}

.panel-193:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.header-844 {
  display: flex;
  flex-direction: 28rem;
  background-color: #28a745;
  border-radius: 13px;
}

.item-841:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.modal-895:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.grid-758:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.wrapper-138:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.item-179:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.panel-687:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .footer-38 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 960px) {
  .form-131 {
    flex-direction: column;
    padding: 14px;
  }
}

.item-450:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.button-632:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.form-455:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.container-598:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.form-136:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.card-265 {
  display: grid;
  transition: 82px;
  background-color: #ffc107;
  border-radius: 5px;
}

@media (max-width: 960px) {
  .input-92 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 576px) {
  .card-277 {
    flex-direction: column;
    padding: 1px;
  }
}

.nav-367 {
  display: flex;
  font-size: 63rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 2px;
}

.nav-931 {
  display: grid;
  background-color: 55rem;
  background-color: #333;
  border-radius: 10px;
}

.footer-207 {
  display: flex;
  background-color: 21px;
  background-color: inherit;
  border-radius: 4px;
}

@media (max-width: 960px) {
  .modal-417 {
    flex-direction: column;
    padding: 4px;
  }
}

.sidebar-28 {
  display: grid;
  padding: 72px;
  background-color: #007bff;
  border-radius: 12px;
}

.input-60:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.header-185 {
  display: flex;
  justify-content: 52rem;
  background-color: #28a745;
  border-radius: 5px;
}

.form-255 {
  display: flex;
  transition: 4rem;
  background-color: #ffc107;
  border-radius: 15px;
}

.footer-874:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.container-646:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-82 {
  display: block;
  border-radius: 14rem;
  background-color: inherit;
  border-radius: 9px;
}

.input-522:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-603 {
  display: flex;
  box-shadow: 28rem;
  background-color: currentColor;
  border-radius: 6px;
}

.modal-116 {
  display: grid;
  padding: 0rem;
  background-color: #007bff;
  border-radius: 14px;
}

.item-695 {
  display: flex;
  padding: 66px;
  background-color: transparent;
  border-radius: 2px;
}

@media (max-width: 960px) {
  .button-249 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 960px) {
  .input-635 {
    flex-direction: column;
    padding: 18px;
  }
}

.nav-932 {
  display: block;
  font-weight: 87px;
  background-color: #fff;
  border-radius: 3px;
}

.panel-952:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .button-416 {
    flex-direction: column;
    padding: 5px;
  }
}

.button-73:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.footer-331 {
  display: flex;
  justify-content: 30px;
  background-color: #28a745;
  border-radius: 11px;
}

.sidebar-914 {
  display: flex;
  flex-direction: 46rem;
  background-color: #007bff;
  border-radius: 2px;
}

@media (max-width: 576px) {
  .list-590 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .footer-116 {
    flex-direction: column;
    padding: 8px;
  }
}

.card-48:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.item-426 {
  display: block;
  height: 58px;
  background-color: #007bff;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .header-898 {
    flex-direction: column;
    padding: 9px;
  }
}

.button-835:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.input-58:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.item-810:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.container-502:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.panel-704 {
  display: block;
  margin: 14px;
  background-color: #17a2b8;
  border-radius: 10px;
}

@media (max-width: 960px) {
  .nav-29 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .header-231 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 960px) {
  .form-171 {
    flex-direction: column;
    padding: 18px;
  }
}

.form-835 {
  display: block;
  color: 41rem;
  background-color: #007bff;
  border-radius: 13px;
}

.list-717 {
  display: flex;
  opacity: 80px;
  background-color: #007bff;
  border-radius: 3px;
}

.modal-141 {
  display: flex;
  display: 55rem;
  background-color: #dc3545;
  border-radius: 5px;
}

@media (max-width: 960px) {
  .list-289 {
    flex-direction: column;
    padding: 15px;
  }
}

.form-660:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.modal-7:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .form-247 {
    flex-direction: column;
    padding: 0px;
  }
}

.list-747 {
  display: grid;
  align-items: 6px;
  background-color: #f0f0f0;
  border-radius: 7px;
}

.header-995:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-885:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.item-975 {
  display: block;
  color: 4px;
  background-color: #28a745;
  border-radius: 0px;
}

.card-485 {
  display: grid;
  align-items: 13px;
  background-color: #ffc107;
  border-radius: 1px;
}

.sidebar-225:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.button-769:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.form-700 {
  display: flex;
  font-size: 45rem;
  background-color: transparent;
  border-radius: 8px;
}

@media (max-width: 960px) {
  .button-79 {
    flex-direction: column;
    padding: 9px;
  }
}

.grid-239:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.input-14:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.container-151 {
  display: flex;
  box-shadow: 93px;
  background-color: transparent;
  border-radius: 14px;
}

.wrapper-216 {
  display: block;
  flex-direction: 90px;
  background-color: #dc3545;
  border-radius: 11px;
}

.sidebar-180 {
  display: flex;
  display: 58px;
  background-color: inherit;
  border-radius: 6px;
}

.card-252 {
  display: flex;
  left: 70rem;
  background-color: inherit;
  border-radius: 15px;
}

.modal-305 {
  display: block;
  position: 53rem;
  background-color: currentColor;
  border-radius: 7px;
}

.input-554 {
  display: block;
  position: 50rem;
  background-color: #28a745;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .card-552 {
    flex-direction: column;
    padding: 15px;
  }
}

.modal-44:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.container-324 {
  display: block;
  transition: 89px;
  background-color: #17a2b8;
  border-radius: 7px;
}

.container-442:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.input-705 {
  display: block;
  margin: 50px;
  background-color: #007bff;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .panel-146 {
    flex-direction: column;
    padding: 13px;
  }
}

.panel-211:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .header-462 {
    flex-direction: column;
    padding: 2px;
  }
}

.card-955:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .wrapper-685 {
    flex-direction: column;
    padding: 17px;
  }
}

.grid-36:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .grid-363 {
    flex-direction: column;
    padding: 2px;
  }
}

.panel-38 {
  display: block;
  height: 62px;
  background-color: #28a745;
  border-radius: 10px;
}

.item-307:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.item-992 {
  display: block;
  align-items: 39rem;
  background-color: #f0f0f0;
  border-radius: 14px;
}

@media (max-width: 576px) {
  .card-137 {
    flex-direction: column;
    padding: 5px;
  }
}

.list-105 {
  display: block;
  color: 73rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 4px;
}

.container-514 {
  display: flex;
  padding: 84px;
  background-color: #dc3545;
  border-radius: 3px;
}

.nav-570:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.modal-888 {
  display: flex;
  top: 55px;
  background-color: #17a2b8;
  border-radius: 14px;
}

@media (max-width: 768px) {
  .card-259 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 960px) {
  .header-93 {
    flex-direction: column;
    padding: 12px;
  }
}

.grid-835:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .nav-37 {
    flex-direction: column;
    padding: 16px;
  }
}

.card-576 {
  display: grid;
  flex-direction: 83px;
  background-color: currentColor;
  border-radius: 4px;
}

.nav-18:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .item-4 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 768px) {
  .modal-78 {
    flex-direction: column;
    padding: 1px;
  }
}

.footer-821 {
  display: flex;
  justify-content: 15px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 3px;
}

@media (max-width: 960px) {
  .footer-961 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 768px) {
  .nav-172 {
    flex-direction: column;
    padding: 14px;
  }
}

.input-703:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .wrapper-793 {
    flex-direction: column;
    padding: 10px;
  }
}

.modal-362 {
  display: block;
  flex-direction: 25rem;
  background-color: #fff;
  border-radius: 7px;
}

@media (max-width: 960px) {
  .modal-552 {
    flex-direction: column;
    padding: 10px;
  }
}

.card-829:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .nav-535 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 576px) {
  .nav-720 {
    flex-direction: column;
    padding: 9px;
  }
}

.item-265 {
  display: flex;
  margin: 18rem;
  background-color: #28a745;
  border-radius: 8px;
}

.panel-620 {
  display: grid;
  display: 98rem;
  background-color: inherit;
  border-radius: 3px;
}

.modal-733:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .sidebar-913 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 768px) {
  .panel-82 {
    flex-direction: column;
    padding: 10px;
  }
}

.header-837 {
  display: grid;
  width: 44rem;
  background-color: #333;
  border-radius: 11px;
}

.item-758 {
  display: grid;
  color: 80rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 0px;
}

.container-10 {
  display: block;
  margin: 26rem;
  background-color: #17a2b8;
  border-radius: 13px;
}

.wrapper-41 {
  display: flex;
  width: 90rem;
  background-color: transparent;
  border-radius: 7px;
}

.sidebar-469 {
  display: grid;
  width: 81rem;
  background-color: currentColor;
  border-radius: 4px;
}

.panel-348 {
  display: block;
  transition: 94rem;
  background-color: #17a2b8;
  border-radius: 6px;
}

@media (max-width: 960px) {
  .header-121 {
    flex-direction: column;
    padding: 14px;
  }
}

.sidebar-852 {
  display: grid;
  position: 43rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

.grid-347 {
  display: flex;
  justify-content: 78px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 12px;
}

.container-137 {
  display: grid;
  align-items: 59rem;
  background-color: currentColor;
  border-radius: 13px;
}

.grid-966:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.header-619 {
  display: block;
  z-index: 52rem;
  background-color: currentColor;
  border-radius: 9px;
}

.header-538:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.modal-564:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.grid-433 {
  display: flex;
  margin: 19px;
  background-color: #007bff;
  border-radius: 3px;
}

.item-749:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.item-470 {
  display: grid;
  position: 89px;
  background-color: #333;
  border-radius: 5px;
}

.grid-897:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.form-168 {
  display: flex;
  box-shadow: 63px;
  background-color: #17a2b8;
  border-radius: 0px;
}

.wrapper-556:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.panel-947:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.wrapper-395 {
  display: flex;
  width: 10px;
  background-color: #333;
  border-radius: 14px;
}

.header-643:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.list-605:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.list-822:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.wrapper-836 {
  display: grid;
  z-index: 76px;
  background-color: #17a2b8;
  border-radius: 2px;
}

@media (max-width: 768px) {
  .form-49 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 960px) {
  .grid-918 {
    flex-direction: column;
    padding: 0px;
  }
}

.header-519 {
  display: flex;
  margin: 38px;
  background-color: #fff;
  border-radius: 5px;
}

@media (max-width: 768px) {
  .footer-78 {
    flex-direction: column;
    padding: 17px;
  }
}

.sidebar-724 {
  display: block;
  position: 68px;
  background-color: #333;
  border-radius: 10px;
}

.item-910 {
  display: flex;
  padding: 16px;
  background-color: #dc3545;
  border-radius: 11px;
}

@media (max-width: 576px) {
  .modal-754 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 768px) {
  .container-103 {
    flex-direction: column;
    padding: 6px;
  }
}

.grid-876 {
  display: grid;
  flex-direction: 81px;
  background-color: inherit;
  border-radius: 11px;
}

.container-520 {
  display: block;
  opacity: 9px;
  background-color: currentColor;
  border-radius: 5px;
}

.grid-251:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.panel-640 {
  display: block;
  height: 5px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 6px;
}

.grid-336 {
  display: flex;
  font-weight: 19px;
  background-color: #f0f0f0;
  border-radius: 15px;
}

@media (max-width: 960px) {
  .footer-654 {
    flex-direction: column;
    padding: 14px;
  }
}

.panel-164 {
  display: block;
  font-weight: 19rem;
  background-color: #28a745;
  border-radius: 13px;
}

@media (max-width: 576px) {
  .container-133 {
    flex-direction: column;
    padding: 13px;
  }
}

.grid-943 {
  display: grid;
  top: 75px;
  background-color: #17a2b8;
  border-radius: 1px;
}

.wrapper-723 {
  display: flex;
  justify-content: 89rem;
  background-color: #fff;
  border-radius: 8px;
}

.footer-226:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .nav-643 {
    flex-direction: column;
    padding: 18px;
  }
}

.header-401:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.modal-998 {
  display: flex;
  font-weight: 40px;
  background-color: #dc3545;
  border-radius: 11px;
}

.card-865:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.sidebar-999 {
  display: flex;
  flex-direction: 73px;
  background-color: #ffc107;
  border-radius: 15px;
}

.list-77 {
  display: grid;
  border-radius: 26px;
  background-color: inherit;
  border-radius: 1px;
}

@media (max-width: 576px) {
  .panel-477 {
    flex-direction: column;
    padding: 13px;
  }
}

.nav-128 {
  display: grid;
  padding: 21rem;
  background-color: #17a2b8;
  border-radius: 14px;
}

.form-525:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.item-834:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.grid-340:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.input-808 {
  display: block;
  border-radius: 87px;
  background-color: #17a2b8;
  border-radius: 15px;
}

.container-76:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .input-363 {
    flex-direction: column;
    padding: 9px;
  }
}

.list-554 {
  display: flex;
  height: 43rem;
  background-color: inherit;
  border-radius: 14px;
}

@media (max-width: 960px) {
  .grid-490 {
    flex-direction: column;
    padding: 5px;
  }
}

.input-965 {
  display: flex;
  flex-direction: 28rem;
  background-color: #007bff;
  border-radius: 14px;
}

.button-738:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.container-861:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.button-243:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.panel-696:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.form-211 {
  display: block;
  margin: 82px;
  background-color: #ffc107;
  border-radius: 4px;
}

.container-365 {
  display: grid;
  opacity: 74rem;
  background-color: currentColor;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .wrapper-764 {
    flex-direction: column;
    padding: 9px;
  }
}

.wrapper-86:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.sidebar-725:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .footer-175 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 960px) {
  .panel-324 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 768px) {
  .footer-204 {
    flex-direction: column;
    padding: 0px;
  }
}

.container-155:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .list-806 {
    flex-direction: column;
    padding: 7px;
  }
}

.form-380 {
  display: block;
  align-items: 97px;
  background-color: #17a2b8;
  border-radius: 11px;
}

.form-538:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.sidebar-185 {
  display: block;
  width: 24rem;
  background-color: #007bff;
  border-radius: 0px;
}

.input-904:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .card-168 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 768px) {
  .container-267 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .button-582 {
    flex-direction: column;
    padding: 11px;
  }
}

.item-463 {
  display: flex;
  position: 12px;
  background-color: inherit;
  border-radius: 7px;
}

.card-20 {
  display: block;
  padding: 14rem;
  background-color: currentColor;
  border-radius: 12px;
}

@media (max-width: 960px) {
  .list-766 {
    flex-direction: column;
    padding: 4px;
  }
}

.input-335:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .wrapper-292 {
    flex-direction: column;
    padding: 17px;
  }
}

.input-779 {
  display: flex;
  top: 66rem;
  background-color: #ffc107;
  border-radius: 2px;
}

@media (max-width: 960px) {
  .input-898 {
    flex-direction: column;
    padding: 4px;
  }
}

.nav-325 {
  display: block;
  transition: 57px;
  background-color: #ffc107;
  border-radius: 15px;
}

@media (max-width: 960px) {
  .input-648 {
    flex-direction: column;
    padding: 3px;
  }
}

.nav-592 {
  display: block;
  justify-content: 81rem;
  background-color: #333;
  border-radius: 3px;
}

.header-765 {
  display: grid;
  width: 29rem;
  background-color: transparent;
  border-radius: 14px;
}

.modal-348 {
  display: flex;
  color: 74px;
  background-color: transparent;
  border-radius: 5px;
}

.input-303:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .wrapper-961 {
    flex-direction: column;
    padding: 1px;
  }
}

.input-871:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .nav-90 {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .input-561 {
    flex-direction: column;
    padding: 3px;
  }
}

.form-436 {
  display: block;
  position: 53rem;
  background-color: #17a2b8;
  border-radius: 4px;
}

.input-439:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.form-400 {
  display: flex;
  box-shadow: 24rem;
  background-color: transparent;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .footer-757 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .form-643 {
    flex-direction: column;
    padding: 2px;
  }
}

.grid-965:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.panel-324 {
  display: block;
  display: 64rem;
  background-color: currentColor;
  border-radius: 10px;
}

.input-814:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.button-133 {
  display: grid;
  border-radius: 32px;
  background-color: #ffc107;
  border-radius: 14px;
}

.form-494 {
  display: block;
  font-size: 19rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 15px;
}

.footer-639 {
  display: block;
  font-weight: 23rem;
  background-color: #007bff;
  border-radius: 4px;
}

.footer-419:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.button-33 {
  display: grid;
  box-shadow: 96px;
  background-color: #fff;
  border-radius: 6px;
}

.header-745 {
  display: block;
  left: 64px;
  background-color: currentColor;
  border-radius: 5px;
}

.input-849 {
  display: flex;
  font-weight: 24px;
  background-color: #dc3545;
  border-radius: 8px;
}

@media (max-width: 960px) {
  .card-496 {
    flex-direction: column;
    padding: 6px;
  }
}

.modal-230:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.list-809 {
  display: grid;
  left: 87px;
  background-color: #fff;
  border-radius: 7px;
}

@media (max-width: 768px) {
  .panel-857 {
    flex-direction: column;
    padding: 17px;
  }
}

.card-191 {
  display: grid;
  z-index: 41px;
  background-color: #007bff;
  border-radius: 11px;
}

.container-763 {
  display: grid;
  font-size: 19rem;
  background-color: transparent;
  border-radius: 2px;
}

.item-407:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.card-805:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .button-198 {
    flex-direction: column;
    padding: 11px;
  }
}

.list-558 {
  display: grid;
  margin: 79rem;
  background-color: #007bff;
  border-radius: 13px;
}

@media (max-width: 576px) {
  .grid-500 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 768px) {
  .wrapper-303 {
    flex-direction: column;
    padding: 19px;
  }
}

.sidebar-528 {
  display: grid;
  height: 74px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 10px;
}

.panel-622 {
  display: flex;
  width: 59px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 0px;
}

.header-963:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .button-69 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .item-318 {
    flex-direction: column;
    padding: 1px;
  }
}

.container-480:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.sidebar-996:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.modal-188:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .footer-612 {
    flex-direction: column;
    padding: 1px;
  }
}

.container-633 {
  display: grid;
  border-radius: 59rem;
  background-color: #17a2b8;
  border-radius: 0px;
}

@media (max-width: 576px) {
  .button-759 {
    flex-direction: column;
    padding: 7px;
  }
}

.header-867:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.sidebar-456:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.modal-397 {
  display: block;
  transition: 71rem;
  background-color: #ffc107;
  border-radius: 3px;
}

@media (max-width: 768px) {
  .container-515 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .list-673 {
    flex-direction: column;
    padding: 5px;
  }
}

.header-858:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.button-183:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.header-444 {
  display: flex;
  top: 28rem;
  background-color: #17a2b8;
  border-radius: 7px;
}

@media (max-width: 768px) {
  .grid-817 {
    flex-direction: column;
    padding: 6px;
  }
}

.item-411:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.panel-814:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.form-603:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.item-865:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.footer-152:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.button-498:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.wrapper-866 {
  display: grid;
  left: 35px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 12px;
}

.modal-177:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .form-134 {
    flex-direction: column;
    padding: 6px;
  }
}

.card-703:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.footer-490:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.nav-145:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.panel-185:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.list-432:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .header-874 {
    flex-direction: column;
    padding: 10px;
  }
}

.input-951 {
  display: flex;
  transition: 25px;
  background-color: #f0f0f0;
  border-radius: 9px;
}

.card-858:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .footer-324 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 576px) {
  .sidebar-957 {
    flex-direction: column;
    padding: 1px;
  }
}

.list-847:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .modal-565 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 960px) {
  .header-361 {
    flex-direction: column;
    padding: 5px;
  }
}

.panel-905:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.item-467 {
  display: block;
  top: 78px;
  background-color: inherit;
  border-radius: 3px;
}

.input-90 {
  display: grid;
  opacity: 68rem;
  background-color: #f0f0f0;
  border-radius: 7px;
}

.card-991:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.wrapper-4 {
  display: flex;
  transition: 22rem;
  background-color: #f0f0f0;
  border-radius: 14px;
}

@media (max-width: 960px) {
  .button-543 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 960px) {
  .container-461 {
    flex-direction: column;
    padding: 17px;
  }
}

.header-866:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .nav-551 {
    flex-direction: column;
    padding: 12px;
  }
}

.button-494:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.container-575:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .nav-853 {
    flex-direction: column;
    padding: 2px;
  }
}

.form-891 {
  display: block;
  justify-content: 67rem;
  background-color: inherit;
  border-radius: 12px;
}

.button-548 {
  display: grid;
  box-shadow: 19px;
  background-color: transparent;
  border-radius: 9px;
}

@media (max-width: 768px) {
  .header-190 {
    flex-direction: column;
    padding: 10px;
  }
}

.list-882:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.sidebar-73:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .button-939 {
    flex-direction: column;
    padding: 16px;
  }
}

.sidebar-505 {
  display: grid;
  color: 35rem;
  background-color: #f0f0f0;
  border-radius: 1px;
}

@media (max-width: 960px) {
  .header-3 {
    flex-direction: column;
    padding: 0px;
  }
}

.button-877:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .sidebar-47 {
    flex-direction: column;
    padding: 7px;
  }
}

.container-685:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.wrapper-968 {
  display: grid;
  height: 33rem;
  background-color: #28a745;
  border-radius: 6px;
}

.header-869 {
  display: flex;
  display: 39rem;
  background-color: transparent;
  border-radius: 14px;
}

@media (max-width: 960px) {
  .list-480 {
    flex-direction: column;
    padding: 16px;
  }
}

.card-105:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.sidebar-54:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.header-263:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .wrapper-987 {
    flex-direction: column;
    padding: 16px;
  }
}

.input-958:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .container-388 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 960px) {
  .header-763 {
    flex-direction: column;
    padding: 2px;
  }
}

.grid-331 {
  display: grid;
  z-index: 18rem;
  background-color: #fff;
  border-radius: 10px;
}

.button-690 {
  display: flex;
  box-shadow: 51px;
  background-color: #fff;
  border-radius: 13px;
}

.grid-231:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.container-325:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.nav-23 {
  display: flex;
  flex-direction: 45rem;
  background-color: #dc3545;
  border-radius: 15px;
}

@media (max-width: 576px) {
  .container-477 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .button-264 {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .item-285 {
    flex-direction: column;
    padding: 16px;
  }
}

.form-966:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.card-101 {
  display: block;
  border-radius: 0px;
  background-color: #17a2b8;
  border-radius: 0px;
}

.panel-943:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.grid-834:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.form-493 {
  display: flex;
  color: 98px;
  background-color: #17a2b8;
  border-radius: 7px;
}

@media (max-width: 960px) {
  .item-580 {
    flex-direction: column;
    padding: 17px;
  }
}

.footer-70 {
  display: grid;
  color: 48px;
  background-color: #333;
  border-radius: 15px;
}

.header-290 {
  display: flex;
  align-items: 13px;
  background-color: #28a745;
  border-radius: 14px;
}

.input-375 {
  display: flex;
  width: 90px;
  background-color: #333;
  border-radius: 4px;
}

.container-468:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.container-623 {
  display: flex;
  width: 79rem;
  background-color: #ffc107;
  border-radius: 14px;
}

@media (max-width: 960px) {
  .list-133 {
    flex-direction: column;
    padding: 9px;
  }
}

.input-448 {
  display: flex;
  flex-direction: 95rem;
  background-color: #dc3545;
  border-radius: 7px;
}

.panel-477:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.modal-110:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.modal-955 {
  display: flex;
  font-size: 77px;
  background-color: transparent;
  border-radius: 7px;
}

@media (max-width: 768px) {
  .sidebar-542 {
    flex-direction: column;
    padding: 0px;
  }
}

.wrapper-45:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.footer-532:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .nav-554 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 768px) {
  .card-572 {
    flex-direction: column;
    padding: 16px;
  }
}

.input-93 {
  display: flex;
  transition: 28px;
  background-color: currentColor;
  border-radius: 0px;
}

.button-205 {
  display: block;
  left: 73px;
  background-color: #f0f0f0;
  border-radius: 3px;
}

@media (max-width: 768px) {
  .form-417 {
    flex-direction: column;
    padding: 12px;
  }
}

.nav-607 {
  display: flex;
  flex-direction: 6px;
  background-color: transparent;
  border-radius: 8px;
}

.header-580:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.nav-98 {
  display: flex;
  font-size: 82rem;
  background-color: inherit;
  border-radius: 12px;
}

.item-589:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.container-516:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.nav-623:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .button-684 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 960px) {
  .footer-638 {
    flex-direction: column;
    padding: 9px;
  }
}

.container-544:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.sidebar-438 {
  display: grid;
  font-size: 31px;
  background-color: #fff;
  border-radius: 1px;
}

.button-16 {
  display: block;
  height: 64rem;
  background-color: #f0f0f0;
  border-radius: 11px;
}

.grid-416:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.footer-488 {
  display: flex;
  box-shadow: 62rem;
  background-color: #333;
  border-radius: 9px;
}

.button-674 {
  display: block;
  margin: 29rem;
  background-color: #dc3545;
  border-radius: 8px;
}

.nav-907 {
  display: flex;
  top: 53rem;
  background-color: #333;
  border-radius: 1px;
}

.card-34 {
  display: flex;
  margin: 79px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

@media (max-width: 576px) {
  .list-178 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 960px) {
  .wrapper-726 {
    flex-direction: column;
    padding: 0px;
  }
}

.wrapper-832:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.sidebar-320 {
  display: flex;
  transition: 84px;
  background-color: #f0f0f0;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .grid-364 {
    flex-direction: column;
    padding: 8px;
  }
}

.panel-465 {
  display: block;
  top: 41px;
  background-color: #f0f0f0;
  border-radius: 2px;
}

@media (max-width: 576px) {
  .item-350 {
    flex-direction: column;
    padding: 14px;
  }
}

.header-378:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.item-333:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.header-817 {
  display: block;
  width: 74px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 7px;
}

.card-894 {
  display: grid;
  border-radius: 17px;
  background-color: transparent;
  border-radius: 11px;
}

.form-382 {
  display: grid;
  z-index: 86rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 5px;
}

.card-183 {
  display: block;
  top: 39px;
  background-color: #dc3545;
  border-radius: 0px;
}

.footer-592 {
  display: flex;
  box-shadow: 76px;
  background-color: #007bff;
  border-radius: 7px;
}

.input-242:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.container-101:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .wrapper-497 {
    flex-direction: column;
    padding: 2px;
  }
}

.list-948:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.sidebar-916 {
  display: block;
  width: 82rem;
  background-color: #fff;
  border-radius: 3px;
}

@media (max-width: 960px) {
  .button-56 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .input-486 {
    flex-direction: column;
    padding: 19px;
  }
}

.grid-823:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .button-296 {
    flex-direction: column;
    padding: 4px;
  }
}

.panel-381 {
  display: grid;
  justify-content: 2rem;
  background-color: #dc3545;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .form-26 {
    flex-direction: column;
    padding: 0px;
  }
}

.wrapper-414:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.modal-963:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .footer-108 {
    flex-direction: column;
    padding: 16px;
  }
}

.form-202:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .container-131 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 960px) {
  .nav-463 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 960px) {
  .footer-700 {
    flex-direction: column;
    padding: 3px;
  }
}

.item-596 {
  display: block;
  justify-content: 38px;
  background-color: inherit;
  border-radius: 4px;
}

.button-325 {
  display: grid;
  transition: 89rem;
  background-color: transparent;
  border-radius: 10px;
}

@media (max-width: 576px) {
  .nav-908 {
    flex-direction: column;
    padding: 11px;
  }
}

.wrapper-373 {
  display: flex;
  transition: 77rem;
  background-color: #f0f0f0;
  border-radius: 2px;
}

.grid-979:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.grid-38:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.item-349 {
  display: grid;
  font-size: 26rem;
  background-color: #17a2b8;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .input-464 {
    flex-direction: column;
    padding: 8px;
  }
}

.input-849:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.wrapper-67:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.modal-216 {
  display: block;
  padding: 96rem;
  background-color: #28a745;
  border-radius: 0px;
}

.panel-330:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.form-828:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.list-991 {
  display: block;
  height: 8px;
  background-color: #f0f0f0;
  border-radius: 2px;
}

@media (max-width: 576px) {
  .form-473 {
    flex-direction: column;
    padding: 9px;
  }
}

.nav-747:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.input-693:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.grid-553:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .panel-821 {
    flex-direction: column;
    padding: 10px;
  }
}

.sidebar-768:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.footer-263:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .header-878 {
    flex-direction: column;
    padding: 19px;
  }
}

.footer-350:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.item-341:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.sidebar-866 {
  display: block;
  background-color: 33px;
  background-color: #333;
  border-radius: 12px;
}

.item-956:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.modal-129:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.wrapper-163:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.card-481 {
  display: block;
  justify-content: 82px;
  background-color: transparent;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .button-742 {
    flex-direction: column;
    padding: 15px;
  }
}

.sidebar-146:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.input-136 {
  display: flex;
  left: 93rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 4px;
}

.list-922:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .input-758 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 576px) {
  .item-89 {
    flex-direction: column;
    padding: 7px;
  }
}

.nav-307 {
  display: flex;
  margin: 53px;
  background-color: #007bff;
  border-radius: 13px;
}

@media (max-width: 768px) {
  .nav-511 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .item-187 {
    flex-direction: column;
    padding: 10px;
  }
}

.form-417 {
  display: grid;
  position: 17px;
  background-color: #fff;
  border-radius: 7px;
}

.nav-314:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.button-526 {
  display: block;
  left: 17px;
  background-color: currentColor;
  border-radius: 5px;
}

.button-878 {
  display: block;
  top: 40px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

.panel-948:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .button-322 {
    flex-direction: column;
    padding: 18px;
  }
}

.wrapper-635:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .panel-698 {
    flex-direction: column;
    padding: 9px;
  }
}

.card-259 {
  display: flex;
  border-radius: 16px;
  background-color: #f0f0f0;
  border-radius: 9px;
}

@media (max-width: 960px) {
  .sidebar-883 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 576px) {
  .container-105 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .header-74 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .list-427 {
    flex-direction: column;
    padding: 0px;
  }
}

.item-144:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.card-434:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.nav-269 {
  display: flex;
  font-size: 55px;
  background-color: #333;
  border-radius: 2px;
}

.card-465 {
  display: block;
  opacity: 51rem;
  background-color: #17a2b8;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .container-913 {
    flex-direction: column;
    padding: 4px;
  }
}

.card-601:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.input-973:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.footer-278:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.item-887:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .container-941 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 768px) {
  .list-231 {
    flex-direction: column;
    padding: 13px;
  }
}

.button-260 {
  display: grid;
  font-size: 8rem;
  background-color: #333;
  border-radius: 5px;
}

.panel-828 {
  display: flex;
  opacity: 44px;
  background-color: #fff;
  border-radius: 12px;
}

.item-87 {
  display: flex;
  flex-direction: 56px;
  background-color: transparent;
  border-radius: 9px;
}

@media (max-width: 960px) {
  .item-738 {
    flex-direction: column;
    padding: 5px;
  }
}

.nav-93 {
  display: flex;
  color: 72rem;
  background-color: #28a745;
  border-radius: 3px;
}

.button-353:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.container-295 {
  display: flex;
  padding: 79px;
  background-color: #fff;
  border-radius: 11px;
}

@media (max-width: 960px) {
  .footer-684 {
    flex-direction: column;
    padding: 6px;
  }
}

.panel-8 {
  display: flex;
  left: 73rem;
  background-color: #007bff;
  border-radius: 15px;
}

.wrapper-40:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.grid-125 {
  display: block;
  color: 50rem;
  background-color: currentColor;
  border-radius: 12px;
}

.nav-542:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.item-552:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.input-733:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.footer-400:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .sidebar-294 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .header-555 {
    flex-direction: column;
    padding: 11px;
  }
}

.footer-396:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .grid-574 {
    flex-direction: column;
    padding: 19px;
  }
}

.footer-600 {
  display: block;
  align-items: 18px;
  background-color: #28a745;
  border-radius: 9px;
}

.item-234:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.modal-695 {
  display: block;
  justify-content: 46px;
  background-color: #ffc107;
  border-radius: 10px;
}

.card-598:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .footer-248 {
    flex-direction: column;
    padding: 2px;
  }
}

.card-817:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.wrapper-467:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.modal-729:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.form-964 {
  display: flex;
  width: 61rem;
  background-color: #dc3545;
  border-radius: 5px;
}

.nav-541:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.item-198:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.container-111:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.item-480 {
  display: grid;
  display: 25rem;
  background-color: #f0f0f0;
  border-radius: 11px;
}

.input-224 {
  display: block;
  background-color: 23px;
  background-color: #007bff;
  border-radius: 15px;
}

.form-5 {
  display: block;
  background-color: 24rem;
  background-color: #dc3545;
  border-radius: 2px;
}

@media (max-width: 960px) {
  .grid-469 {
    flex-direction: column;
    padding: 13px;
  }
}

.card-115:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .grid-457 {
    flex-direction: column;
    padding: 18px;
  }
}

.grid-559:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.list-145 {
  display: flex;
  z-index: 27px;
  background-color: inherit;
  border-radius: 13px;
}

.wrapper-238 {
  display: flex;
  position: 35px;
  background-color: #dc3545;
  border-radius: 5px;
}

.container-483:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.button-571:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.wrapper-180 {
  display: block;
  color: 55px;
  background-color: inherit;
  border-radius: 7px;
}

.nav-237:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .footer-547 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .container-368 {
    flex-direction: column;
    padding: 7px;
  }
}

.nav-577 {
  display: flex;
  display: 75rem;
  background-color: #28a745;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .wrapper-91 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .header-162 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .wrapper-693 {
    flex-direction: column;
    padding: 13px;
  }
}

.grid-404:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.panel-96 {
  display: grid;
  height: 57rem;
  background-color: #17a2b8;
  border-radius: 3px;
}

.grid-970 {
  display: grid;
  display: 12px;
  background-color: #28a745;
  border-radius: 0px;
}

.input-727:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .modal-255 {
    flex-direction: column;
    padding: 19px;
  }
}

.modal-658 {
  display: block;
  font-size: 78rem;
  background-color: #007bff;
  border-radius: 6px;
}

.wrapper-750 {
  display: block;
  border-radius: 12px;
  background-color: currentColor;
  border-radius: 6px;
}

.nav-390 {
  display: flex;
  color: 12rem;
  background-color: currentColor;
  border-radius: 8px;
}

.modal-223 {
  display: block;
  top: 13rem;
  background-color: #ffc107;
  border-radius: 3px;
}

.form-994:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.panel-330:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.form-916 {
  display: flex;
  align-items: 73px;
  background-color: #ffc107;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .panel-494 {
    flex-direction: column;
    padding: 7px;
  }
}

.card-388:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.form-720:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .nav-173 {
    flex-direction: column;
    padding: 0px;
  }
}

.grid-902:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.nav-2:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.form-819 {
  display: block;
  font-size: 14px;
  background-color: #ffc107;
  border-radius: 8px;
}

.modal-582:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.wrapper-336:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.wrapper-517:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.wrapper-630:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .wrapper-196 {
    flex-direction: column;
    padding: 8px;
  }
}

.button-878:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.wrapper-561:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-711 {
  display: block;
  left: 12px;
  background-color: #007bff;
  border-radius: 3px;
}

.container-946:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.list-94:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .button-934 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .sidebar-567 {
    flex-direction: column;
    padding: 18px;
  }
}

.grid-974 {
  display: flex;
  box-shadow: 98rem;
  background-color: #fff;
  border-radius: 8px;
}

.input-162 {
  display: grid;
  left: 96px;
  background-color: #fff;
  border-radius: 3px;
}

.input-362:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.container-270:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .modal-106 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .button-423 {
    flex-direction: column;
    padding: 7px;
  }
}

.header-882 {
  display: block;
  position: 47px;
  background-color: #fff;
  border-radius: 0px;
}

.nav-116 {
  display: block;
  align-items: 46rem;
  background-color: #ffc107;
  border-radius: 5px;
}

.list-880:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .sidebar-218 {
    flex-direction: column;
    padding: 13px;
  }
}

.item-335:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.nav-703:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.panel-486:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.container-621 {
  display: grid;
  border-radius: 99rem;
  background-color: #dc3545;
  border-radius: 7px;
}

.grid-889:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.container-667:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.sidebar-707:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.card-731 {
  display: flex;
  flex-direction: 64rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

@media (max-width: 768px) {
  .card-773 {
    flex-direction: column;
    padding: 6px;
  }
}

.header-665:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.grid-810 {
  display: flex;
  box-shadow: 70rem;
  background-color: #007bff;
  border-radius: 0px;
}

@media (max-width: 960px) {
  .form-981 {
    flex-direction: column;
    padding: 2px;
  }
}

.item-830 {
  display: flex;
  font-weight: 77rem;
  background-color: #17a2b8;
  border-radius: 3px;
}

.panel-521:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.panel-241 {
  display: grid;
  box-shadow: 56px;
  background-color: #fff;
  border-radius: 9px;
}

.list-117:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.grid-672:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.sidebar-914:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.list-695 {
  display: flex;
  transition: 51px;
  background-color: #dc3545;
  border-radius: 5px;
}

.wrapper-294 {
  display: flex;
  position: 48rem;
  background-color: #fff;
  border-radius: 3px;
}

.input-693 {
  display: block;
  opacity: 23rem;
  background-color: inherit;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .form-873 {
    flex-direction: column;
    padding: 2px;
  }
}

.item-146 {
  display: flex;
  left: 60px;
  background-color: #17a2b8;
  border-radius: 5px;
}

.list-539 {
  display: block;
  flex-direction: 44px;
  background-color: #333;
  border-radius: 2px;
}

.card-817:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.footer-615:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.nav-617 {
  display: flex;
  border-radius: 64px;
  background-color: #333;
  border-radius: 0px;
}

.button-742:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .list-249 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .header-721 {
    flex-direction: column;
    padding: 11px;
  }
}

.footer-701 {
  display: block;
  height: 86px;
  background-color: transparent;
  border-radius: 2px;
}

.header-380 {
  display: grid;
  align-items: 30rem;
  background-color: currentColor;
  border-radius: 12px;
}

@media (max-width: 768px) {
  .sidebar-178 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 576px) {
  .modal-728 {
    flex-direction: column;
    padding: 8px;
  }
}

.header-569:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.modal-516:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.button-975:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.nav-978:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.nav-825:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.card-367:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.header-753:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .footer-702 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 960px) {
  .panel-417 {
    flex-direction: column;
    padding: 12px;
  }
}

.modal-658:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.nav-824 {
  display: flex;
  display: 33rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 6px;
}

.item-59 {
  display: flex;
  margin: 36rem;
  background-color: #fff;
  border-radius: 7px;
}

.header-537:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .container-989 {
    flex-direction: column;
    padding: 11px;
  }
}

.footer-171:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .sidebar-217 {
    flex-direction: column;
    padding: 13px;
  }
}

.input-433 {
  display: grid;
  align-items: 73px;
  background-color: #f0f0f0;
  border-radius: 12px;
}

@media (max-width: 960px) {
  .item-991 {
    flex-direction: column;
    padding: 11px;
  }
}

.nav-926 {
  display: flex;
  box-shadow: 81px;
  background-color: #333;
  border-radius: 0px;
}

.modal-604 {
  display: grid;
  display: 20px;
  background-color: #17a2b8;
  border-radius: 4px;
}

@media (max-width: 960px) {
  .footer-442 {
    flex-direction: column;
    padding: 10px;
  }
}

.wrapper-218 {
  display: flex;
  border-radius: 48px;
  background-color: #17a2b8;
  border-radius: 11px;
}

@media (max-width: 768px) {
  .list-801 {
    flex-direction: column;
    padding: 16px;
  }
}

.input-894:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.input-46 {
  display: block;
  position: 43rem;
  background-color: #17a2b8;
  border-radius: 13px;
}

.grid-153 {
  display: flex;
  font-size: 27rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 4px;
}

.grid-581 {
  display: grid;
  background-color: 62px;
  background-color: #333;
  border-radius: 5px;
}

.input-342 {
  display: block;
  justify-content: 39rem;
  background-color: transparent;
  border-radius: 8px;
}

.card-32 {
  display: grid;
  border-radius: 22rem;
  background-color: currentColor;
  border-radius: 13px;
}

.container-855:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .container-228 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .wrapper-905 {
    flex-direction: column;
    padding: 17px;
  }
}

@media (max-width: 576px) {
  .wrapper-389 {
    flex-direction: column;
    padding: 13px;
  }
}

.form-369:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.item-419 {
  display: flex;
  font-weight: 5rem;
  background-color: #fff;
  border-radius: 11px;
}

@media (max-width: 768px) {
  .modal-494 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 576px) {
  .item-826 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .input-215 {
    flex-direction: column;
    padding: 14px;
  }
}

.button-462:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.sidebar-241 {
  display: flex;
  font-size: 97rem;
  background-color: #333;
  border-radius: 1px;
}

@media (max-width: 576px) {
  .footer-276 {
    flex-direction: column;
    padding: 0px;
  }
}

.grid-535:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.sidebar-943 {
  display: grid;
  position: 67px;
  background-color: #dc3545;
  border-radius: 0px;
}

.nav-172:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.item-128 {
  display: grid;
  display: 60px;
  background-color: #333;
  border-radius: 10px;
}

.container-820:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.container-335 {
  display: flex;
  align-items: 23rem;
  background-color: transparent;
  border-radius: 11px;
}

.input-855:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.form-0:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .nav-526 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .panel-441 {
    flex-direction: column;
    padding: 4px;
  }
}

.nav-770 {
  display: block;
  flex-direction: 44px;
  background-color: transparent;
  border-radius: 2px;
}

.modal-761:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.modal-598 {
  display: flex;
  color: 79rem;
  background-color: currentColor;
  border-radius: 3px;
}

.nav-364:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .form-70 {
    flex-direction: column;
    padding: 19px;
  }
}

.header-897 {
  display: flex;
  font-size: 62rem;
  background-color: transparent;
  border-radius: 13px;
}

.sidebar-2:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.sidebar-27 {
  display: block;
  opacity: 90px;
  background-color: #ffc107;
  border-radius: 13px;
}

.form-381 {
  display: grid;
  border-radius: 11rem;
  background-color: #007bff;
  border-radius: 1px;
}

@media (max-width: 576px) {
  .grid-382 {
    flex-direction: column;
    padding: 16px;
  }
}

.modal-904:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.button-397 {
  display: block;
  margin: 87rem;
  background-color: #f0f0f0;
  border-radius: 4px;
}

.panel-715:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.form-278:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.grid-775:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .nav-697 {
    flex-direction: column;
    padding: 9px;
  }
}

.sidebar-53:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .grid-156 {
    flex-direction: column;
    padding: 17px;
  }
}

.grid-447:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.wrapper-185:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.sidebar-378:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.modal-881:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.grid-861 {
  display: flex;
  padding: 59px;
  background-color: transparent;
  border-radius: 8px;
}

.item-389:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.grid-620 {
  display: block;
  border-radius: 17px;
  background-color: #28a745;
  border-radius: 10px;
}

.card-805:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.header-963:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .input-451 {
    flex-direction: column;
    padding: 0px;
  }
}

.panel-864:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .sidebar-69 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 576px) {
  .form-770 {
    flex-direction: column;
    padding: 0px;
  }
}

.modal-21:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .nav-237 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 576px) {
  .grid-596 {
    flex-direction: column;
    padding: 15px;
  }
}

.container-201 {
  display: block;
  justify-content: 0px;
  background-color: #333;
  border-radius: 15px;
}

.modal-546 {
  display: block;
  position: 76rem;
  background-color: #f0f0f0;
  border-radius: 15px;
}

.card-90:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .wrapper-79 {
    flex-direction: column;
    padding: 4px;
  }
}

.panel-451 {
  display: grid;
  width: 62px;
  background-color: #ffc107;
  border-radius: 13px;
}

.list-519:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .button-781 {
    flex-direction: column;
    padding: 5px;
  }
}

.panel-875 {
  display: flex;
  opacity: 22px;
  background-color: inherit;
  border-radius: 9px;
}

.card-911:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.container-904 {
  display: grid;
  border-radius: 26rem;
  background-color: #f0f0f0;
  border-radius: 1px;
}

.sidebar-138:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .list-767 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 768px) {
  .input-499 {
    flex-direction: column;
    padding: 6px;
  }
}

.footer-58 {
  display: block;
  flex-direction: 87px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 9px;
}

.panel-160:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .button-105 {
    flex-direction: column;
    padding: 18px;
  }
}

.sidebar-199:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.header-486 {
  display: flex;
  justify-content: 86rem;
  background-color: #333;
  border-radius: 5px;
}

.form-98:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.grid-206 {
  display: block;
  box-shadow: 21px;
  background-color: #f0f0f0;
  border-radius: 0px;
}

.card-61:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.panel-518 {
  display: grid;
  opacity: 3px;
  background-color: transparent;
  border-radius: 3px;
}

.container-618 {
  display: block;
  height: 81rem;
  background-color: #28a745;
  border-radius: 1px;
}

.button-717:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .modal-191 {
    flex-direction: column;
    padding: 19px;
  }
}

.container-723:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.button-288 {
  display: block;
  transition: 90px;
  background-color: #dc3545;
  border-radius: 13px;
}

@media (max-width: 960px) {
  .button-215 {
    flex-direction: column;
    padding: 10px;
  }
}

.nav-719:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.form-918 {
  display: flex;
  justify-content: 98px;
  background-color: #333;
  border-radius: 9px;
}

.nav-166:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.form-676 {
  display: block;
  align-items: 79rem;
  background-color: #333;
  border-radius: 6px;
}

.modal-576 {
  display: block;
  height: 52rem;
  background-color: #fff;
  border-radius: 10px;
}

@media (max-width: 576px) {
  .grid-950 {
    flex-direction: column;
    padding: 1px;
  }
}

.nav-147 {
  display: flex;
  flex-direction: 35px;
  background-color: #17a2b8;
  border-radius: 3px;
}

@media (max-width: 576px) {
  .wrapper-675 {
    flex-direction: column;
    padding: 16px;
  }
}

.list-847:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .input-175 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .form-500 {
    flex-direction: column;
    padding: 7px;
  }
}

.wrapper-454:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.panel-951 {
  display: grid;
  height: 69px;
  background-color: #f0f0f0;
  border-radius: 1px;
}

.header-790:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.modal-817 {
  display: grid;
  opacity: 7px;
  background-color: #17a2b8;
  border-radius: 13px;
}

.modal-557 {
  display: block;
  font-weight: 77px;
  background-color: #ffc107;
  border-radius: 11px;
}

.panel-445:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.footer-590 {
  display: grid;
  position: 69rem;
  background-color: #17a2b8;
  border-radius: 1px;
}

.item-388 {
  display: block;
  box-shadow: 54px;
  background-color: #007bff;
  border-radius: 0px;
}

.item-6:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.card-240 {
  display: flex;
  border-radius: 35px;
  background-color: #dc3545;
  border-radius: 10px;
}

.input-884 {
  display: grid;
  justify-content: 75px;
  background-color: #dc3545;
  border-radius: 2px;
}

@media (max-width: 768px) {
  .grid-528 {
    flex-direction: column;
    padding: 7px;
  }
}

.item-454:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.card-589:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.list-788:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.wrapper-49:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .modal-342 {
    flex-direction: column;
    padding: 0px;
  }
}

.panel-106:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .grid-924 {
    flex-direction: column;
    padding: 6px;
  }
}

.container-284 {
  display: block;
  align-items: 61px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 5px;
}

.sidebar-31 {
  display: grid;
  box-shadow: 61px;
  background-color: #f0f0f0;
  border-radius: 9px;
}

.sidebar-122 {
  display: grid;
  position: 30rem;
  background-color: inherit;
  border-radius: 4px;
}

.card-40 {
  display: grid;
  justify-content: 37rem;
  background-color: #fff;
  border-radius: 3px;
}

@media (max-width: 768px) {
  .panel-741 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 576px) {
  .button-225 {
    flex-direction: column;
    padding: 4px;
  }
}

.card-924:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.sidebar-790:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .sidebar-673 {
    flex-direction: column;
    padding: 8px;
  }
}

.container-47 {
  display: grid;
  box-shadow: 98rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 6px;
}

.container-187 {
  display: flex;
  left: 59rem;
  background-color: #dc3545;
  border-radius: 5px;
}

.form-888:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .item-188 {
    flex-direction: column;
    padding: 9px;
  }
}

.panel-458:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .sidebar-760 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .card-768 {
    flex-direction: column;
    padding: 1px;
  }
}

.wrapper-484:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.form-784 {
  display: grid;
  flex-direction: 94rem;
  background-color: #17a2b8;
  border-radius: 2px;
}

.item-719 {
  display: flex;
  transition: 10px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 12px;
}

.sidebar-376 {
  display: block;
  justify-content: 69px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 10px;
}

.footer-117 {
  display: grid;
  font-size: 30rem;
  background-color: #28a745;
  border-radius: 0px;
}

.nav-340:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.panel-541:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.sidebar-495:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.footer-274 {
  display: grid;
  align-items: 52rem;
  background-color: #f0f0f0;
  border-radius: 1px;
}

.panel-330:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.footer-186:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .card-510 {
    flex-direction: column;
    padding: 14px;
  }
}

.panel-461:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.wrapper-388:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.panel-907 {
  display: flex;
  align-items: 1rem;
  background-color: #dc3545;
  border-radius: 11px;
}

.modal-151 {
  display: grid;
  font-weight: 80px;
  background-color: transparent;
  border-radius: 15px;
}

@media (max-width: 576px) {
  .panel-390 {
    flex-direction: column;
    padding: 7px;
  }
}

.grid-81:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.modal-478:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.input-358 {
  display: grid;
  display: 10px;
  background-color: #f0f0f0;
  border-radius: 9px;
}

@media (max-width: 960px) {
  .grid-117 {
    flex-direction: column;
    padding: 12px;
  }
}

.input-783 {
  display: flex;
  height: 86rem;
  background-color: #007bff;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .nav-82 {
    flex-direction: column;
    padding: 8px;
  }
}

.modal-91 {
  display: flex;
  border-radius: 27px;
  background-color: #f0f0f0;
  border-radius: 1px;
}

.grid-937 {
  display: flex;
  align-items: 38px;
  background-color: #ffc107;
  border-radius: 15px;
}

.item-616:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .item-49 {
    flex-direction: column;
    padding: 12px;
  }
}

.form-635 {
  display: grid;
  height: 80rem;
  background-color: #007bff;
  border-radius: 5px;
}

.item-25:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .button-200 {
    flex-direction: column;
    padding: 7px;
  }
}

.card-68:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .panel-502 {
    flex-direction: column;
    padding: 3px;
  }
}

.input-180 {
  display: grid;
  flex-direction: 51rem;
  background-color: #007bff;
  border-radius: 2px;
}

.button-945 {
  display: block;
  padding: 75rem;
  background-color: #ffc107;
  border-radius: 12px;
}

.input-81 {
  display: grid;
  font-size: 84px;
  background-color: inherit;
  border-radius: 12px;
}

.footer-804 {
  display: grid;
  font-weight: 1rem;
  background-color: #17a2b8;
  border-radius: 11px;
}

.card-66:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.form-596:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .panel-620 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 576px) {
  .grid-768 {
    flex-direction: column;
    padding: 14px;
  }
}

.container-991 {
  display: flex;
  z-index: 90rem;
  background-color: currentColor;
  border-radius: 8px;
}

.wrapper-70 {
  display: block;
  display: 82rem;
  background-color: #28a745;
  border-radius: 8px;
}

.header-813 {
  display: flex;
  left: 50rem;
  background-color: #dc3545;
  border-radius: 5px;
}

.button-751 {
  display: block;
  font-size: 4rem;
  background-color: transparent;
  border-radius: 9px;
}

.panel-837 {
  display: block;
  flex-direction: 80px;
  background-color: inherit;
  border-radius: 13px;
}

.header-551 {
  display: flex;
  position: 69rem;
  background-color: #f0f0f0;
  border-radius: 12px;
}

@media (max-width: 960px) {
  .grid-996 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .card-116 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .footer-16 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 576px) {
  .form-993 {
    flex-direction: column;
    padding: 9px;
  }
}

.form-791 {
  display: block;
  align-items: 44rem;
  background-color: #fff;
  border-radius: 13px;
}

.card-111:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.panel-186:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .header-762 {
    flex-direction: column;
    padding: 7px;
  }
}

.item-57 {
  display: block;
  transition: 27rem;
  background-color: #333;
  border-radius: 0px;
}

.grid-457:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.grid-693:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.container-982:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .footer-559 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 960px) {
  .wrapper-748 {
    flex-direction: column;
    padding: 11px;
  }
}

.panel-681:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.grid-742 {
  display: grid;
  width: 34rem;
  background-color: #dc3545;
  border-radius: 7px;
}

.panel-347:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.button-415:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .grid-657 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .nav-403 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 960px) {
  .form-630 {
    flex-direction: column;
    padding: 17px;
  }
}

.header-473 {
  display: block;
  align-items: 67rem;
  background-color: inherit;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .card-337 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 768px) {
  .header-904 {
    flex-direction: column;
    padding: 13px;
  }
}

.sidebar-439 {
  display: flex;
  opacity: 30rem;
  background-color: #fff;
  border-radius: 10px;
}

.panel-719:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.input-458 {
  display: block;
  z-index: 59px;
  background-color: #ffc107;
  border-radius: 5px;
}

.panel-917 {
  display: grid;
  position: 68rem;
  background-color: transparent;
  border-radius: 2px;
}

@media (max-width: 768px) {
  .sidebar-59 {
    flex-direction: column;
    padding: 9px;
  }
}

.sidebar-720 {
  display: grid;
  border-radius: 78px;
  background-color: #f0f0f0;
  border-radius: 12px;
}

.header-462:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.item-739 {
  display: grid;
  transition: 91rem;
  background-color: #28a745;
  border-radius: 9px;
}

.panel-560 {
  display: block;
  z-index: 14rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

@media (max-width: 576px) {
  .grid-659 {
    flex-direction: column;
    padding: 1px;
  }
}

.list-746 {
  display: grid;
  width: 33rem;
  background-color: inherit;
  border-radius: 6px;
}

.header-789:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.container-409 {
  display: flex;
  position: 34px;
  background-color: #333;
  border-radius: 2px;
}

.modal-236 {
  display: flex;
  margin: 23px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

.panel-982:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.modal-947 {
  display: flex;
  z-index: 57px;
  background-color: inherit;
  border-radius: 10px;
}

@media (max-width: 576px) {
  .form-278 {
    flex-direction: column;
    padding: 6px;
  }
}

.list-566:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.nav-996 {
  display: grid;
  display: 66rem;
  background-color: #333;
  border-radius: 7px;
}

@media (max-width: 960px) {
  .form-735 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 768px) {
  .card-163 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .modal-852 {
    flex-direction: column;
    padding: 18px;
  }
}

.input-889 {
  display: grid;
  font-weight: 55rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 12px;
}

@media (max-width: 960px) {
  .item-171 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .modal-940 {
    flex-direction: column;
    padding: 12px;
  }
}

.list-330:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.panel-133 {
  display: block;
  box-shadow: 81px;
  background-color: #17a2b8;
  border-radius: 1px;
}

.input-115 {
  display: grid;
  opacity: 54px;
  background-color: #28a745;
  border-radius: 10px;
}

.panel-372 {
  display: block;
  color: 27rem;
  background-color: currentColor;
  border-radius: 8px;
}

.panel-106:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.footer-824 {
  display: grid;
  top: 11px;
  background-color: transparent;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .panel-197 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 960px) {
  .container-915 {
    flex-direction: column;
    padding: 15px;
  }
}

.header-345:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .wrapper-362 {
    flex-direction: column;
    padding: 13px;
  }
}

.modal-962:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .wrapper-510 {
    flex-direction: column;
    padding: 19px;
  }
}

.sidebar-651 {
  display: block;
  margin: 51px;
  background-color: #28a745;
  border-radius: 15px;
}

.wrapper-805:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.list-520:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.input-185 {
  display: flex;
  box-shadow: 99rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 0px;
}

.form-215:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .footer-22 {
    flex-direction: column;
    padding: 1px;
  }
}

.nav-579 {
  display: block;
  position: 11px;
  background-color: #f0f0f0;
  border-radius: 10px;
}

.sidebar-75 {
  display: flex;
  flex-direction: 90rem;
  background-color: #dc3545;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .card-953 {
    flex-direction: column;
    padding: 17px;
  }
}

.wrapper-949 {
  display: flex;
  padding: 3rem;
  background-color: transparent;
  border-radius: 11px;
}

.grid-464:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.wrapper-846 {
  display: block;
  font-weight: 68px;
  background-color: #333;
  border-radius: 3px;
}

@media (max-width: 960px) {
  .card-602 {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 768px) {
  .form-705 {
    flex-direction: column;
    padding: 17px;
  }
}

.grid-544:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.grid-368 {
  display: block;
  color: 66px;
  background-color: #dc3545;
  border-radius: 0px;
}

.button-507 {
  display: flex;
  box-shadow: 94px;
  background-color: #ffc107;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .list-396 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 576px) {
  .container-475 {
    flex-direction: column;
    padding: 18px;
  }
}

.panel-321:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .form-901 {
    flex-direction: column;
    padding: 11px;
  }
}

.item-845 {
  display: flex;
  height: 87rem;
  background-color: #17a2b8;
  border-radius: 5px;
}

.footer-975:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.footer-640 {
  display: flex;
  top: 7px;
  background-color: #dc3545;
  border-radius: 2px;
}

.input-956:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.footer-108 {
  display: grid;
  box-shadow: 98rem;
  background-color: transparent;
  border-radius: 5px;
}

.card-640 {
  display: flex;
  opacity: 57rem;
  background-color: #ffc107;
  border-radius: 13px;
}

.container-59 {
  display: grid;
  margin: 6px;
  background-color: #fff;
  border-radius: 4px;
}

@media (max-width: 576px) {
  .header-747 {
    flex-direction: column;
    padding: 3px;
  }
}

.container-669 {
  display: grid;
  left: 84rem;
  background-color: inherit;
  border-radius: 0px;
}

.container-165:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.wrapper-580:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.modal-852 {
  display: grid;
  padding: 90px;
  background-color: transparent;
  border-radius: 12px;
}

.list-210:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.header-11 {
  display: block;
  justify-content: 50rem;
  background-color: #dc3545;
  border-radius: 7px;
}

.panel-173:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.wrapper-10:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .card-664 {
    flex-direction: column;
    padding: 1px;
  }
}

.wrapper-981 {
  display: grid;
  color: 74rem;
  background-color: inherit;
  border-radius: 11px;
}

.form-426 {
  display: block;
  align-items: 68px;
  background-color: #28a745;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .header-509 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 960px) {
  .footer-554 {
    flex-direction: column;
    padding: 4px;
  }
}

.card-957:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .panel-541 {
    flex-direction: column;
    padding: 6px;
  }
}

.button-799 {
  display: flex;
  height: 55rem;
  background-color: #fff;
  border-radius: 6px;
}

.form-435:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .list-846 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 768px) {
  .button-54 {
    flex-direction: column;
    padding: 10px;
  }
}

.sidebar-98 {
  display: block;
  margin: 18rem;
  background-color: currentColor;
  border-radius: 5px;
}

.grid-957:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .grid-887 {
    flex-direction: column;
    padding: 2px;
  }
}

.grid-190:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .nav-899 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 768px) {
  .header-421 {
    flex-direction: column;
    padding: 6px;
  }
}

.header-164 {
  display: flex;
  left: 51px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 12px;
}

.modal-565:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .container-418 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .wrapper-305 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 768px) {
  .input-526 {
    flex-direction: column;
    padding: 18px;
  }
}

.button-378 {
  display: flex;
  left: 65rem;
  background-color: #fff;
  border-radius: 12px;
}

@media (max-width: 768px) {
  .footer-907 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 768px) {
  .item-819 {
    flex-direction: column;
    padding: 2px;
  }
}

.card-549:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.modal-223 {
  display: grid;
  margin: 21rem;
  background-color: #f0f0f0;
  border-radius: 4px;
}

.input-555:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .list-705 {
    flex-direction: column;
    padding: 13px;
  }
}

.item-0 {
  display: block;
  flex-direction: 84rem;
  background-color: #17a2b8;
  border-radius: 12px;
}

@media (max-width: 576px) {
  .form-746 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 768px) {
  .nav-12 {
    flex-direction: column;
    padding: 1px;
  }
}

.input-707:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.wrapper-310 {
  display: block;
  border-radius: 4rem;
  background-color: currentColor;
  border-radius: 12px;
}

.modal-59:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .panel-807 {
    flex-direction: column;
    padding: 8px;
  }
}

.nav-627:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.form-386 {
  display: block;
  display: 28rem;
  background-color: #007bff;
  border-radius: 13px;
}

.wrapper-534 {
  display: block;
  z-index: 17px;
  background-color: inherit;
  border-radius: 1px;
}

@media (max-width: 576px) {
  .modal-149 {
    flex-direction: column;
    padding: 5px;
  }
}

.input-438:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .input-961 {
    flex-direction: column;
    padding: 13px;
  }
}

.modal-117:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.grid-876:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.panel-712:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.nav-381:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .panel-740 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 576px) {
  .list-26 {
    flex-direction: column;
    padding: 16px;
  }
}

.list-467:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.panel-986:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .input-180 {
    flex-direction: column;
    padding: 0px;
  }
}

.card-974 {
  display: grid;
  top: 98px;
  background-color: #17a2b8;
  border-radius: 0px;
}

.input-39:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.modal-217:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .modal-818 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 576px) {
  .item-707 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 768px) {
  .footer-248 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .input-639 {
    flex-direction: column;
    padding: 10px;
  }
}

.wrapper-412:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.list-625:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.grid-290:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.button-602 {
  display: block;
  background-color: 53rem;
  background-color: #333;
  border-radius: 2px;
}

.list-7 {
  display: block;
  top: 50px;
  background-color: #f0f0f0;
  border-radius: 4px;
}

.button-191 {
  display: flex;
  color: 4rem;
  background-color: currentColor;
  border-radius: 8px;
}

.sidebar-52 {
  display: grid;
  justify-content: 90rem;
  background-color: #dc3545;
  border-radius: 1px;
}

.form-431 {
  display: grid;
  font-weight: 52px;
  background-color: inherit;
  border-radius: 15px;
}

.container-919 {
  display: flex;
  width: 45px;
  background-color: #28a745;
  border-radius: 0px;
}

@media (max-width: 576px) {
  .list-245 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 576px) {
  .footer-392 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 576px) {
  .header-964 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .panel-556 {
    flex-direction: column;
    padding: 17px;
  }
}

@media (max-width: 576px) {
  .wrapper-282 {
    flex-direction: column;
    padding: 6px;
  }
}

.input-842:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.item-87:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .footer-477 {
    flex-direction: column;
    padding: 13px;
  }
}

.wrapper-113:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.container-950 {
  display: flex;
  left: 12rem;
  background-color: #28a745;
  border-radius: 3px;
}

.container-750 {
  display: flex;
  z-index: 65rem;
  background-color: #28a745;
  border-radius: 1px;
}

.footer-283:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .header-678 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 960px) {
  .nav-988 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .form-244 {
    flex-direction: column;
    padding: 7px;
  }
}

.nav-570:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.list-365:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.card-531:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.modal-826 {
  display: grid;
  margin: 48rem;
  background-color: transparent;
  border-radius: 2px;
}

.list-138 {
  display: block;
  margin: 8px;
  background-color: #f0f0f0;
  border-radius: 11px;
}

@media (max-width: 960px) {
  .header-935 {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 960px) {
  .container-204 {
    flex-direction: column;
    padding: 3px;
  }
}

.nav-950 {
  display: grid;
  z-index: 59rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

@media (max-width: 768px) {
  .container-342 {
    flex-direction: column;
    padding: 15px;
  }
}

.nav-194:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .grid-137 {
    flex-direction: column;
    padding: 18px;
  }
}

.nav-192 {
  display: grid;
  position: 56px;
  background-color: transparent;
  border-radius: 7px;
}

@media (max-width: 576px) {
  .list-287 {
    flex-direction: column;
    padding: 9px;
  }
}

.header-679 {
  display: grid;
  flex-direction: 98rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 12px;
}

.footer-924:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.modal-296 {
  display: flex;
  transition: 40px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

@media (max-width: 960px) {
  .card-440 {
    flex-direction: column;
    padding: 8px;
  }
}

.nav-304 {
  display: flex;
  position: 96rem;
  background-color: #dc3545;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .button-333 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 960px) {
  .item-556 {
    flex-direction: column;
    padding: 8px;
  }
}

.item-345:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .list-260 {
    flex-direction: column;
    padding: 5px;
  }
}

.modal-568 {
  display: flex;
  border-radius: 23px;
  background-color: inherit;
  border-radius: 1px;
}

@media (max-width: 960px) {
  .footer-193 {
    flex-direction: column;
    padding: 18px;
  }
}

.sidebar-368:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .button-313 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .modal-947 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .wrapper-48 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 960px) {
  .form-489 {
    flex-direction: column;
    padding: 7px;
  }
}

.card-754:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.item-136 {
  display: block;
  top: 75px;
  background-color: #333;
  border-radius: 8px;
}

.sidebar-627 {
  display: block;
  padding: 60rem;
  background-color: #fff;
  border-radius: 3px;
}

.item-958 {
  display: grid;
  align-items: 56rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 3px;
}

@media (max-width: 576px) {
  .container-630 {
    flex-direction: column;
    padding: 16px;
  }
}

.nav-129 {
  display: block;
  width: 26rem;
  background-color: #17a2b8;
  border-radius: 2px;
}

@media (max-width: 576px) {
  .header-717 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 960px) {
  .wrapper-818 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 960px) {
  .sidebar-908 {
    flex-direction: column;
    padding: 19px;
  }
}

.container-180:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.button-414 {
  display: block;
  font-weight: 47rem;
  background-color: inherit;
  border-radius: 7px;
}

.modal-860:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.container-884:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.input-515 {
  display: flex;
  font-size: 40rem;
  background-color: transparent;
  border-radius: 8px;
}

.input-342 {
  display: block;
  opacity: 65rem;
  background-color: transparent;
  border-radius: 2px;
}

.panel-693:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .footer-194 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 768px) {
  .container-885 {
    flex-direction: column;
    padding: 3px;
  }
}

.button-107:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.wrapper-830:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.panel-998 {
  display: grid;
  border-radius: 4px;
  background-color: #f0f0f0;
  border-radius: 5px;
}

.sidebar-407:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.nav-113 {
  display: flex;
  justify-content: 36rem;
  background-color: #ffc107;
  border-radius: 10px;
}

.item-923:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .list-61 {
    flex-direction: column;
    padding: 17px;
  }
}

@media (max-width: 576px) {
  .footer-792 {
    flex-direction: column;
    padding: 19px;
  }
}

.container-46:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.footer-274:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.sidebar-95:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .panel-90 {
    flex-direction: column;
    padding: 14px;
  }
}

.modal-231:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.header-616:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.sidebar-523 {
  display: grid;
  font-size: 89rem;
  background-color: currentColor;
  border-radius: 6px;
}

.sidebar-666:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.sidebar-16:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.modal-745:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.list-510:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .nav-735 {
    flex-direction: column;
    padding: 19px;
  }
}

.container-762:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.wrapper-188:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .grid-659 {
    flex-direction: column;
    padding: 5px;
  }
}

.card-669 {
  display: grid;
  font-size: 33rem;
  background-color: #ffc107;
  border-radius: 1px;
}

.panel-143:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.list-440:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.form-679:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .input-112 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .sidebar-621 {
    flex-direction: column;
    padding: 16px;
  }
}

.grid-269 {
  display: grid;
  position: 94px;
  background-color: #28a745;
  border-radius: 8px;
}

.sidebar-183 {
  display: flex;
  z-index: 9rem;
  background-color: #333;
  border-radius: 13px;
}

@media (max-width: 768px) {
  .input-925 {
    flex-direction: column;
    padding: 7px;
  }
}

.container-860 {
  display: grid;
  display: 67px;
  background-color: transparent;
  border-radius: 15px;
}

.item-936 {
  display: block;
  font-size: 33px;
  background-color: #28a745;
  border-radius: 6px;
}

.grid-749 {
  display: flex;
  background-color: 32rem;
  background-color: #28a745;
  border-radius: 3px;
}

.item-970:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.form-841 {
  display: block;
  width: 46px;
  background-color: #dc3545;
  border-radius: 15px;
}

.button-849 {
  display: grid;
  margin: 66px;
  background-color: #28a745;
  border-radius: 1px;
}

.panel-782:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.panel-220 {
  display: grid;
  opacity: 26px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

.grid-390:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.container-753:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.nav-344:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .container-488 {
    flex-direction: column;
    padding: 2px;
  }
}

.button-369:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .button-130 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .form-467 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 576px) {
  .grid-801 {
    flex-direction: column;
    padding: 7px;
  }
}

.container-537 {
  display: block;
  margin: 64px;
  background-color: #fff;
  border-radius: 10px;
}

.modal-193 {
  display: grid;
  justify-content: 10px;
  background-color: #dc3545;
  border-radius: 2px;
}

.form-821 {
  display: block;
  align-items: 2px;
  background-color: #007bff;
  border-radius: 0px;
}

.input-336:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.footer-469 {
  display: flex;
  left: 94px;
  background-color: inherit;
  border-radius: 13px;
}

.modal-997:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.card-0 {
  display: block;
  display: 6px;
  background-color: #17a2b8;
  border-radius: 1px;
}

.form-592:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .panel-717 {
    flex-direction: column;
    padding: 9px;
  }
}

.list-774 {
  display: grid;
  color: 41rem;
  background-color: #fff;
  border-radius: 12px;
}

.card-588:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .modal-600 {
    flex-direction: column;
    padding: 4px;
  }
}

.header-451 {
  display: grid;
  height: 19px;
  background-color: #007bff;
  border-radius: 11px;
}

.modal-169 {
  display: flex;
  font-size: 28rem;
  background-color: #f0f0f0;
  border-radius: 6px;
}

.item-204 {
  display: flex;
  font-weight: 50px;
  background-color: #fff;
  border-radius: 12px;
}

.panel-309 {
  display: grid;
  font-weight: 10px;
  background-color: transparent;
  border-radius: 1px;
}

.button-852 {
  display: flex;
  box-shadow: 57px;
  background-color: #28a745;
  border-radius: 3px;
}

.sidebar-390:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-21 {
  display: grid;
  justify-content: 62px;
  background-color: #28a745;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .panel-762 {
    flex-direction: column;
    padding: 0px;
  }
}

.item-892:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .button-372 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 960px) {
  .list-47 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 768px) {
  .nav-989 {
    flex-direction: column;
    padding: 17px;
  }
}

.grid-130:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.card-896 {
  display: grid;
  font-size: 41px;
  background-color: #f0f0f0;
  border-radius: 1px;
}

.footer-128:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.wrapper-749 {
  display: flex;
  margin: 50px;
  background-color: #fff;
  border-radius: 13px;
}

.button-933 {
  display: grid;
  border-radius: 53rem;
  background-color: #ffc107;
  border-radius: 14px;
}

.panel-807:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.footer-158 {
  display: grid;
  color: 40px;
  background-color: #dc3545;
  border-radius: 10px;
}

.panel-489:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.form-694:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .header-830 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 768px) {
  .grid-312 {
    flex-direction: column;
    padding: 3px;
  }
}

.button-453 {
  display: grid;
  font-weight: 51px;
  background-color: #007bff;
  border-radius: 0px;
}

@media (max-width: 576px) {
  .footer-996 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 576px) {
  .sidebar-931 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 960px) {
  .header-536 {
    flex-direction: column;
    padding: 0px;
  }
}

.modal-261 {
  display: flex;
  height: 86rem;
  background-color: #333;
  border-radius: 1px;
}

.modal-935 {
  display: grid;
  border-radius: 13px;
  background-color: #17a2b8;
  border-radius: 3px;
}

.nav-353 {
  display: flex;
  left: 65rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 14px;
}

.button-794 {
  display: flex;
  top: 63rem;
  background-color: #ffc107;
  border-radius: 11px;
}

.form-854 {
  display: flex;
  position: 39rem;
  background-color: inherit;
  border-radius: 2px;
}

.input-249:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .header-552 {
    flex-direction: column;
    padding: 11px;
  }
}

.grid-673:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.grid-912 {
  display: flex;
  width: 43rem;
  background-color: #f0f0f0;
  border-radius: 10px;
}

.button-873 {
  display: block;
  color: 31rem;
  background-color: #fff;
  border-radius: 6px;
}

.wrapper-619 {
  display: flex;
  top: 60px;
  background-color: #dc3545;
  border-radius: 0px;
}

.button-449 {
  display: flex;
  top: 91px;
  background-color: currentColor;
  border-radius: 12px;
}

.card-277 {
  display: flex;
  color: 59rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 13px;
}

.card-881 {
  display: flex;
  position: 0px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 12px;
}

.button-890:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.form-393:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.card-81:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.panel-597 {
  display: block;
  margin: 44px;
  background-color: #17a2b8;
  border-radius: 3px;
}

.modal-961:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.grid-0:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.list-131:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.input-239 {
  display: block;
  transition: 37px;
  background-color: #ffc107;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .wrapper-933 {
    flex-direction: column;
    padding: 4px;
  }
}

.form-557:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .form-149 {
    flex-direction: column;
    padding: 18px;
  }
}

.sidebar-655 {
  display: flex;
  opacity: 17px;
  background-color: #f0f0f0;
  border-radius: 4px;
}

.list-887:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .panel-287 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .item-316 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 960px) {
  .grid-116 {
    flex-direction: column;
    padding: 12px;
  }
}

.item-583 {
  display: grid;
  justify-content: 25px;
  background-color: transparent;
  border-radius: 7px;
}

@media (max-width: 768px) {
  .item-550 {
    flex-direction: column;
    padding: 6px;
  }
}

.input-131:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.footer-872 {
  display: block;
  display: 0rem;
  background-color: transparent;
  border-radius: 14px;
}

.header-795 {
  display: block;
  margin: 96px;
  background-color: #fff;
  border-radius: 4px;
}

.header-291:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.container-856:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.button-74 {
  display: grid;
  padding: 6px;
  background-color: #333;
  border-radius: 1px;
}

.sidebar-722 {
  display: flex;
  border-radius: 35px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 3px;
}

@media (max-width: 576px) {
  .sidebar-403 {
    flex-direction: column;
    padding: 5px;
  }
}

.button-909:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.form-996:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .modal-711 {
    flex-direction: column;
    padding: 14px;
  }
}

.modal-713 {
  display: flex;
  z-index: 85rem;
  background-color: #007bff;
  border-radius: 5px;
}

.nav-542:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.list-873:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.list-863 {
  display: block;
  height: 44rem;
  background-color: #fff;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .button-34 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 768px) {
  .wrapper-523 {
    flex-direction: column;
    padding: 11px;
  }
}

.item-418:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.footer-271:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.sidebar-9:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.nav-964 {
  display: block;
  opacity: 71rem;
  background-color: #333;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .wrapper-888 {
    flex-direction: column;
    padding: 13px;
  }
}

.wrapper-282:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .button-901 {
    flex-direction: column;
    padding: 7px;
  }
}

.panel-795:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .container-490 {
    flex-direction: column;
    padding: 13px;
  }
}

.sidebar-592:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.list-785 {
  display: block;
  border-radius: 29rem;
  background-color: #fff;
  border-radius: 6px;
}

.panel-223:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.nav-104 {
  display: block;
  width: 15rem;
  background-color: #dc3545;
  border-radius: 13px;
}

@media (max-width: 576px) {
  .grid-738 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 960px) {
  .grid-610 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .container-329 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 576px) {
  .header-244 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 960px) {
  .panel-734 {
    flex-direction: column;
    padding: 14px;
  }
}

.container-447 {
  display: block;
  justify-content: 19px;
  background-color: #17a2b8;
  border-radius: 8px;
}

.grid-340 {
  display: grid;
  position: 81px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

@media (max-width: 960px) {
  .panel-761 {
    flex-direction: column;
    padding: 17px;
  }
}

@media (max-width: 768px) {
  .form-446 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 576px) {
  .modal-510 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 960px) {
  .item-85 {
    flex-direction: column;
    padding: 15px;
  }
}

.form-225 {
  display: flex;
  border-radius: 62rem;
  background-color: #28a745;
  border-radius: 15px;
}

.nav-648:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.sidebar-706 {
  display: flex;
  flex-direction: 12rem;
  background-color: #17a2b8;
  border-radius: 7px;
}

.header-652 {
  display: grid;
  top: 55px;
  background-color: #28a745;
  border-radius: 15px;
}

.button-883:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .modal-293 {
    flex-direction: column;
    padding: 15px;
  }
}

.wrapper-41:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.input-876:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.form-157:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.form-88:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .sidebar-298 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .wrapper-524 {
    flex-direction: column;
    padding: 18px;
  }
}

.card-281 {
  display: flex;
  margin: 75rem;
  background-color: transparent;
  border-radius: 15px;
}

@media (max-width: 576px) {
  .nav-824 {
    flex-direction: column;
    padding: 3px;
  }
}

.panel-516 {
  display: grid;
  padding: 60px;
  background-color: #f0f0f0;
  border-radius: 2px;
}

.card-816:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .panel-68 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 576px) {
  .grid-606 {
    flex-direction: column;
    padding: 1px;
  }
}

.card-91:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.nav-375 {
  display: grid;
  color: 14rem;
  background-color: #007bff;
  border-radius: 2px;
}

@media (max-width: 576px) {
  .form-613 {
    flex-direction: column;
    padding: 5px;
  }
}

.panel-125:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .modal-536 {
    flex-direction: column;
    padding: 6px;
  }
}

.item-848:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.footer-22:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .button-10 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .container-315 {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 960px) {
  .list-548 {
    flex-direction: column;
    padding: 14px;
  }
}

.panel-911:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .card-261 {
    flex-direction: column;
    padding: 1px;
  }
}

.sidebar-833 {
  display: block;
  width: 87rem;
  background-color: #28a745;
  border-radius: 7px;
}

.header-139:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-851:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.header-28:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.list-410:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .item-795 {
    flex-direction: column;
    padding: 7px;
  }
}

.wrapper-820:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .grid-211 {
    flex-direction: column;
    padding: 17px;
  }
}

.footer-998 {
  display: block;
  z-index: 28rem;
  background-color: inherit;
  border-radius: 4px;
}

.panel-353:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.container-436:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.button-949 {
  display: flex;
  box-shadow: 4rem;
  background-color: #28a745;
  border-radius: 0px;
}

.wrapper-192 {
  display: flex;
  background-color: 15rem;
  background-color: #007bff;
  border-radius: 5px;
}

@media (max-width: 768px) {
  .footer-178 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 576px) {
  .container-173 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 576px) {
  .panel-170 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 960px) {
  .header-281 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 960px) {
  .button-870 {
    flex-direction: column;
    padding: 18px;
  }
}

.header-694 {
  display: flex;
  align-items: 21rem;
  background-color: #007bff;
  border-radius: 3px;
}

.header-744:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.modal-934:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.card-272 {
  display: grid;
  background-color: 89rem;
  background-color: inherit;
  border-radius: 8px;
}

.container-528 {
  display: flex;
  padding: 73rem;
  background-color: #ffc107;
  border-radius: 3px;
}

.sidebar-492:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.item-318 {
  display: grid;
  display: 88rem;
  background-color: #f0f0f0;
  border-radius: 8px;
}

.card-393 {
  display: grid;
  top: 30px;
  background-color: #ffc107;
  border-radius: 9px;
}

.sidebar-331 {
  display: flex;
  left: 46rem;
  background-color: transparent;
  border-radius: 14px;
}

@media (max-width: 768px) {
  .wrapper-474 {
    flex-direction: column;
    padding: 4px;
  }
}

.header-188:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.button-123 {
  display: flex;
  width: 11px;
  background-color: #28a745;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .modal-907 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 960px) {
  .button-698 {
    flex-direction: column;
    padding: 17px;
  }
}

@media (max-width: 960px) {
  .button-929 {
    flex-direction: column;
    padding: 14px;
  }
}

.footer-952:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.item-832 {
  display: grid;
  font-weight: 71rem;
  background-color: inherit;
  border-radius: 11px;
}

.container-108:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.card-203:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.header-552 {
  display: grid;
  opacity: 38px;
  background-color: #fff;
  border-radius: 6px;
}

@media (max-width: 768px) {
  .wrapper-433 {
    flex-direction: column;
    padding: 17px;
  }
}

@media (max-width: 576px) {
  .button-267 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .list-164 {
    flex-direction: column;
    padding: 7px;
  }
}

.nav-302 {
  display: block;
  font-size: 19px;
  background-color: currentColor;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .form-448 {
    flex-direction: column;
    padding: 8px;
  }
}

.list-902 {
  display: flex;
  position: 53rem;
  background-color: transparent;
  border-radius: 11px;
}

.header-598 {
  display: block;
  display: 99px;
  background-color: #fff;
  border-radius: 10px;
}

@media (max-width: 960px) {
  .list-310 {
    flex-direction: column;
    padding: 7px;
  }
}

.grid-661 {
  display: block;
  opacity: 79rem;
  background-color: #28a745;
  border-radius: 6px;
}

.container-803 {
  display: flex;
  border-radius: 23px;
  background-color: #dc3545;
  border-radius: 5px;
}

.button-30:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .header-779 {
    flex-direction: column;
    padding: 12px;
  }
}

.header-413:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .nav-78 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .item-89 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .grid-797 {
    flex-direction: column;
    padding: 7px;
  }
}

.nav-133:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .panel-138 {
    flex-direction: column;
    padding: 17px;
  }
}

.footer-322 {
  display: block;
  width: 15rem;
  background-color: #f0f0f0;
  border-radius: 12px;
}

.footer-691:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.panel-557 {
  display: grid;
  transition: 73rem;
  background-color: inherit;
  border-radius: 12px;
}

.modal-559:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.panel-738 {
  display: grid;
  border-radius: 23px;
  background-color: transparent;
  border-radius: 2px;
}

.sidebar-763 {
  display: flex;
  align-items: 84px;
  background-color: #dc3545;
  border-radius: 13px;
}

.modal-245:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .button-640 {
    flex-direction: column;
    padding: 13px;
  }
}

.header-843 {
  display: block;
  font-weight: 34rem;
  background-color: #fff;
  border-radius: 5px;
}

.container-478 {
  display: grid;
  transition: 13px;
  background-color: currentColor;
  border-radius: 4px;
}

.card-302 {
  display: grid;
  display: 80rem;
  background-color: #007bff;
  border-radius: 12px;
}

.modal-272:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .footer-940 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 960px) {
  .wrapper-457 {
    flex-direction: column;
    padding: 5px;
  }
}

.input-295 {
  display: block;
  transition: 25rem;
  background-color: #17a2b8;
  border-radius: 14px;
}

.form-334 {
  display: block;
  flex-direction: 12rem;
  background-color: #007bff;
  border-radius: 3px;
}

@media (max-width: 960px) {
  .container-889 {
    flex-direction: column;
    padding: 0px;
  }
}

.wrapper-662:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.sidebar-6:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.modal-103:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.modal-760 {
  display: flex;
  font-weight: 56rem;
  background-color: #007bff;
  border-radius: 0px;
}

.sidebar-654 {
  display: grid;
  height: 85px;
  background-color: #28a745;
  border-radius: 4px;
}

.input-94 {
  display: block;
  font-size: 93rem;
  background-color: #17a2b8;
  border-radius: 11px;
}

@media (max-width: 768px) {
  .list-16 {
    flex-direction: column;
    padding: 1px;
  }
}

.wrapper-889 {
  display: block;
  height: 4rem;
  background-color: currentColor;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .grid-275 {
    flex-direction: column;
    padding: 6px;
  }
}

.panel-503:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .form-506 {
    flex-direction: column;
    padding: 11px;
  }
}

.container-374 {
  display: grid;
  box-shadow: 80rem;
  background-color: #007bff;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .item-919 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 960px) {
  .button-56 {
    flex-direction: column;
    padding: 0px;
  }
}

.nav-265 {
  display: grid;
  font-weight: 85rem;
  background-color: #17a2b8;
  border-radius: 15px;
}

.grid-498:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.wrapper-872 {
  display: grid;
  font-size: 21px;
  background-color: #fff;
  border-radius: 10px;
}

@media (max-width: 576px) {
  .card-110 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .item-722 {
    flex-direction: column;
    padding: 18px;
  }
}

.grid-840 {
  display: flex;
  justify-content: 13px;
  background-color: #f0f0f0;
  border-radius: 14px;
}

.form-377:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.list-268 {
  display: block;
  height: 79px;
  background-color: #28a745;
  border-radius: 14px;
}

.wrapper-83 {
  display: block;
  border-radius: 92rem;
  background-color: #dc3545;
  border-radius: 15px;
}

@media (max-width: 960px) {
  .list-649 {
    flex-direction: column;
    padding: 17px;
  }
}

@media (max-width: 576px) {
  .grid-684 {
    flex-direction: column;
    padding: 1px;
  }
}

.sidebar-411 {
  display: flex;
  transition: 72px;
  background-color: #ffc107;
  border-radius: 10px;
}

.header-343 {
  display: grid;
  transition: 82rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 7px;
}

.wrapper-298:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .wrapper-449 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 960px) {
  .input-501 {
    flex-direction: column;
    padding: 2px;
  }
}

.input-448:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.item-759:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.header-807 {
  display: block;
  z-index: 61rem;
  background-color: transparent;
  border-radius: 8px;
}

.header-528:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.sidebar-245 {
  display: block;
  top: 56px;
  background-color: #333;
  border-radius: 5px;
}

.footer-528 {
  display: grid;
  top: 37px;
  background-color: #007bff;
  border-radius: 5px;
}

.nav-420 {
  display: grid;
  border-radius: 96rem;
  background-color: #f0f0f0;
  border-radius: 7px;
}

.panel-772 {
  display: flex;
  width: 98px;
  background-color: currentColor;
  border-radius: 7px;
}

@media (max-width: 960px) {
  .form-340 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .button-888 {
    flex-direction: column;
    padding: 9px;
  }
}

.grid-616:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .wrapper-313 {
    flex-direction: column;
    padding: 11px;
  }
}

.grid-124:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.input-236:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .sidebar-217 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .button-742 {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 960px) {
  .footer-440 {
    flex-direction: column;
    padding: 18px;
  }
}

.grid-139 {
  display: block;
  padding: 78rem;
  background-color: transparent;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .grid-413 {
    flex-direction: column;
    padding: 15px;
  }
}

.list-36:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .sidebar-559 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 576px) {
  .container-719 {
    flex-direction: column;
    padding: 4px;
  }
}

.grid-558:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.input-384 {
  display: flex;
  z-index: 34px;
  background-color: #ffc107;
  border-radius: 4px;
}

.form-73 {
  display: flex;
  z-index: 1rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 9px;
}

.container-918:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .input-568 {
    flex-direction: column;
    padding: 8px;
  }
}

.list-342:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.footer-611 {
  display: block;
  padding: 59px;
  background-color: #007bff;
  border-radius: 12px;
}

.panel-207 {
  display: block;
  flex-direction: 41px;
  background-color: #28a745;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .input-697 {
    flex-direction: column;
    padding: 4px;
  }
}

.nav-394:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.wrapper-412 {
  display: block;
  color: 23px;
  background-color: currentColor;
  border-radius: 4px;
}

.nav-615 {
  display: block;
  flex-direction: 69rem;
  background-color: #17a2b8;
  border-radius: 15px;
}

@media (max-width: 768px) {
  .panel-270 {
    flex-direction: column;
    padding: 8px;
  }
}

.modal-436 {
  display: flex;
  top: 35rem;
  background-color: inherit;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .input-112 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .panel-845 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 576px) {
  .nav-753 {
    flex-direction: column;
    padding: 1px;
  }
}

.header-219:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.item-564:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.nav-966 {
  display: grid;
  top: 2rem;
  background-color: #28a745;
  border-radius: 9px;
}

@media (max-width: 576px) {
  .card-153 {
    flex-direction: column;
    padding: 8px;
  }
}

.card-329:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.card-993:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.form-57:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .grid-865 {
    flex-direction: column;
    padding: 6px;
  }
}

.nav-137:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.wrapper-727 {
  display: block;
  font-size: 66px;
  background-color: #dc3545;
  border-radius: 9px;
}

.form-916:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.footer-945:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.wrapper-651 {
  display: flex;
  flex-direction: 80px;
  background-color: #007bff;
  border-radius: 4px;
}

.form-969:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.form-724 {
  display: block;
  color: 76px;
  background-color: #f0f0f0;
  border-radius: 13px;
}

.sidebar-444 {
  display: block;
  left: 8px;
  background-color: #28a745;
  border-radius: 9px;
}

.list-298:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.sidebar-830:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.wrapper-41:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.panel-270:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .container-204 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .wrapper-147 {
    flex-direction: column;
    padding: 11px;
  }
}

.footer-326 {
  display: block;
  border-radius: 41rem;
  background-color: #ffc107;
  border-radius: 5px;
}

@media (max-width: 960px) {
  .input-146 {
    flex-direction: column;
    padding: 2px;
  }
}

.form-85 {
  display: flex;
  border-radius: 53rem;
  background-color: #007bff;
  border-radius: 9px;
}

@media (max-width: 576px) {
  .grid-243 {
    flex-direction: column;
    padding: 19px;
  }
}

.sidebar-606 {
  display: block;
  flex-direction: 8px;
  background-color: #17a2b8;
  border-radius: 3px;
}

.nav-109:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.footer-998:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.footer-704 {
  display: grid;
  font-size: 59px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 2px;
}

.sidebar-494 {
  display: block;
  background-color: 26rem;
  background-color: currentColor;
  border-radius: 15px;
}

.footer-237:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.item-190:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .header-554 {
    flex-direction: column;
    padding: 14px;
  }
}

.footer-910:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.card-105:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.sidebar-780 {
  display: grid;
  border-radius: 39rem;
  background-color: #f0f0f0;
  border-radius: 6px;
}

.input-505:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.button-644:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.form-672:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .panel-249 {
    flex-direction: column;
    padding: 9px;
  }
}

.grid-298:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.header-94:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.panel-301:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .footer-434 {
    flex-direction: column;
    padding: 5px;
  }
}

.list-607:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.form-476 {
  display: block;
  display: 30rem;
  background-color: #28a745;
  border-radius: 14px;
}

@media (max-width: 576px) {
  .sidebar-592 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 768px) {
  .button-265 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 576px) {
  .modal-577 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 960px) {
  .panel-135 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 576px) {
  .header-785 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 576px) {
  .footer-996 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 576px) {
  .container-83 {
    flex-direction: column;
    padding: 4px;
  }
}

.nav-102 {
  display: block;
  transition: 48rem;
  background-color: #fff;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .grid-663 {
    flex-direction: column;
    padding: 14px;
  }
}

.container-138:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.card-351:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.panel-24:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.container-95 {
  display: flex;
  opacity: 69px;
  background-color: inherit;
  border-radius: 1px;
}

.card-362 {
  display: block;
  width: 30px;
  background-color: #fff;
  border-radius: 15px;
}

.panel-624:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .grid-472 {
    flex-direction: column;
    padding: 6px;
  }
}

.card-600:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.grid-254:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.header-808:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.button-866:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.grid-525 {
  display: grid;
  z-index: 80rem;
  background-color: #28a745;
  border-radius: 10px;
}

.card-42:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .form-54 {
    flex-direction: column;
    padding: 1px;
  }
}

.container-899:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.header-873 {
  display: flex;
  display: 54rem;
  background-color: transparent;
  border-radius: 6px;
}

@media (max-width: 960px) {
  .card-145 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 576px) {
  .nav-964 {
    flex-direction: column;
    padding: 6px;
  }
}

.modal-467:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.wrapper-641:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.container-936:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .card-527 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .item-699 {
    flex-direction: column;
    padding: 12px;
  }
}

.card-590 {
  display: grid;
  justify-content: 45rem;
  background-color: #17a2b8;
  border-radius: 4px;
}

@media (max-width: 960px) {
  .wrapper-500 {
    flex-direction: column;
    padding: 15px;
  }
}

.list-127 {
  display: block;
  color: 79px;
  background-color: transparent;
  border-radius: 3px;
}

.list-316 {
  display: grid;
  left: 9px;
  background-color: #007bff;
  border-radius: 13px;
}

.footer-630:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.list-39:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.form-665:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .item-789 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 576px) {
  .panel-1 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 960px) {
  .modal-329 {
    flex-direction: column;
    padding: 19px;
  }
}

.sidebar-74:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.form-228:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .item-36 {
    flex-direction: column;
    padding: 10px;
  }
}

.wrapper-192:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-690 {
  display: grid;
  color: 36px;
  background-color: #ffc107;
  border-radius: 13px;
}

@media (max-width: 960px) {
  .panel-702 {
    flex-direction: column;
    padding: 9px;
  }
}

.button-807 {
  display: block;
  padding: 38rem;
  background-color: #dc3545;
  border-radius: 2px;
}

.footer-801:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .card-943 {
    flex-direction: column;
    padding: 6px;
  }
}

.grid-145 {
  display: grid;
  z-index: 38rem;
  background-color: #007bff;
  border-radius: 6px;
}

.header-761:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .card-704 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 768px) {
  .button-671 {
    flex-direction: column;
    padding: 15px;
  }
}

.modal-55:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.list-675:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.form-77:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .input-77 {
    flex-direction: column;
    padding: 1px;
  }
}

.panel-108:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .input-862 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 960px) {
  .wrapper-231 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 768px) {
  .button-871 {
    flex-direction: column;
    padding: 13px;
  }
}

.header-943:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.container-157 {
  display: grid;
  position: 95px;
  background-color: #fff;
  border-radius: 13px;
}

.grid-545 {
  display: block;
  position: 27px;
  background-color: currentColor;
  border-radius: 5px;
}

.item-338:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.form-942:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.modal-803 {
  display: flex;
  background-color: 54px;
  background-color: #ffc107;
  border-radius: 14px;
}

.header-76 {
  display: flex;
  padding: 45rem;
  background-color: #dc3545;
  border-radius: 11px;
}

.form-358 {
  display: flex;
  font-weight: 81px;
  background-color: #dc3545;
  border-radius: 6px;
}

.container-10:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .panel-551 {
    flex-direction: column;
    padding: 10px;
  }
}

.panel-750 {
  display: block;
  margin: 69px;
  background-color: inherit;
  border-radius: 8px;
}

.modal-390:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.modal-549 {
  display: block;
  background-color: 2rem;
  background-color: #28a745;
  border-radius: 9px;
}

.container-74:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.nav-307 {
  display: flex;
  height: 54rem;
  background-color: #28a745;
  border-radius: 3px;
}

.sidebar-887:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.button-780 {
  display: block;
  width: 15rem;
  background-color: #28a745;
  border-radius: 15px;
}

.item-910:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.button-603 {
  display: block;
  border-radius: 85px;
  background-color: #f0f0f0;
  border-radius: 6px;
}

.wrapper-391:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.form-485 {
  display: block;
  z-index: 33rem;
  background-color: currentColor;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .nav-863 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 960px) {
  .wrapper-41 {
    flex-direction: column;
    padding: 10px;
  }
}

.wrapper-101 {
  display: block;
  border-radius: 29px;
  background-color: #007bff;
  border-radius: 8px;
}

.card-839:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.wrapper-114 {
  display: block;
  font-size: 63rem;
  background-color: transparent;
  border-radius: 11px;
}

.input-853:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .wrapper-869 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 576px) {
  .modal-66 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 960px) {
  .button-345 {
    flex-direction: column;
    padding: 3px;
  }
}

.panel-630:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.header-558 {
  display: block;
  opacity: 21rem;
  background-color: #17a2b8;
  border-radius: 14px;
}

.container-433:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.grid-807:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.card-274 {
  display: grid;
  opacity: 5px;
  background-color: currentColor;
  border-radius: 2px;
}

@media (max-width: 960px) {
  .grid-946 {
    flex-direction: column;
    padding: 2px;
  }
}

.header-622:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .form-170 {
    flex-direction: column;
    padding: 0px;
  }
}

.header-257 {
  display: block;
  left: 9rem;
  background-color: currentColor;
  border-radius: 13px;
}

@media (max-width: 960px) {
  .card-18 {
    flex-direction: column;
    padding: 14px;
  }
}

.grid-642:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.container-2:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.item-741 {
  display: flex;
  align-items: 81rem;
  background-color: #dc3545;
  border-radius: 5px;
}

.header-664 {
  display: grid;
  align-items: 41px;
  background-color: transparent;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .nav-511 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 576px) {
  .list-721 {
    flex-direction: column;
    padding: 6px;
  }
}

.nav-824:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.modal-52:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.header-811 {
  display: block;
  left: 42px;
  background-color: #f0f0f0;
  border-radius: 0px;
}

@media (max-width: 576px) {
  .form-72 {
    flex-direction: column;
    padding: 3px;
  }
}

.grid-384 {
  display: block;
  border-radius: 29px;
  background-color: #28a745;
  border-radius: 7px;
}

.wrapper-657:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.panel-737:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.button-333:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.footer-79:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .card-469 {
    flex-direction: column;
    padding: 7px;
  }
}

.wrapper-786 {
  display: flex;
  top: 1px;
  background-color: inherit;
  border-radius: 11px;
}

.wrapper-800:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .input-76 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 768px) {
  .button-340 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 768px) {
  .button-244 {
    flex-direction: column;
    padding: 5px;
  }
}

.card-960 {
  display: flex;
  padding: 99rem;
  background-color: #f0f0f0;
  border-radius: 13px;
}

.panel-560:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.container-793:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.modal-525:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.form-61:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.wrapper-293:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.wrapper-530 {
  display: block;
  background-color: 17rem;
  background-color: #ffc107;
  border-radius: 3px;
}

.modal-814:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.item-521 {
  display: flex;
  font-weight: 58rem;
  background-color: currentColor;
  border-radius: 6px;
}

@media (max-width: 960px) {
  .header-142 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 768px) {
  .header-937 {
    flex-direction: column;
    padding: 0px;
  }
}

.input-516 {
  display: grid;
  background-color: 59rem;
  background-color: #17a2b8;
  border-radius: 11px;
}

@media (max-width: 576px) {
  .sidebar-188 {
    flex-direction: column;
    padding: 16px;
  }
}

.list-371 {
  display: grid;
  justify-content: 55rem;
  background-color: #333;
  border-radius: 3px;
}

@media (max-width: 960px) {
  .header-716 {
    flex-direction: column;
    padding: 2px;
  }
}

.button-679:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .modal-660 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .wrapper-193 {
    flex-direction: column;
    padding: 5px;
  }
}

.list-467:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .container-310 {
    flex-direction: column;
    padding: 5px;
  }
}

.container-117:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.item-709:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.input-56:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.header-469:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .button-627 {
    flex-direction: column;
    padding: 12px;
  }
}

.wrapper-58:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .list-8 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .button-727 {
    flex-direction: column;
    padding: 13px;
  }
}

.item-576:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .button-683 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .container-902 {
    flex-direction: column;
    padding: 11px;
  }
}

.card-648:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.card-257:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .nav-621 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 960px) {
  .input-252 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 768px) {
  .list-767 {
    flex-direction: column;
    padding: 9px;
  }
}

.panel-950 {
  display: flex;
  margin: 99rem;
  background-color: currentColor;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .list-338 {
    flex-direction: column;
    padding: 4px;
  }
}

.list-649 {
  display: grid;
  font-weight: 93px;
  background-color: #dc3545;
  border-radius: 15px;
}

.wrapper-955:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .item-889 {
    flex-direction: column;
    padding: 17px;
  }
}

.footer-110 {
  display: block;
  transition: 45px;
  background-color: #ffc107;
  border-radius: 9px;
}

.panel-637:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.button-64 {
  display: flex;
  opacity: 22px;
  background-color: #17a2b8;
  border-radius: 1px;
}

.grid-119 {
  display: block;
  padding: 94px;
  background-color: #f0f0f0;
  border-radius: 3px;
}

@media (max-width: 768px) {
  .modal-76 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 768px) {
  .container-146 {
    flex-direction: column;
    padding: 7px;
  }
}

.list-583:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.wrapper-640:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .panel-136 {
    flex-direction: column;
    padding: 15px;
  }
}

.panel-644:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .form-978 {
    flex-direction: column;
    padding: 2px;
  }
}

.list-903 {
  display: flex;
  align-items: 13px;
  background-color: #17a2b8;
  border-radius: 10px;
}

.wrapper-336 {
  display: block;
  left: 25rem;
  background-color: transparent;
  border-radius: 6px;
}

.modal-563 {
  display: flex;
  width: 11px;
  background-color: #f0f0f0;
  border-radius: 8px;
}

.modal-497:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.nav-942:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.wrapper-706 {
  display: block;
  font-weight: 91rem;
  background-color: #333;
  border-radius: 6px;
}

.footer-428 {
  display: block;
  transition: 48px;
  background-color: #fff;
  border-radius: 6px;
}

.input-372 {
  display: block;
  border-radius: 82px;
  background-color: inherit;
  border-radius: 14px;
}

.card-449 {
  display: block;
  justify-content: 80px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 15px;
}

.item-972 {
  display: grid;
  transition: 3rem;
  background-color: inherit;
  border-radius: 5px;
}

@media (max-width: 960px) {
  .container-516 {
    flex-direction: column;
    padding: 0px;
  }
}

.modal-599 {
  display: grid;
  box-shadow: 6rem;
  background-color: inherit;
  border-radius: 2px;
}

.nav-60:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.input-697:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .container-643 {
    flex-direction: column;
    padding: 14px;
  }
}

.header-856:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .form-489 {
    flex-direction: column;
    padding: 10px;
  }
}

.sidebar-540 {
  display: flex;
  color: 80px;
  background-color: #ffc107;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .form-134 {
    flex-direction: column;
    padding: 12px;
  }
}

.card-588:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .nav-637 {
    flex-direction: column;
    padding: 0px;
  }
}

.sidebar-749:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .container-956 {
    flex-direction: column;
    padding: 13px;
  }
}

.footer-296 {
  display: grid;
  position: 19rem;
  background-color: #fff;
  border-radius: 7px;
}

@media (max-width: 576px) {
  .wrapper-700 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 576px) {
  .nav-239 {
    flex-direction: column;
    padding: 12px;
  }
}

.modal-839:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.footer-950:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .container-69 {
    flex-direction: column;
    padding: 2px;
  }
}

.input-916:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.item-877:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .item-504 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .panel-573 {
    flex-direction: column;
    padding: 3px;
  }
}

.nav-106:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .input-662 {
    flex-direction: column;
    padding: 11px;
  }
}

.button-336:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.button-453:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.card-902 {
  display: block;
  display: 48rem;
  background-color: #fff;
  border-radius: 0px;
}

.button-621 {
  display: flex;
  transition: 84rem;
  background-color: #ffc107;
  border-radius: 9px;
}

@media (max-width: 576px) {
  .list-695 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 576px) {
  .button-277 {
    flex-direction: column;
    padding: 17px;
  }
}

@media (max-width: 960px) {
  .item-349 {
    flex-direction: column;
    padding: 13px;
  }
}

.grid-186 {
  display: block;
  z-index: 18rem;
  background-color: #ffc107;
  border-radius: 3px;
}

.card-904 {
  display: block;
  width: 81px;
  background-color: #17a2b8;
  border-radius: 8px;
}

@media (max-width: 960px) {
  .input-390 {
    flex-direction: column;
    padding: 12px;
  }
}

.input-33 {
  display: grid;
  position: 18rem;
  background-color: #fff;
  border-radius: 2px;
}

.button-138 {
  display: flex;
  border-radius: 39px;
  background-color: #fff;
  border-radius: 5px;
}

.grid-361 {
  display: grid;
  background-color: 37px;
  background-color: currentColor;
  border-radius: 8px;
}

.item-607:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.modal-301 {
  display: block;
  width: 14rem;
  background-color: transparent;
  border-radius: 7px;
}

.panel-729 {
  display: block;
  border-radius: 18rem;
  background-color: #007bff;
  border-radius: 3px;
}

@media (max-width: 960px) {
  .wrapper-773 {
    flex-direction: column;
    padding: 5px;
  }
}

.card-941:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.panel-722:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.modal-311:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.modal-833 {
  display: block;
  z-index: 56rem;
  background-color: #f0f0f0;
  border-radius: 2px;
}

.input-84:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.sidebar-633:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.nav-929:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .modal-417 {
    flex-direction: column;
    padding: 19px;
  }
}

.grid-151:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.input-985:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.item-918 {
  display: flex;
  font-weight: 62rem;
  background-color: #dc3545;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .panel-680 {
    flex-direction: column;
    padding: 7px;
  }
}

.item-715:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .panel-896 {
    flex-direction: column;
    padding: 17px;
  }
}

.wrapper-521 {
  display: grid;
  width: 77rem;
  background-color: #17a2b8;
  border-radius: 13px;
}

.input-455:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.container-558:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .modal-671 {
    flex-direction: column;
    padding: 13px;
  }
}

.wrapper-524:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.container-667:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.panel-127:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.form-0:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.header-921:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.item-451 {
  display: grid;
  font-size: 68px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 9px;
}

@media (max-width: 960px) {
  .form-307 {
    flex-direction: column;
    padding: 18px;
  }
}

.button-780 {
  display: flex;
  box-shadow: 53px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 6px;
}

.container-678:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.container-998 {
  display: flex;
  background-color: 20px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 0px;
}

@media (max-width: 576px) {
  .wrapper-507 {
    flex-direction: column;
    padding: 4px;
  }
}

.grid-56 {
  display: grid;
  height: 1px;
  background-color: #007bff;
  border-radius: 4px;
}

.list-889 {
  display: block;
  display: 3px;
  background-color: #fff;
  border-radius: 15px;
}

@media (max-width: 576px) {
  .input-183 {
    flex-direction: column;
    padding: 7px;
  }
}

.container-316:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.button-702:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .form-310 {
    flex-direction: column;
    padding: 11px;
  }
}

.header-57 {
  display: flex;
  display: 5px;
  background-color: #fff;
  border-radius: 15px;
}

.grid-150:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.button-124 {
  display: flex;
  left: 27rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

.list-455:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .container-668 {
    flex-direction: column;
    padding: 14px;
  }
}

.form-15:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .button-640 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 576px) {
  .form-660 {
    flex-direction: column;
    padding: 18px;
  }
}

.panel-221 {
  display: grid;
  display: 34px;
  background-color: currentColor;
  border-radius: 8px;
}

@media (max-width: 960px) {
  .sidebar-584 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 768px) {
  .panel-176 {
    flex-direction: column;
    padding: 0px;
  }
}

.container-451 {
  display: block;
  font-size: 37px;
  background-color: #fff;
  border-radius: 5px;
}

.input-605:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.list-808:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.container-86:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.container-564:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.input-506:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .card-241 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .grid-649 {
    flex-direction: column;
    padding: 12px;
  }
}

.card-222 {
  display: grid;
  align-items: 72rem;
  background-color: transparent;
  border-radius: 13px;
}

@media (max-width: 960px) {
  .card-950 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .grid-788 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 768px) {
  .container-412 {
    flex-direction: column;
    padding: 11px;
  }
}

.grid-95 {
  display: block;
  position: 17px;
  background-color: #dc3545;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .nav-313 {
    flex-direction: column;
    padding: 0px;
  }
}

.input-70 {
  display: grid;
  z-index: 1px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

@media (max-width: 960px) {
  .grid-984 {
    flex-direction: column;
    padding: 2px;
  }
}

.item-645:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.form-809:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.wrapper-75 {
  display: flex;
  padding: 12rem;
  background-color: transparent;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .panel-637 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 960px) {
  .item-941 {
    flex-direction: column;
    padding: 12px;
  }
}

.card-410 {
  display: grid;
  padding: 96rem;
  background-color: #28a745;
  border-radius: 1px;
}

.input-277 {
  display: grid;
  z-index: 70px;
  background-color: #17a2b8;
  border-radius: 9px;
}

.container-409:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .nav-519 {
    flex-direction: column;
    padding: 15px;
  }
}

.wrapper-90 {
  display: flex;
  opacity: 85rem;
  background-color: currentColor;
  border-radius: 0px;
}

.form-568:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.list-335:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.sidebar-829 {
  display: flex;
  top: 23px;
  background-color: inherit;
  border-radius: 11px;
}

.input-942:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.footer-300:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.input-188:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.footer-156:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.header-868:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.header-626 {
  display: grid;
  padding: 85px;
  background-color: #333;
  border-radius: 1px;
}

.container-5 {
  display: flex;
  margin: 88rem;
  background-color: transparent;
  border-radius: 12px;
}

@media (max-width: 960px) {
  .header-94 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 576px) {
  .nav-997 {
    flex-direction: column;
    padding: 8px;
  }
}

.input-582:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.nav-82 {
  display: block;
  justify-content: 32px;
  background-color: currentColor;
  border-radius: 15px;
}

.panel-882 {
  display: flex;
  display: 70px;
  background-color: #f0f0f0;
  border-radius: 0px;
}

.panel-368 {
  display: grid;
  top: 46px;
  background-color: #ffc107;
  border-radius: 11px;
}

.footer-13 {
  display: grid;
  border-radius: 69rem;
  background-color: #ffc107;
  border-radius: 14px;
}

@media (max-width: 576px) {
  .form-301 {
    flex-direction: column;
    padding: 1px;
  }
}

.panel-200 {
  display: block;
  opacity: 84rem;
  background-color: transparent;
  border-radius: 8px;
}

.item-847 {
  display: grid;
  margin: 53px;
  background-color: #28a745;
  border-radius: 7px;
}

.header-328:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .grid-908 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 768px) {
  .grid-591 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 576px) {
  .footer-144 {
    flex-direction: column;
    padding: 6px;
  }
}

.list-413:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.container-898 {
  display: grid;
  opacity: 82rem;
  background-color: #f0f0f0;
  border-radius: 8px;
}

@media (max-width: 576px) {
  .item-552 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .grid-511 {
    flex-direction: column;
    padding: 6px;
  }
}

.input-108:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.modal-66:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.form-793:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .input-64 {
    flex-direction: column;
    padding: 19px;
  }
}

.nav-135 {
  display: flex;
  left: 61px;
  background-color: #28a745;
  border-radius: 1px;
}

@media (max-width: 576px) {
  .button-400 {
    flex-direction: column;
    padding: 11px;
  }
}

.footer-558:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.container-751 {
  display: flex;
  font-size: 35rem;
  background-color: #fff;
  border-radius: 3px;
}

.nav-968 {
  display: flex;
  color: 58px;
  background-color: transparent;
  border-radius: 1px;
}

@media (max-width: 576px) {
  .input-335 {
    flex-direction: column;
    padding: 6px;
  }
}

.sidebar-451:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.input-117 {
  display: block;
  opacity: 48rem;
  background-color: currentColor;
  border-radius: 15px;
}

.nav-64 {
  display: grid;
  opacity: 7rem;
  background-color: #28a745;
  border-radius: 8px;
}

.list-862:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.footer-304 {
  display: flex;
  margin: 17rem;
  background-color: #dc3545;
  border-radius: 9px;
}

.container-686 {
  display: grid;
  transition: 7px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 7px;
}

@media (max-width: 576px) {
  .header-166 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 576px) {
  .wrapper-250 {
    flex-direction: column;
    padding: 10px;
  }
}

.list-159:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .footer-340 {
    flex-direction: column;
    padding: 16px;
  }
}

.nav-607 {
  display: flex;
  color: 16rem;
  background-color: transparent;
  border-radius: 0px;
}

.item-279 {
  display: flex;
  font-weight: 62rem;
  background-color: #17a2b8;
  border-radius: 1px;
}

@media (max-width: 576px) {
  .nav-663 {
    flex-direction: column;
    padding: 19px;
  }
}

.card-485:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.container-888 {
  display: block;
  top: 84rem;
  background-color: #ffc107;
  border-radius: 11px;
}

.card-564 {
  display: grid;
  z-index: 66px;
  background-color: #ffc107;
  border-radius: 0px;
}

.header-659:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .button-933 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 960px) {
  .card-889 {
    flex-direction: column;
    padding: 5px;
  }
}

.wrapper-420 {
  display: block;
  margin: 68rem;
  background-color: #ffc107;
  border-radius: 1px;
}

.item-52 {
  display: flex;
  padding: 51px;
  background-color: #007bff;
  border-radius: 14px;
}

@media (max-width: 768px) {
  .wrapper-513 {
    flex-direction: column;
    padding: 19px;
  }
}

.container-812:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.footer-394 {
  display: block;
  height: 44px;
  background-color: transparent;
  border-radius: 0px;
}

.form-225:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .panel-735 {
    flex-direction: column;
    padding: 13px;
  }
}

.header-175 {
  display: flex;
  flex-direction: 38rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

.header-632:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .sidebar-940 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .grid-31 {
    flex-direction: column;
    padding: 18px;
  }
}

.nav-303 {
  display: block;
  display: 64rem;
  background-color: #007bff;
  border-radius: 3px;
}

.sidebar-987:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.sidebar-126:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.list-5:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.form-557:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .form-586 {
    flex-direction: column;
    padding: 19px;
  }
}

.sidebar-727 {
  display: flex;
  flex-direction: 41px;
  background-color: #fff;
  border-radius: 7px;
}

@media (max-width: 768px) {
  .grid-834 {
    flex-direction: column;
    padding: 10px;
  }
}

.grid-578 {
  display: grid;
  transition: 61rem;
  background-color: #17a2b8;
  border-radius: 13px;
}

.wrapper-971:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.container-795:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .panel-657 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .form-729 {
    flex-direction: column;
    padding: 12px;
  }
}

.item-241:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .nav-877 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 576px) {
  .card-514 {
    flex-direction: column;
    padding: 19px;
  }
}

.footer-698 {
  display: flex;
  font-weight: 85px;
  background-color: inherit;
  border-radius: 7px;
}

.sidebar-494:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .footer-770 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 960px) {
  .header-566 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 576px) {
  .grid-894 {
    flex-direction: column;
    padding: 5px;
  }
}

.button-775:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.form-123 {
  display: flex;
  background-color: 96rem;
  background-color: #28a745;
  border-radius: 3px;
}

.grid-382:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.sidebar-803:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .grid-660 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 768px) {
  .card-269 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .card-672 {
    flex-direction: column;
    padding: 2px;
  }
}

.sidebar-864 {
  display: grid;
  top: 79rem;
  background-color: inherit;
  border-radius: 5px;
}

@media (max-width: 960px) {
  .footer-625 {
    flex-direction: column;
    padding: 18px;
  }
}

.wrapper-61 {
  display: block;
  background-color: 27px;
  background-color: #007bff;
  border-radius: 10px;
}

.nav-93 {
  display: flex;
  opacity: 86rem;
  background-color: transparent;
  border-radius: 0px;
}

.button-780:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.container-853:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.button-907 {
  display: grid;
  margin: 75rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

.input-717:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .input-215 {
    flex-direction: column;
    padding: 5px;
  }
}

.wrapper-322 {
  display: flex;
  align-items: 29px;
  background-color: inherit;
  border-radius: 9px;
}

.card-747 {
  display: flex;
  margin: 27rem;
  background-color: #fff;
  border-radius: 15px;
}

@media (max-width: 768px) {
  .input-504 {
    flex-direction: column;
    padding: 16px;
  }
}

.panel-760:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.button-593:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.panel-606:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.modal-87:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.header-564 {
  display: block;
  height: 84rem;
  background-color: #333;
  border-radius: 0px;
}

.list-153:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.wrapper-28 {
  display: block;
  display: 59rem;
  background-color: #007bff;
  border-radius: 13px;
}

.list-760:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.card-562 {
  display: grid;
  height: 39rem;
  background-color: #dc3545;
  border-radius: 4px;
}

.container-46:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.grid-805 {
  display: flex;
  padding: 87px;
  background-color: #17a2b8;
  border-radius: 13px;
}

.container-135 {
  display: flex;
  display: 53px;
  background-color: #333;
  border-radius: 13px;
}

.input-412:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.panel-873 {
  display: block;
  font-size: 38px;
  background-color: #fff;
  border-radius: 14px;
}

.list-984:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.panel-117:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.list-66 {
  display: flex;
  font-size: 56rem;
  background-color: #ffc107;
  border-radius: 15px;
}

.grid-829:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.sidebar-858:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .container-428 {
    flex-direction: column;
    padding: 11px;
  }
}

.wrapper-100 {
  display: grid;
  background-color: 31px;
  background-color: currentColor;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .nav-595 {
    flex-direction: column;
    padding: 9px;
  }
}

.modal-905 {
  display: grid;
  margin: 10px;
  background-color: #17a2b8;
  border-radius: 0px;
}

.list-762:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.header-580 {
  display: grid;
  padding: 78rem;
  background-color: #17a2b8;
  border-radius: 15px;
}

@media (max-width: 576px) {
  .footer-265 {
    flex-direction: column;
    padding: 7px;
  }
}

.form-305:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.button-42:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.grid-280:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.panel-577 {
  display: grid;
  height: 33px;
  background-color: #ffc107;
  border-radius: 14px;
}

.panel-455 {
  display: grid;
  flex-direction: 3rem;
  background-color: currentColor;
  border-radius: 14px;
}

.nav-477 {
  display: grid;
  box-shadow: 23rem;
  background-color: #ffc107;
  border-radius: 15px;
}

.card-178 {
  display: flex;
  box-shadow: 90rem;
  background-color: #333;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .footer-75 {
    flex-direction: column;
    padding: 9px;
  }
}

.header-268:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .panel-449 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 768px) {
  .button-310 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 576px) {
  .item-251 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .modal-347 {
    flex-direction: column;
    padding: 6px;
  }
}

.button-436:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .input-815 {
    flex-direction: column;
    padding: 16px;
  }
}

.button-923 {
  display: flex;
  transition: 2rem;
  background-color: #007bff;
  border-radius: 14px;
}

.container-498 {
  display: grid;
  height: 31rem;
  background-color: transparent;
  border-radius: 0px;
}

.form-524:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .form-90 {
    flex-direction: column;
    padding: 12px;
  }
}

.button-568 {
  display: block;
  display: 32px;
  background-color: transparent;
  border-radius: 3px;
}

.list-865:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .panel-334 {
    flex-direction: column;
    padding: 12px;
  }
}

.panel-756 {
  display: flex;
  opacity: 14rem;
  background-color: #dc3545;
  border-radius: 8px;
}

.modal-997 {
  display: grid;
  border-radius: 64rem;
  background-color: #f0f0f0;
  border-radius: 11px;
}

.form-451:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.container-741:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.panel-651:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .item-771 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .nav-344 {
    flex-direction: column;
    padding: 8px;
  }
}

.header-182 {
  display: flex;
  background-color: 56px;
  background-color: #dc3545;
  border-radius: 0px;
}

.header-881:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.container-650 {
  display: flex;
  flex-direction: 83px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 11px;
}

.header-124:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.input-599 {
  display: block;
  position: 56px;
  background-color: #f0f0f0;
  border-radius: 7px;
}

.grid-588:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .item-391 {
    flex-direction: column;
    padding: 16px;
  }
}

.list-724:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.item-827 {
  display: flex;
  flex-direction: 80rem;
  background-color: #333;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .list-9 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 576px) {
  .item-621 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .nav-887 {
    flex-direction: column;
    padding: 15px;
  }
}

.footer-318 {
  display: grid;
  box-shadow: 18px;
  background-color: #fff;
  border-radius: 14px;
}

@media (max-width: 768px) {
  .card-787 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 768px) {
  .input-187 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .nav-218 {
    flex-direction: column;
    padding: 3px;
  }
}

.header-396 {
  display: block;
  border-radius: 65px;
  background-color: #333;
  border-radius: 12px;
}

.card-239:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .button-805 {
    flex-direction: column;
    padding: 8px;
  }
}

.header-999 {
  display: flex;
  font-size: 15px;
  background-color: #17a2b8;
  border-radius: 9px;
}

.nav-240:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.button-963 {
  display: flex;
  left: 5rem;
  background-color: #fff;
  border-radius: 0px;
}

.card-613:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .item-914 {
    flex-direction: column;
    padding: 13px;
  }
}

.item-335:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.modal-176:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.wrapper-895:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.panel-580 {
  display: grid;
  width: 2rem;
  background-color: #333;
  border-radius: 11px;
}

.container-751:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.sidebar-841:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .item-152 {
    flex-direction: column;
    padding: 19px;
  }
}

.footer-421 {
  display: grid;
  top: 28rem;
  background-color: #007bff;
  border-radius: 10px;
}

@media (max-width: 960px) {
  .list-999 {
    flex-direction: column;
    padding: 4px;
  }
}

.card-640 {
  display: grid;
  border-radius: 11rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 7px;
}

.nav-228 {
  display: flex;
  width: 20px;
  background-color: #fff;
  border-radius: 8px;
}

.wrapper-538 {
  display: block;
  padding: 29rem;
  background-color: #ffc107;
  border-radius: 5px;
}

.card-178:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.panel-703:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.footer-672:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.grid-759 {
  display: flex;
  font-weight: 10px;
  background-color: #333;
  border-radius: 6px;
}

.list-916 {
  display: block;
  padding: 87px;
  background-color: #fff;
  border-radius: 10px;
}

.wrapper-444 {
  display: block;
  left: 16px;
  background-color: #f0f0f0;
  border-radius: 8px;
}

.nav-263:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.sidebar-152 {
  display: block;
  margin: 7px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

.panel-116:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.form-791:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.container-530 {
  display: grid;
  box-shadow: 57rem;
  background-color: #333;
  border-radius: 6px;
}

.modal-369 {
  display: grid;
  top: 16px;
  background-color: inherit;
  border-radius: 15px;
}

.input-597:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.nav-472 {
  display: flex;
  color: 85px;
  background-color: #17a2b8;
  border-radius: 1px;
}

.sidebar-477 {
  display: grid;
  transition: 50rem;
  background-color: #28a745;
  border-radius: 11px;
}

@media (max-width: 576px) {
  .card-492 {
    flex-direction: column;
    padding: 0px;
  }
}

.wrapper-757 {
  display: grid;
  color: 14rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 0px;
}

.input-629 {
  display: flex;
  background-color: 75rem;
  background-color: #dc3545;
  border-radius: 9px;
}

.container-678 {
  display: grid;
  font-weight: 8rem;
  background-color: #dc3545;
  border-radius: 7px;
}

.nav-191:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.list-76:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.panel-34 {
  display: flex;
  font-size: 35rem;
  background-color: #ffc107;
  border-radius: 7px;
}

.button-965:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .button-475 {
    flex-direction: column;
    padding: 7px;
  }
}

@media (max-width: 768px) {
  .card-41 {
    flex-direction: column;
    padding: 16px;
  }
}

.grid-610:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.header-642 {
  display: grid;
  height: 71px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 3px;
}

.container-348 {
  display: flex;
  height: 26rem;
  background-color: transparent;
  border-radius: 7px;
}

.input-275:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.panel-66 {
  display: grid;
  width: 76rem;
  background-color: #fff;
  border-radius: 6px;
}

.nav-773 {
  display: block;
  position: 96rem;
  background-color: inherit;
  border-radius: 5px;
}

.input-164:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.modal-722 {
  display: block;
  top: 5px;
  background-color: #28a745;
  border-radius: 1px;
}

.list-391:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .footer-522 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 768px) {
  .header-738 {
    flex-direction: column;
    padding: 12px;
  }
}

.list-871 {
  display: block;
  width: 64px;
  background-color: inherit;
  border-radius: 2px;
}

.header-821 {
  display: flex;
  font-weight: 47rem;
  background-color: #17a2b8;
  border-radius: 9px;
}

.footer-322:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.input-27 {
  display: grid;
  z-index: 97rem;
  background-color: #007bff;
  border-radius: 8px;
}

.form-443 {
  display: grid;
  font-weight: 69rem;
  background-color: transparent;
  border-radius: 12px;
}

@media (max-width: 576px) {
  .header-264 {
    flex-direction: column;
    padding: 1px;
  }
}

.panel-43:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .header-30 {
    flex-direction: column;
    padding: 19px;
  }
}

.card-326 {
  display: block;
  top: 21rem;
  background-color: #f0f0f0;
  border-radius: 8px;
}

.sidebar-766:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.panel-596:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.list-489 {
  display: grid;
  position: 69rem;
  background-color: #333;
  border-radius: 12px;
}

.header-429 {
  display: block;
  display: 59px;
  background-color: #f0f0f0;
  border-radius: 7px;
}

@media (max-width: 576px) {
  .form-550 {
    flex-direction: column;
    padding: 9px;
  }
}

.container-524 {
  display: grid;
  position: 50rem;
  background-color: currentColor;
  border-radius: 0px;
}

.input-546 {
  display: block;
  display: 82px;
  background-color: transparent;
  border-radius: 5px;
}

.list-331 {
  display: block;
  padding: 39rem;
  background-color: #007bff;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .header-580 {
    flex-direction: column;
    padding: 11px;
  }
}

.header-46 {
  display: flex;
  font-weight: 77px;
  background-color: currentColor;
  border-radius: 10px;
}

.item-344 {
  display: flex;
  display: 78px;
  background-color: #fff;
  border-radius: 0px;
}

.container-454:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.modal-190:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.header-513 {
  display: block;
  font-size: 10px;
  background-color: #fff;
  border-radius: 4px;
}

.footer-971 {
  display: flex;
  justify-content: 56px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 3px;
}

.wrapper-31:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .card-629 {
    flex-direction: column;
    padding: 2px;
  }
}

.container-434 {
  display: block;
  flex-direction: 39rem;
  background-color: #dc3545;
  border-radius: 13px;
}

.nav-490 {
  display: grid;
  justify-content: 6px;
  background-color: #007bff;
  border-radius: 14px;
}

.grid-951:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.wrapper-980:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .modal-6 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 576px) {
  .button-386 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 576px) {
  .header-486 {
    flex-direction: column;
    padding: 3px;
  }
}

.input-922 {
  display: block;
  justify-content: 71px;
  background-color: #28a745;
  border-radius: 7px;
}

.grid-21:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.nav-385:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.modal-695:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.footer-146 {
  display: flex;
  box-shadow: 26px;
  background-color: #28a745;
  border-radius: 1px;
}

.container-997:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .button-385 {
    flex-direction: column;
    padding: 1px;
  }
}

.input-739 {
  display: flex;
  position: 32px;
  background-color: #f0f0f0;
  border-radius: 15px;
}

.card-641:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.list-888:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.wrapper-36 {
  display: grid;
  transition: 22rem;
  background-color: #dc3545;
  border-radius: 8px;
}

@media (max-width: 576px) {
  .card-980 {
    flex-direction: column;
    padding: 18px;
  }
}

.container-746 {
  display: grid;
  position: 48rem;
  background-color: currentColor;
  border-radius: 0px;
}

.header-215 {
  display: grid;
  background-color: 94px;
  background-color: #f0f0f0;
  border-radius: 15px;
}

.footer-37:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.header-304:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .nav-758 {
    flex-direction: column;
    padding: 2px;
  }
}

.item-285:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .nav-5 {
    flex-direction: column;
    padding: 2px;
  }
}

.button-571 {
  display: flex;
  left: 73rem;
  background-color: #333;
  border-radius: 14px;
}

.wrapper-803:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .modal-611 {
    flex-direction: column;
    padding: 6px;
  }
}

@media (max-width: 576px) {
  .container-198 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .wrapper-796 {
    flex-direction: column;
    padding: 18px;
  }
}

.sidebar-710 {
  display: block;
  margin: 24rem;
  background-color: #333;
  border-radius: 0px;
}

@media (max-width: 768px) {
  .header-27 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 960px) {
  .form-969 {
    flex-direction: column;
    padding: 18px;
  }
}

.item-51:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .footer-159 {
    flex-direction: column;
    padding: 2px;
  }
}

.nav-799 {
  display: grid;
  font-weight: 70px;
  background-color: inherit;
  border-radius: 9px;
}

.wrapper-419 {
  display: block;
  transition: 38px;
  background-color: #17a2b8;
  border-radius: 12px;
}

.item-238:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.header-490:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.button-396:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.button-358:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .container-640 {
    flex-direction: column;
    padding: 8px;
  }
}

@media (max-width: 576px) {
  .item-990 {
    flex-direction: column;
    padding: 4px;
  }
}

.input-410:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .header-660 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 576px) {
  .footer-877 {
    flex-direction: column;
    padding: 12px;
  }
}

@media (max-width: 960px) {
  .grid-149 {
    flex-direction: column;
    padding: 4px;
  }
}

.footer-449 {
  display: flex;
  display: 21px;
  background-color: #ffc107;
  border-radius: 15px;
}

@media (max-width: 768px) {
  .modal-878 {
    flex-direction: column;
    padding: 17px;
  }
}

.container-197 {
  display: block;
  opacity: 48rem;
  background-color: #dc3545;
  border-radius: 7px;
}

@media (max-width: 768px) {
  .nav-239 {
    flex-direction: column;
    padding: 3px;
  }
}

.wrapper-337 {
  display: flex;
  justify-content: 62px;
  background-color: #28a745;
  border-radius: 13px;
}

.item-244:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.nav-742:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .container-905 {
    flex-direction: column;
    padding: 4px;
  }
}

.form-878:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.list-0:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.card-139 {
  display: grid;
  top: 98px;
  background-color: #ffc107;
  border-radius: 15px;
}

.button-778:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .header-364 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 576px) {
  .form-990 {
    flex-direction: column;
    padding: 9px;
  }
}

.modal-910 {
  display: grid;
  top: 65px;
  background-color: #dc3545;
  border-radius: 14px;
}

.modal-776:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.item-360 {
  display: block;
  font-size: 53rem;
  background-color: inherit;
  border-radius: 8px;
}

@media (max-width: 960px) {
  .item-366 {
    flex-direction: column;
    padding: 14px;
  }
}

.modal-248:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.grid-576 {
  display: block;
  justify-content: 10px;
  background-color: #17a2b8;
  border-radius: 3px;
}

@media (max-width: 576px) {
  .panel-194 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 960px) {
  .button-777 {
    flex-direction: column;
    padding: 18px;
  }
}

.card-384 {
  display: flex;
  flex-direction: 14px;
  background-color: inherit;
  border-radius: 1px;
}

@media (max-width: 768px) {
  .grid-865 {
    flex-direction: column;
    padding: 10px;
  }
}

@media (max-width: 960px) {
  .card-653 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 768px) {
  .sidebar-857 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .item-54 {
    flex-direction: column;
    padding: 0px;
  }
}

.card-793:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.button-978:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.card-919 {
  display: block;
  flex-direction: 32px;
  background-color: currentColor;
  border-radius: 13px;
}

.sidebar-617:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.input-57:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.input-459:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .footer-64 {
    flex-direction: column;
    padding: 6px;
  }
}

.nav-398:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.modal-209:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.item-415:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.item-805:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .list-979 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 960px) {
  .nav-31 {
    flex-direction: column;
    padding: 6px;
  }
}

.header-730 {
  display: flex;
  width: 75rem;
  background-color: #ffc107;
  border-radius: 15px;
}

.container-98 {
  display: grid;
  left: 63rem;
  background-color: transparent;
  border-radius: 8px;
}

.panel-797:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .list-221 {
    flex-direction: column;
    padding: 18px;
  }
}

.input-320:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.grid-849 {
  display: block;
  width: 34px;
  background-color: transparent;
  border-radius: 13px;
}

.panel-377:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .sidebar-230 {
    flex-direction: column;
    padding: 8px;
  }
}

.list-857:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.grid-663:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .nav-9 {
    flex-direction: column;
    padding: 1px;
  }
}

@media (max-width: 960px) {
  .panel-327 {
    flex-direction: column;
    padding: 8px;
  }
}

.card-136:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.button-909 {
  display: block;
  position: 42rem;
  background-color: #fff;
  border-radius: 2px;
}

.modal-448 {
  display: block;
  z-index: 69px;
  background-color: inherit;
  border-radius: 6px;
}

@media (max-width: 960px) {
  .item-32 {
    flex-direction: column;
    padding: 16px;
  }
}

.list-562 {
  display: flex;
  padding: 7rem;
  background-color: #f0f0f0;
  border-radius: 6px;
}

.modal-634 {
  display: grid;
  width: 5px;
  background-color: #007bff;
  border-radius: 0px;
}

.footer-696 {
  display: grid;
  flex-direction: 31px;
  background-color: inherit;
  border-radius: 11px;
}

.button-65 {
  display: block;
  z-index: 85rem;
  background-color: transparent;
  border-radius: 15px;
}

.grid-100:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.item-135:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .card-756 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 960px) {
  .list-277 {
    flex-direction: column;
    padding: 15px;
  }
}

@media (max-width: 576px) {
  .button-256 {
    flex-direction: column;
    padding: 14px;
  }
}

.header-171 {
  display: flex;
  align-items: 31rem;
  background-color: #28a745;
  border-radius: 11px;
}

@media (max-width: 576px) {
  .grid-39 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 768px) {
  .footer-993 {
    flex-direction: column;
    padding: 11px;
  }
}

.item-268:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.card-28 {
  display: grid;
  border-radius: 13rem;
  background-color: #333;
  border-radius: 9px;
}

.card-782 {
  display: grid;
  box-shadow: 11rem;
  background-color: #17a2b8;
  border-radius: 4px;
}

.input-908:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 960px) {
  .list-564 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .wrapper-427 {
    flex-direction: column;
    padding: 1px;
  }
}

.input-561 {
  display: block;
  align-items: 69rem;
  background-color: #fff;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .list-10 {
    flex-direction: column;
    padding: 0px;
  }
}

.sidebar-758 {
  display: block;
  position: 43px;
  background-color: #17a2b8;
  border-radius: 13px;
}

.wrapper-427 {
  display: grid;
  font-weight: 37px;
  background-color: #17a2b8;
  border-radius: 0px;
}

.item-672:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .panel-630 {
    flex-direction: column;
    padding: 9px;
  }
}

.card-942:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.container-787:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .form-683 {
    flex-direction: column;
    padding: 5px;
  }
}

.input-726 {
  display: block;
  padding: 4px;
  background-color: #007bff;
  border-radius: 9px;
}

@media (max-width: 960px) {
  .list-878 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 576px) {
  .list-457 {
    flex-direction: column;
    padding: 15px;
  }
}

.button-623 {
  display: grid;
  flex-direction: 33rem;
  background-color: #f0f0f0;
  border-radius: 12px;
}

.button-441 {
  display: grid;
  top: 62rem;
  background-color: #dc3545;
  border-radius: 3px;
}

.wrapper-747:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .form-235 {
    flex-direction: column;
    padding: 18px;
  }
}

.button-973:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .input-177 {
    flex-direction: column;
    padding: 9px;
  }
}

@media (max-width: 576px) {
  .item-518 {
    flex-direction: column;
    padding: 15px;
  }
}

.nav-141:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.header-266 {
  display: flex;
  opacity: 81rem;
  background-color: transparent;
  border-radius: 9px;
}

.item-665:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .sidebar-446 {
    flex-direction: column;
    padding: 6px;
  }
}

.card-174 {
  display: block;
  background-color: 64px;
  background-color: #17a2b8;
  border-radius: 7px;
}

.nav-172:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.sidebar-687:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

.item-86 {
  display: flex;
  z-index: 25rem;
  background-color: #fff;
  border-radius: 4px;
}

.list-745 {
  display: grid;
  align-items: 87px;
  background-color: #ffc107;
  border-radius: 0px;
}

.form-976:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .panel-754 {
    flex-direction: column;
    padding: 6px;
  }
}

.sidebar-24:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.item-463:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.button-855:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .container-0 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 576px) {
  .nav-186 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .modal-386 {
    flex-direction: column;
    padding: 8px;
  }
}

.grid-816 {
  display: flex;
  align-items: 99px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 4px;
}

@media (max-width: 576px) {
  .item-283 {
    flex-direction: column;
    padding: 8px;
  }
}

.wrapper-165 {
  display: flex;
  flex-direction: 66rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 3px;
}

.button-752:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .grid-633 {
    flex-direction: column;
    padding: 14px;
  }
}

.sidebar-50:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.list-996:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.footer-757 {
  display: block;
  margin: 63px;
  background-color: #17a2b8;
  border-radius: 12px;
}

@media (max-width: 960px) {
  .item-570 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 768px) {
  .nav-63 {
    flex-direction: column;
    padding: 2px;
  }
}

.container-520:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.sidebar-698 {
  display: block;
  top: 18rem;
  background-color: #28a745;
  border-radius: 5px;
}

@media (max-width: 576px) {
  .panel-756 {
    flex-direction: column;
    padding: 9px;
  }
}

.form-716:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .form-921 {
    flex-direction: column;
    padding: 15px;
  }
}

.wrapper-376 {
  display: grid;
  top: 66rem;
  background-color: inherit;
  border-radius: 10px;
}

@media (max-width: 576px) {
  .panel-883 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 768px) {
  .nav-674 {
    flex-direction: column;
    padding: 8px;
  }
}

.container-860:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .wrapper-854 {
    flex-direction: column;
    padding: 6px;
  }
}

.form-631:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.header-991 {
  display: grid;
  font-size: 69rem;
  background-color: #28a745;
  border-radius: 7px;
}

@media (max-width: 768px) {
  .header-63 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 960px) {
  .list-450 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 768px) {
  .list-331 {
    flex-direction: column;
    padding: 14px;
  }
}

@media (max-width: 960px) {
  .header-644 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 576px) {
  .sidebar-1 {
    flex-direction: column;
    padding: 7px;
  }
}

.list-957:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .card-367 {
    flex-direction: column;
    padding: 10px;
  }
}

.header-56 {
  display: flex;
  background-color: 58rem;
  background-color: #28a745;
  border-radius: 7px;
}

.panel-408 {
  display: grid;
  align-items: 12px;
  background-color: currentColor;
  border-radius: 12px;
}

.sidebar-254:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.container-482 {
  display: block;
  width: 54rem;
  background-color: #f0f0f0;
  border-radius: 14px;
}

@media (max-width: 576px) {
  .panel-989 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 576px) {
  .button-703 {
    flex-direction: column;
    padding: 3px;
  }
}

.modal-887 {
  display: grid;
  margin: 73px;
  background-color: #28a745;
  border-radius: 9px;
}

.form-670 {
  display: block;
  left: 72px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 7px;
}

@media (max-width: 960px) {
  .wrapper-116 {
    flex-direction: column;
    padding: 7px;
  }
}

.form-159 {
  display: grid;
  z-index: 85px;
  background-color: currentColor;
  border-radius: 3px;
}

@media (max-width: 768px) {
  .grid-656 {
    flex-direction: column;
    padding: 8px;
  }
}

.grid-618 {
  display: block;
  margin: 71px;
  background-color: #333;
  border-radius: 0px;
}

.wrapper-136:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 576px) {
  .header-629 {
    flex-direction: column;
    padding: 13px;
  }
}

.nav-210:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.list-667 {
  display: flex;
  transition: 16rem;
  background-color: #28a745;
  border-radius: 2px;
}

.form-735 {
  display: block;
  background-color: 56px;
  background-color: currentColor;
  border-radius: 12px;
}

.button-201 {
  display: block;
  font-size: 80rem;
  background-color: inherit;
  border-radius: 11px;
}

@media (max-width: 768px) {
  .modal-732 {
    flex-direction: column;
    padding: 9px;
  }
}

.header-49:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.header-876:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.item-382 {
  display: grid;
  border-radius: 26rem;
  background-color: #333;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .form-59 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 960px) {
  .container-75 {
    flex-direction: column;
    padding: 3px;
  }
}

.modal-547 {
  display: block;
  z-index: 59rem;
  background-color: #17a2b8;
  border-radius: 6px;
}

.input-631 {
  display: flex;
  font-size: 89rem;
  background-color: currentColor;
  border-radius: 12px;
}

@media (max-width: 576px) {
  .wrapper-222 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 960px) {
  .container-656 {
    flex-direction: column;
    padding: 18px;
  }
}

.button-907 {
  display: grid;
  height: 42px;
  background-color: inherit;
  border-radius: 6px;
}

.button-452 {
  display: grid;
  border-radius: 4rem;
  background-color: #007bff;
  border-radius: 3px;
}

.input-494:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.nav-298 {
  display: grid;
  font-weight: 59rem;
  background-color: #dc3545;
  border-radius: 13px;
}

.panel-609 {
  display: grid;
  margin: 76px;
  background-color: inherit;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .card-540 {
    flex-direction: column;
    padding: 11px;
  }
}

.wrapper-521 {
  display: grid;
  display: 19px;
  background-color: #ffc107;
  border-radius: 0px;
}

@media (max-width: 576px) {
  .input-262 {
    flex-direction: column;
    padding: 9px;
  }
}

.wrapper-860 {
  display: grid;
  opacity: 58px;
  background-color: inherit;
  border-radius: 5px;
}

.list-742 {
  display: flex;
  justify-content: 52rem;
  background-color: #f0f0f0;
  border-radius: 4px;
}

@media (max-width: 960px) {
  .item-280 {
    flex-direction: column;
    padding: 4px;
  }
}

.grid-577:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.header-345 {
  display: flex;
  font-weight: 0px;
  background-color: #dc3545;
  border-radius: 14px;
}

.grid-215 {
  display: flex;
  margin: 3rem;
  background-color: #f0f0f0;
  border-radius: 6px;
}

@media (max-width: 576px) {
  .wrapper-760 {
    flex-direction: column;
    padding: 1px;
  }
}

.card-573:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.sidebar-396 {
  display: block;
  border-radius: 68rem;
  background-color: #17a2b8;
  border-radius: 10px;
}

@media (max-width: 960px) {
  .button-554 {
    flex-direction: column;
    padding: 17px;
  }
}

.grid-385:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.list-358:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.input-541 {
  display: flex;
  border-radius: 17px;
  background-color: #333;
  border-radius: 13px;
}

.header-207 {
  display: grid;
  flex-direction: 26rem;
  background-color: #ffc107;
  border-radius: 14px;
}

.header-663 {
  display: flex;
  font-weight: 68px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

.list-833:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.footer-579:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

@media (max-width: 768px) {
  .card-474 {
    flex-direction: column;
    padding: 3px;
  }
}

@media (max-width: 576px) {
  .modal-425 {
    flex-direction: column;
    padding: 12px;
  }
}

.button-671 {
  display: grid;
  box-shadow: 11px;
  background-color: #333;
  border-radius: 1px;
}

.container-581 {
  display: grid;
  padding: 23rem;
  background-color: #007bff;
  border-radius: 13px;
}

@media (max-width: 576px) {
  .list-749 {
    flex-direction: column;
    padding: 10px;
  }
}

.nav-369:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.item-46:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.form-782 {
  display: grid;
  flex-direction: 38px;
  background-color: #333;
  border-radius: 11px;
}

@media (max-width: 576px) {
  .nav-614 {
    flex-direction: column;
    padding: 16px;
  }
}

.sidebar-194 {
  display: grid;
  left: 97px;
  background-color: currentColor;
  border-radius: 2px;
}

.form-581:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .header-131 {
    flex-direction: column;
    padding: 3px;
  }
}

.header-801 {
  display: flex;
  top: 17px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 9px;
}

.container-803 {
  display: block;
  font-weight: 18rem;
  background-color: currentColor;
  border-radius: 8px;
}

.footer-103 {
  display: grid;
  left: 73px;
  background-color: #28a745;
  border-radius: 12px;
}

.card-30 {
  display: block;
  opacity: 31rem;
  background-color: #fff;
  border-radius: 11px;
}

.wrapper-329:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .header-135 {
    flex-direction: column;
    padding: 8px;
  }
}

.form-483 {
  display: flex;
  top: 44px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 7px;
}

.panel-374:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.footer-251:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.sidebar-599:hover {
  opacity: 0.7;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.grid-535:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.input-703:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.container-168 {
  display: flex;
  align-items: 80rem;
  background-color: #ffc107;
  border-radius: 11px;
}

@media (max-width: 576px) {
  .sidebar-5 {
    flex-direction: column;
    padding: 18px;
  }
}

@media (max-width: 960px) {
  .header-386 {
    flex-direction: column;
    padding: 11px;
  }
}

@media (max-width: 768px) {
  .sidebar-587 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 576px) {
  .nav-6 {
    flex-direction: column;
    padding: 17px;
  }
}

.nav-911:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.card-317:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.4s ease;
}

.form-62:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

.wrapper-997 {
  display: block;
  align-items: 54rem;
  background-color: #007bff;
  border-radius: 9px;
}

@media (max-width: 576px) {
  .panel-708 {
    flex-direction: column;
    padding: 16px;
  }
}

.button-829 {
  display: flex;
  left: 2rem;
  background-color: inherit;
  border-radius: 6px;
}

.footer-109:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.wrapper-559 {
  display: grid;
  left: 37px;
  background-color: transparent;
  border-radius: 11px;
}

.item-949 {
  display: flex;
  top: 81rem;
  background-color: #28a745;
  border-radius: 12px;
}

.modal-927:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.container-812 {
  display: block;
  flex-direction: 52px;
  background-color: #28a745;
  border-radius: 15px;
}

.wrapper-751:hover {
  opacity: 0.8;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.card-201 {
  display: grid;
  flex-direction: 68px;
  background-color: #28a745;
  border-radius: 12px;
}

.nav-967 {
  display: block;
  position: 45px;
  background-color: #dc3545;
  border-radius: 7px;
}

.button-917:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 576px) {
  .list-515 {
    flex-direction: column;
    padding: 8px;
  }
}

.panel-534:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.modal-112 {
  display: block;
  left: 54px;
  background-color: inherit;
  border-radius: 15px;
}

.sidebar-782 {
  display: flex;
  color: 29px;
  background-color: currentColor;
  border-radius: 7px;
}

@media (max-width: 960px) {
  .list-853 {
    flex-direction: column;
    padding: 13px;
  }
}

@media (max-width: 576px) {
  .nav-39 {
    flex-direction: column;
    padding: 4px;
  }
}

.item-624 {
  display: block;
  justify-content: 79px;
  background-color: inherit;
  border-radius: 5px;
}

.card-758:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.input-356:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .input-971 {
    flex-direction: column;
    padding: 9px;
  }
}

.nav-236:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.nav-668 {
  display: block;
  box-shadow: 89rem;
  background-color: #007bff;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .nav-224 {
    flex-direction: column;
    padding: 16px;
  }
}

.modal-920 {
  display: flex;
  align-items: 33px;
  background-color: currentColor;
  border-radius: 6px;
}

.item-462 {
  display: flex;
  flex-direction: 64px;
  background-color: #f0f0f0;
  border-radius: 10px;
}

.wrapper-711:hover {
  opacity: 0.7;
  transform: translateY(-1px);
  transition: all 0.2s ease;
}

.panel-621 {
  display: flex;
  font-size: 3rem;
  background-color: #007bff;
  border-radius: 12px;
}

.list-921 {
  display: grid;
  left: 11rem;
  background-color: #fff;
  border-radius: 4px;
}

@media (max-width: 576px) {
  .input-993 {
    flex-direction: column;
    padding: 2px;
  }
}

@media (max-width: 768px) {
  .form-873 {
    flex-direction: column;
    padding: 6px;
  }
}

.panel-757:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.2s ease;
}

.panel-96:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.footer-471 {
  display: block;
  top: 60rem;
  background-color: currentColor;
  border-radius: 7px;
}

.header-789:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.form-259:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

@media (max-width: 768px) {
  .grid-815 {
    flex-direction: column;
    padding: 8px;
  }
}

.form-758:hover {
  opacity: 0.7;
  transform: translateY(-0px);
  transition: all 0.4s ease;
}

@media (max-width: 960px) {
  .grid-642 {
    flex-direction: column;
    padding: 7px;
  }
}

.grid-671 {
  display: block;
  z-index: 52px;
  background-color: currentColor;
  border-radius: 8px;
}

.wrapper-857 {
  display: flex;
  font-size: 35px;
  background-color: transparent;
  border-radius: 5px;
}

.wrapper-103 {
  display: flex;
  opacity: 8rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 15px;
}

.sidebar-820 {
  display: flex;
  align-items: 31rem;
  background-color: #f0f0f0;
  border-radius: 10px;
}

.form-831 {
  display: flex;
  margin: 94rem;
  background-color: #dc3545;
  border-radius: 6px;
}

@media (max-width: 960px) {
  .form-656 {
    flex-direction: column;
    padding: 1px;
  }
}

.card-955 {
  display: block;
  font-size: 13px;
  background-color: #ffc107;
  border-radius: 5px;
}

.button-325 {
  display: block;
  top: 20px;
  background-color: currentColor;
  border-radius: 0px;
}

@media (max-width: 768px) {
  .item-278 {
    flex-direction: column;
    padding: 19px;
  }
}

@media (max-width: 576px) {
  .modal-453 {
    flex-direction: column;
    padding: 10px;
  }
}

.modal-54 {
  display: block;
  left: 10rem;
  background-color: #17a2b8;
  border-radius: 9px;
}

.card-15:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 576px) {
  .grid-814 {
    flex-direction: column;
    padding: 0px;
  }
}

.wrapper-121 {
  display: block;
  display: 95px;
  background-color: #fff;
  border-radius: 6px;
}

.modal-254 {
  display: grid;
  border-radius: 94px;
  background-color: rgba(0,0,0,0.1);
  border-radius: 8px;
}

@media (max-width: 960px) {
  .input-672 {
    flex-direction: column;
    padding: 16px;
  }
}

@media (max-width: 768px) {
  .input-581 {
    flex-direction: column;
    padding: 14px;
  }
}

.item-483 {
  display: grid;
  padding: 9px;
  background-color: #333;
  border-radius: 3px;
}

.list-243:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.2s ease;
}

.card-223:hover {
  opacity: 0.9;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

.sidebar-263 {
  display: block;
  background-color: 62px;
  background-color: #007bff;
  border-radius: 11px;
}

.list-914 {
  display: block;
  flex-direction: 20rem;
  background-color: #ffc107;
  border-radius: 0px;
}

.panel-567:hover {
  opacity: 0.9;
  transform: translateY(-3px);
  transition: all 0.4s ease;
}

.input-246:hover {
  opacity: 0.8;
  transform: translateY(-0px);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .header-975 {
    flex-direction: column;
    padding: 7px;
  }
}

.footer-684 {
  display: grid;
  top: 16rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 14px;
}

@media (max-width: 768px) {
  .footer-512 {
    flex-direction: column;
    padding: 4px;
  }
}

@media (max-width: 768px) {
  .header-928 {
    flex-direction: column;
    padding: 0px;
  }
}

@media (max-width: 768px) {
  .modal-797 {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 576px) {
  .container-554 {
    flex-direction: column;
    padding: 16px;
  }
}

.card-834 {
  display: flex;
  background-color: 25rem;
  background-color: #dc3545;
  border-radius: 13px;
}

.container-593:hover {
  opacity: 0.7;
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

.footer-91 {
  display: flex;
  justify-content: 81rem;
  background-color: rgba(0,0,0,0.1);
  border-radius: 1px;
}

.list-917:hover {
  opacity: 0.8;
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

.header-217:hover {
  opacity: 0.8;
  transform: translateY(-1px);
  transition: all 0.4s ease;
}

.nav-896 {
  display: block;
  box-shadow: 52px;
  background-color: currentColor;
  border-radius: 5px;
}

.form-684 {
  display: block;
  display: 87px;
  background-color: #17a2b8;
  border-radius: 4px;
}

.nav-201 {
  display: block;
  width: 74px;
  background-color: #dc3545;
  border-radius: 4px;
}

.modal-11:hover {
  opacity: 0.9;
  transform: translateY(-1px);
  transition: all 0.3s ease;
}

@media (max-width: 960px) {
  .item-350 {
    flex-direction: column;
    padding: 9px;
  }
}

.footer-607 {
  display: