:root {
  --font-hand: "Just Another Hand", cursive;
  --font-jost: "Jost", sans-serif;
  --font-roboto: "Roboto", sans-serif;
  --primar-clr: linear-gradient(90deg, #9DB837 0%, #406B37 100%);
  --black: #000;
  --white: #fff;
  --secondary-clr: #406B37;
}  
  .bootstrap-timepicker {
    position: relative;
  }

  .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0;
  }

  .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px;
  }

  .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px;
  }

  .bootstrap-timepicker .input-group-addon {
    cursor: pointer;
  }

  .bootstrap-timepicker .input-group-addon i {
    display: inline-block;
    width: 16px;
    height: 16px;
  }

  .bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px;
  }

  .bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block;
  }

  .bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
  }

  .bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
  }

  .bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
  }

  .bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px;
  }

  .bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px;
  }

  .bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px;
  }

  .bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
  }

  .bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px;
  }

  .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
  }

  .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
  }

  .bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0;
  }

  .bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px;
  }

  .bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px;
  }

  .bootstrap-timepicker-widget table td span {
    width: 100%;
  }

  .bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 8px 0;
    outline: 0;
    color: #333;
  }

  .bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #ddd;
  }

  .bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    font-size: 18px;
  }

  .bootstrap-timepicker-widget table td input {
    width: 25px;
    margin: 0;
    text-align: center;
    border: none
  }

  .bootstrap-timepicker-widget .modal-content {
    padding: 4px;
  }

  .bootstrap-timepicker-widget span.glyphicon.glyphicon-chevron-up:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f077";
    font-weight: 900;
  }

  .bootstrap-timepicker-widget span.glyphicon.glyphicon-chevron-down:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f107";
    font-weight: 900;
  }

  .bootstrap-timepicker .input-group-text:after {
    position: absolute;
    width: 100%;
    height: 40px;
    background: transparent;
    content: "";
    left: 0;
    top: 0;
    cursor: pointer;
  }

  .disabled-field {
    pointer-events: none;
  }

  .disabled-field .form-control {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
  }

  .disabled-field .bootstrap-select.dropdown .dropdown-toggle {
    background-color: var(--bs-secondary-bg);
  }

  @media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
      width: 200px;
      margin-left: -100px;
    }
  }

  @media (max-width: 767px) {
    .bootstrap-timepicker {
      width: 100%;
    }

    .bootstrap-timepicker .dropdown-menu {
      width: 100%;
    }
  }

  /* 02-07-2025 */

  .business-form {
    max-width: 800px;
    margin: 30px auto;
    width: 100%;
  }

  .business-form .progress-step-wrap {
    position: relative;
    margin-bottom: 100px;
  }

  .business-form .progress-step-wrap .progress {
    height: 5px;
    border-radius: 80px;
    background: #9DB837;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 1;
  }

  .business-form .progress-step-wrap .progress-bar {
    background: var(--secondary-clr);
    height: 100%;
    border-radius: 0;
  }

  .business-form .step-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 9;
  }

  .business-form .step-circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #9DB837;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 0;
    color: var(--white);
    transition: 0.3s;
  }

  .business-form .step-circle.active {
    background: var(--secondary-clr);
    color: var(--white);
  }

  .business-form .multi-step-form {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    background: var(--white);

  }

  .business-form .multi-step-form h3 {
    font: 400 24px/1.2 var(--font-jost);
    margin-bottom: 10px;
    color: var(--black);
  }


  .business-form .step {
    display: none;
  }

  .business-form .step.active {
    display: block;
  }

  .business-form .btn-wrap {
    margin-top: 20px;
  }

  .business-form input,
  .business-form textarea,
  .business-form select {
    border: 1px solid var(--secondary-clr);
    padding: 15px;
    font: 400 18px/1 Jost;
    color: #666;
    min-height: 56px;
  }

  .business-form .form-check {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .business-form .form-check input {
    width: 16px;
    height: 16px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    min-height: auto;
  }

  .business-form .form-check input:focus {
    outline: none;
    box-shadow: none;
  }

  .business-form .form-check input:checked {
    background-color: var(--secondary-clr);
  }

  .business-form .row>div {
    margin-bottom: 0px;
  }

  .custom-file-upload {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    background: transparent;
    padding: 10px 32px;
    border-radius: 10px;
    font: 700 12px/1 var(--font-jost);
    text-transform: uppercase;
    border: 1px solid var(--secondary-clr);
    color: var(--secondary-clr);
  }

  .custom-file-upload input[type="file"] {
    display: none;
  }

  .custom-file-upload i {
    margin-right: 10px;
    font-size: 16px;
    color: var(--secondary-clr);
  }

  button.skip {
    font: 400 18px/1 var(--font-jost);
    color: var(--secondary-clr);
    border: 0;
    background: none;
  }

  .btn-wrap {
    text-align: end;
  }

  /*  */
  .upload-box {
    border: 2px dashed #a1c38f;
    background: #f8faef;
    padding: 30px;
    text-align: center;
    width: 250px;
    cursor: pointer;
  }

  .upload-box input {
    display: none;
  }

  .upload-box p {
    margin: 10px 0 5px;
    font-size: 18px;
    color: #333;
  }

  .upload-box span {
    font-size: 14px;
    color: #777;
  }

  .preview-area {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .preview-image {
    position: relative;
  }

  .preview-image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
  }

  .remove-btn {
    position: absolute;
    top: -8px;
    right: -8px;
    background: red;
    color: white;
    border: none;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    cursor: pointer;
  }

  .actions {
    position: absolute;
    bottom: 30px;
    right: 40px;
  }

  .actions button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    margin-left: 10px;
    cursor: pointer;
  }

  .btn-link {
    color: var(--secondary-clr);
    padding: 0;
    margin: 0;
    font: 400 18px/1 var(--font-jost);
  }

  .btn-social {
    border: 1px solid #406B37;
    font-size: 16px;
    color: var(--black);
    border-radius: 10px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    background: transparent;
  }

  .action-icon-toggle {
    border: none;
    padding: 0;
    height: unset;
    line-height: 1;
    background: transparent;
  }

  .action-icon-toggle {
    border: none;
    padding: 0;
    height: unset;
    line-height: 1;
    background: transparent;
  }

  .dropdown .dropdown-menu {
    width: auto;
    padding: 0;
  }

  .dropdown .dropdown-menu li a {
    padding: 6px;
    display: flex;
    font-size: 14px;
    color: #454444;
  }

  .dropdown .dropdown-menu li a:hover {
    background-color: #e4e4e4;
  }

  .custom-input {
    max-width: 171px;
    display: flex;
    position: relative;
  }

  .custom-input input[type="file"] {
    position: absolute;
    width: 100%;
    height: 38px !important;
    padding: 0;
    min-height: unset;
    opacity: 0;
    cursor: pointer;
  }

  span.cropped-preview.cstm-review img {
    width: 100px !important;
    height: 100px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    overflow: hidden;
    object-fit: contain;
    object-position: center;
  }

  .custom-input input[type="file"]:hover+label {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
  }

  .timerangepicker-container {
    display: flex;
    position: absolute;
    z-index: 1111;
    background: #fff;
  }

  .business-hours-row .form-check {
    min-width: 150px;
  }
  .btn-main.btn-sm {
    padding: 10px 12px;
    font: 700 10px / 1 var(--font-jost);
}
.business-form.admin-business--form, .business-form.admin-business--form .multi-step-form {
  max-width: 100%;
}
.business-form .input-group-text {
  border-color: var(--secondary-clr);
}
.business-form.admin-business--form .custom-input{
   max-width: 180px;
}
.admin-business--form .business-form {
  max-width: 100%;
  width: 100%;
}
.admin-business--form .business-form .multi-step-form{
  max-width: 100%;
}

#particle-animation{
  position: fixed;
  background: rgba(0,0,0,0.4);
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}
.particle {
 position: absolute;
 width: 4px;
 height: 4px;
 animation: shoot 3s ease-out infinite;
}
.particle:nth-child(1) {
 transform: translate(96vw, 29vh);
 background: #6669ff;
 animation-duration: 1.64s;
}
.particle:nth-child(2) {
 transform: translate(74vw, 48vh);
 background: #66fcff;
 animation-duration: 1.6s;
}
.particle:nth-child(3) {
 transform: translate(38vw, 54vh);
 background: #ffe366;
 animation-duration: 2.94s;
}
.particle:nth-child(4) {
 transform: translate(39vw, 48vh);
 background: #ff6675;
 animation-duration: 1.82s;
}
.particle:nth-child(5) {
 transform: translate(32vw, 40vh);
 background: #6696ff;
 animation-duration: 1.04s;
}
.particle:nth-child(6) {
 transform: translate(27vw, 7vh);
 background: #d9ff66;
 animation-duration: 2.58s;
}
.particle:nth-child(7) {
 transform: translate(73vw, 91vh);
 background: #66ffdb;
 animation-duration: 2.23s;
}
.particle:nth-child(8) {
 transform: translate(9vw, 65vh);
 background: #ff6673;
 animation-duration: 1.63s;
}
.particle:nth-child(9) {
 transform: translate(6vw, 46vh);
 background: #75ff66;
 animation-duration: 1.94s;
}
.particle:nth-child(10) {
 transform: translate(48vw, 46vh);
 background: #ffcf66;
 animation-duration: 2.75s;
}
.particle:nth-child(11) {
 transform: translate(72vw, 11vh);
 background: #ff6699;
 animation-duration: 2.18s;
}
.particle:nth-child(12) {
 transform: translate(99vw, 83vh);
 background: #ff66c9;
 animation-duration: 2.47s;
}
.particle:nth-child(13) {
 transform: translate(23vw, 56vh);
 background: #ffde66;
 animation-duration: 2.37s;
}
.particle:nth-child(14) {
 transform: translate(13vw, 77vh);
 background: #ffb566;
 animation-duration: 2.98s;
}
.particle:nth-child(15) {
 transform: translate(13vw, 56vh);
 background: #66ff87;
 animation-duration: 2.88s;
}
.particle:nth-child(16) {
 transform: translate(52vw, 77vh);
 background: #66c4ff;
 animation-duration: 2.7s;
}
.particle:nth-child(17) {
 transform: translate(66vw, 81vh);
 background: #66ebff;
 animation-duration: 1.65s;
}
.particle:nth-child(18) {
 transform: translate(33vw, 56vh);
 background: #cf66ff;
 animation-duration: 1.89s;
}
.particle:nth-child(19) {
 transform: translate(1vw, 86vh);
 background: #6699ff;
 animation-duration: 1.72s;
}
.particle:nth-child(20) {
 transform: translate(11vw, 29vh);
 background: #66fff7;
 animation-duration: 2.97s;
}
.particle:nth-child(21) {
 transform: translate(85vw, 63vh);
 background: #6673ff;
 animation-duration: 2.82s;
}
.particle:nth-child(22) {
 transform: translate(42vw, 2vh);
 background: #8f66ff;
 animation-duration: 1.7s;
}
.particle:nth-child(23) {
 transform: translate(15vw, 4vh);
 background: #66fff7;
 animation-duration: 1.42s;
}
.particle:nth-child(24) {
 transform: translate(46vw, 77vh);
 background: #ffed66;
 animation-duration: 1.08s;
}
.particle:nth-child(25) {
 transform: translate(70vw, 19vh);
 background: #66ff87;
 animation-duration: 2.23s;
}
.particle:nth-child(26) {
 transform: translate(54vw, 45vh);
 background: #66a6ff;
 animation-duration: 2.58s;
}
.particle:nth-child(27) {
 transform: translate(14vw, 76vh);
 background: #ff8766;
 animation-duration: 1.38s;
}
.particle:nth-child(28) {
 transform: translate(78vw, 49vh);
 background: #66ff82;
 animation-duration: 2.79s;
}
.particle:nth-child(29) {
 transform: translate(4vw, 44vh);
 background: #6680ff;
 animation-duration: 2.44s;
}
.particle:nth-child(30) {
 transform: translate(7vw, 28vh);
 background: #b566ff;
 animation-duration: 2.15s;
}
.particle:nth-child(31) {
 transform: translate(8vw, 28vh);
 background: #ffe866;
 animation-duration: 2.16s;
}
.particle:nth-child(32) {
 transform: translate(81vw, 15vh);
 background: #ffba66;
 animation-duration: 2.46s;
}
.particle:nth-child(33) {
 transform: translate(27vw, 30vh);
 background: #82ff66;
 animation-duration: 1.82s;
}
.particle:nth-child(34) {
 transform: translate(28vw, 71vh);
 background: #66ffc2;
 animation-duration: 1.72s;
}
.particle:nth-child(35) {
 transform: translate(92vw, 4vh);
 background: #6b66ff;
 animation-duration: 1.1s;
}
.particle:nth-child(36) {
 transform: translate(26vw, 80vh);
 background: #deff66;
 animation-duration: 1.99s;
}
.particle:nth-child(37) {
 transform: translate(97vw, 77vh);
 background: #ffc266;
 animation-duration: 1.29s;
}
.particle:nth-child(38) {
 transform: translate(54vw, 39vh);
 background: #8a66ff;
 animation-duration: 1.64s;
}
.particle:nth-child(39) {
 transform: translate(59vw, 16vh);
 background: #66f7ff;
 animation-duration: 2.32s;
}
.particle:nth-child(40) {
 transform: translate(9vw, 98vh);
 background: #ff66cf;
 animation-duration: 2.37s;
}
.particle:nth-child(41) {
 transform: translate(61vw, 63vh);
 background: #6e66ff;
 animation-duration: 1.69s;
}
.particle:nth-child(42) {
 transform: translate(90vw, 26vh);
 background: #ff66d1;
 animation-duration: 1.14s;
}
.particle:nth-child(43) {
 transform: translate(5vw, 83vh);
 background: #66ffe6;
 animation-duration: 1.33s;
}
.particle:nth-child(44) {
 transform: translate(93vw, 30vh);
 background: #a6ff66;
 animation-duration: 2.63s;
}
.particle:nth-child(45) {
 transform: translate(23vw, 8vh);
 background: #ff6680;
 animation-duration: 1.52s;
}
.particle:nth-child(46) {
 transform: translate(36vw, 17vh);
 background: #6670ff;
 animation-duration: 2.95s;
}
.particle:nth-child(47) {
 transform: translate(8vw, 32vh);
 background: #66bfff;
 animation-duration: 1.29s;
}
.particle:nth-child(48) {
 transform: translate(59vw, 73vh);
 background: #9966ff;
 animation-duration: 1.54s;
}
.particle:nth-child(49) {
 transform: translate(3vw, 52vh);
 background: #f066ff;
 animation-duration: 1.38s;
}
.particle:nth-child(50) {
 transform: translate(10vw, 37vh);
 background: #baff66;
 animation-duration: 3s;
}
.particle:nth-child(51) {
 transform: translate(29vw, 13vh);
 background: #f5ff66;
 animation-duration: 1.15s;
}
.particle:nth-child(52) {
 transform: translate(99vw, 38vh);
 background: #8a66ff;
 animation-duration: 2.81s;
}
.particle:nth-child(53) {
 transform: translate(89vw, 20vh);
 background: #ff66b0;
 animation-duration: 1.86s;
}
.particle:nth-child(54) {
 transform: translate(88vw, 87vh);
 background: #c966ff;
 animation-duration: 2.15s;
}
.particle:nth-child(55) {
 transform: translate(47vw, 8vh);
 background: #b0ff66;
 animation-duration: 1.39s;
}
.particle:nth-child(56) {
 transform: translate(28vw, 22vh);
 background: #6666ff;
 animation-duration: 2.45s;
}
.particle:nth-child(57) {
 transform: translate(88vw, 52vh);
 background: #66fff7;
 animation-duration: 1.3s;
}
.particle:nth-child(58) {
 transform: translate(60vw, 25vh);
 background: #ff8066;
 animation-duration: 2.47s;
}
.particle:nth-child(59) {
 transform: translate(11vw, 12vh);
 background: #ff66d9;
 animation-duration: 1.92s;
}
.particle:nth-child(60) {
 transform: translate(2vw, 67vh);
 background: #ffeb66;
 animation-duration: 2.07s;
}
.particle:nth-child(61) {
 transform: translate(12vw, 82vh);
 background: #66b3ff;
 animation-duration: 1.16s;
}
.particle:nth-child(62) {
 transform: translate(46vw, 9vh);
 background: #c466ff;
 animation-duration: 1.7s;
}
.particle:nth-child(63) {
 transform: translate(15vw, 42vh);
 background: #f0ff66;
 animation-duration: 1.89s;
}
.particle:nth-child(64) {
 transform: translate(93vw, 41vh);
 background: #ffde66;
 animation-duration: 1.42s;
}
.particle:nth-child(65) {
 transform: translate(39vw, 98vh);
 background: #66ffeb;
 animation-duration: 2.28s;
}
.particle:nth-child(66) {
 transform: translate(55vw, 16vh);
 background: #9cff66;
 animation-duration: 2.74s;
}
.particle:nth-child(67) {
 transform: translate(83vw, 99vh);
 background: #6675ff;
 animation-duration: 1.76s;
}
.particle:nth-child(68) {
 transform: translate(24vw, 26vh);
 background: #ff8566;
 animation-duration: 1.63s;
}
.particle:nth-child(69) {
 transform: translate(59vw, 37vh);
 background: #ff6685;
 animation-duration: 2.56s;
}
.particle:nth-child(70) {
 transform: translate(62vw, 47vh);
 background: #66ffba;
 animation-duration: 1.66s;
}
.particle:nth-child(71) {
 transform: translate(45vw, 48vh);
 background: #66ffbd;
 animation-duration: 2.19s;
}
.particle:nth-child(72) {
 transform: translate(88vw, 74vh);
 background: #ff6696;
 animation-duration: 1.47s;
}
.particle:nth-child(73) {
 transform: translate(20vw, 86vh);
 background: #ff66ed;
 animation-duration: 1.89s;
}
.particle:nth-child(74) {
 transform: translate(69vw, 1vh);
 background: #66ff7a;
 animation-duration: 2.75s;
}
.particle:nth-child(75) {
 transform: translate(56vw, 89vh);
 background: #66ff6e;
 animation-duration: 1.01s;
}
.particle:nth-child(76) {
 transform: translate(61vw, 23vh);
 background: #ff8766;
 animation-duration: 1.81s;
}
.particle:nth-child(77) {
 transform: translate(93vw, 63vh);
 background: #6eff66;
 animation-duration: 1.95s;
}
.particle:nth-child(78) {
 transform: translate(36vw, 48vh);
 background: #78ff66;
 animation-duration: 1.58s;
}
.particle:nth-child(79) {
 transform: translate(18vw, 20vh);
 background: #8a66ff;
 animation-duration: 2.98s;
}
.particle:nth-child(80) {
 transform: translate(36vw, 5vh);
 background: #69ff66;
 animation-duration: 1.81s;
}
.particle:nth-child(81) {
 transform: translate(5vw, 74vh);
 background: #d666ff;
 animation-duration: 1.08s;
}
.particle:nth-child(82) {
 transform: translate(39vw, 95vh);
 background: #abff66;
 animation-duration: 2.26s;
}
.particle:nth-child(83) {
 transform: translate(44vw, 83vh);
 background: #b8ff66;
 animation-duration: 2.76s;
}
.particle:nth-child(84) {
 transform: translate(24vw, 79vh);
 background: #66ffed;
 animation-duration: 2.53s;
}
.particle:nth-child(85) {
 transform: translate(6vw, 55vh);
 background: #ff9e66;
 animation-duration: 2.64s;
}
.particle:nth-child(86) {
 transform: translate(6vw, 43vh);
 background: #c466ff;
 animation-duration: 2.96s;
}
.particle:nth-child(87) {
 transform: translate(100vw, 99vh);
 background: #ffa166;
 animation-duration: 1.19s;
}
.particle:nth-child(88) {
 transform: translate(3vw, 98vh);
 background: #66ffa1;
 animation-duration: 1.73s;
}
.particle:nth-child(89) {
 transform: translate(39vw, 80vh);
 background: #91ff66;
 animation-duration: 1.65s;
}
.particle:nth-child(90) {
 transform: translate(13vw, 67vh);
 background: #66ffb8;
 animation-duration: 1.84s;
}
.particle:nth-child(91) {
 transform: translate(22vw, 12vh);
 background: #b5ff66;
 animation-duration: 2.08s;
}
.particle:nth-child(92) {
 transform: translate(53vw, 25vh);
 background: #8566ff;
 animation-duration: 1.8s;
}
.particle:nth-child(93) {
 transform: translate(71vw, 33vh);
 background: #f266ff;
 animation-duration: 2.93s;
}
.particle:nth-child(94) {
 transform: translate(22vw, 74vh);
 background: #ff6666;
 animation-duration: 2.81s;
}
.particle:nth-child(95) {
 transform: translate(3vw, 76vh);
 background: #ff66bd;
 animation-duration: 2.89s;
}
.particle:nth-child(96) {
 transform: translate(38vw, 74vh);
 background: #e666ff;
 animation-duration: 2.12s;
}
.particle:nth-child(97) {
 transform: translate(74vw, 84vh);
 background: #c4ff66;
 animation-duration: 1.36s;
}
.particle:nth-child(98) {
 transform: translate(29vw, 52vh);
 background: #87ff66;
 animation-duration: 1.75s;
}
.particle:nth-child(99) {
 transform: translate(17vw, 8vh);
 background: #ffe666;
 animation-duration: 2.09s;
}
.particle:nth-child(100) {
 transform: translate(26vw, 8vh);
 background: #82ff66;
 animation-duration: 2.76s;
}
.particle:nth-child(101) {
 transform: translate(23vw, 11vh);
 background: #66ff7d;
 animation-duration: 2.23s;
}
.particle:nth-child(102) {
 transform: translate(46vw, 100vh);
 background: #ff66f0;
 animation-duration: 2.45s;
}
.particle:nth-child(103) {
 transform: translate(94vw, 32vh);
 background: #7866ff;
 animation-duration: 1.29s;
}
.particle:nth-child(104) {
 transform: translate(26vw, 32vh);
 background: #66ff9c;
 animation-duration: 2.62s;
}
.particle:nth-child(105) {
 transform: translate(65vw, 87vh);
 background: #7dff66;
 animation-duration: 2.22s;
}
.particle:nth-child(106) {
 transform: translate(17vw, 20vh);
 background: #a8ff66;
 animation-duration: 1.55s;
}
.particle:nth-child(107) {
 transform: translate(60vw, 85vh);
 background: #f766ff;
 animation-duration: 1.74s;
}
.particle:nth-child(108) {
 transform: translate(57vw, 15vh);
 background: #6699ff;
 animation-duration: 2.93s;
}
.particle:nth-child(109) {
 transform: translate(99vw, 13vh);
 background: #e8ff66;
 animation-duration: 2.77s;
}
.particle:nth-child(110) {
 transform: translate(57vw, 23vh);
 background: #ff7066;
 animation-duration: 1.75s;
}
.particle:nth-child(111) {
 transform: translate(90vw, 21vh);
 background: #ffc466;
 animation-duration: 1.11s;
}
.particle:nth-child(112) {
 transform: translate(90vw, 14vh);
 background: #f066ff;
 animation-duration: 1.9s;
}
.particle:nth-child(113) {
 transform: translate(16vw, 87vh);
 background: #d166ff;
 animation-duration: 1.2s;
}
.particle:nth-child(114) {
 transform: translate(64vw, 55vh);
 background: #66bfff;
 animation-duration: 1.12s;
}
.particle:nth-child(115) {
 transform: translate(77vw, 12vh);
 background: #66ffba;
 animation-duration: 1.42s;
}
.particle:nth-child(116) {
 transform: translate(17vw, 51vh);
 background: #66ff91;
 animation-duration: 1.21s;
}
.particle:nth-child(117) {
 transform: translate(87vw, 91vh);
 background: #b5ff66;
 animation-duration: 2.28s;
}
.particle:nth-child(118) {
 transform: translate(69vw, 14vh);
 background: #ff6678;
 animation-duration: 1.7s;
}
.particle:nth-child(119) {
 transform: translate(33vw, 22vh);
 background: #ff6669;
 animation-duration: 2.83s;
}
.particle:nth-child(120) {
 transform: translate(89vw, 100vh);
 background: #8266ff;
 animation-duration: 1.25s;
}
.particle:nth-child(121) {
 transform: translate(4vw, 43vh);
 background: #668aff;
 animation-duration: 1.5s;
}
.particle:nth-child(122) {
 transform: translate(66vw, 42vh);
 background: #ff8c66;
 animation-duration: 1.33s;
}
.particle:nth-child(123) {
 transform: translate(55vw, 86vh);
 background: #78ff66;
 animation-duration: 1.38s;
}
.particle:nth-child(124) {
 transform: translate(76vw, 49vh);
 background: #66a3ff;
 animation-duration: 1.97s;
}
.particle:nth-child(125) {
 transform: translate(11vw, 49vh);
 background: #b5ff66;
 animation-duration: 1.4s;
}
.particle:nth-child(126) {
 transform: translate(50vw, 74vh);
 background: #66ff94;
 animation-duration: 1.15s;
}
.particle:nth-child(127) {
 transform: translate(25vw, 41vh);
 background: #ff66f7;
 animation-duration: 2.32s;
}
.particle:nth-child(128) {
 transform: translate(22vw, 44vh);
 background: #69ff66;
 animation-duration: 2.88s;
}
.particle:nth-child(129) {
 transform: translate(43vw, 51vh);
 background: #66ffba;
 animation-duration: 1.65s;
}
.particle:nth-child(130) {
 transform: translate(41vw, 69vh);
 background: #e666ff;
 animation-duration: 1.22s;
}
.particle:nth-child(131) {
 transform: translate(6vw, 2vh);
 background: #ff66c4;
 animation-duration: 2.73s;
}
.particle:nth-child(132) {
 transform: translate(21vw, 12vh);
 background: #9466ff;
 animation-duration: 1.33s;
}
.particle:nth-child(133) {
 transform: translate(19vw, 9vh);
 background: #9666ff;
 animation-duration: 1.15s;
}
.particle:nth-child(134) {
 transform: translate(43vw, 80vh);
 background: #a8ff66;
 animation-duration: 2.44s;
}
.particle:nth-child(135) {
 transform: translate(63vw, 50vh);
 background: #ff66bf;
 animation-duration: 1.33s;
}
.particle:nth-child(136) {
 transform: translate(30vw, 55vh);
 background: #66a6ff;
 animation-duration: 2.41s;
}
.particle:nth-child(137) {
 transform: translate(33vw, 73vh);
 background: #9c66ff;
 animation-duration: 1.93s;
}
.particle:nth-child(138) {
 transform: translate(56vw, 71vh);
 background: #c966ff;
 animation-duration: 2.87s;
}
.particle:nth-child(139) {
 transform: translate(70vw, 100vh);
 background: #66ffba;
 animation-duration: 3s;
}
.particle:nth-child(140) {
 transform: translate(42vw, 15vh);
 background: #6bff66;
 animation-duration: 1.55s;
}
.particle:nth-child(141) {
 transform: translate(44vw, 17vh);
 background: #66ffa3;
 animation-duration: 1.99s;
}
.particle:nth-child(142) {
 transform: translate(97vw, 98vh);
 background: #ffbf66;
 animation-duration: 1.65s;
}
.particle:nth-child(143) {
 transform: translate(20vw, 49vh);
 background: #66edff;
 animation-duration: 2.54s;
}
.particle:nth-child(144) {
 transform: translate(19vw, 85vh);
 background: #66ff85;
 animation-duration: 1.63s;
}
.particle:nth-child(145) {
 transform: translate(74vw, 20vh);
 background: #e666ff;
 animation-duration: 1.15s;
}
.particle:nth-child(146) {
 transform: translate(82vw, 5vh);
 background: #a166ff;
 animation-duration: 1.44s;
}
.particle:nth-child(147) {
 transform: translate(75vw, 13vh);
 background: #66ff82;
 animation-duration: 1.67s;
}
.particle:nth-child(148) {
 transform: translate(90vw, 70vh);
 background: #ff6966;
 animation-duration: 1.68s;
}
.particle:nth-child(149) {
 transform: translate(42vw, 52vh);
 background: #ff669c;
 animation-duration: 1.18s;
}
.particle:nth-child(150) {
 transform: translate(52vw, 88vh);
 background: #ffb866;
 animation-duration: 2.71s;
}
.particle:nth-child(151) {
 transform: translate(17vw, 92vh);
 background: #ffa866;
 animation-duration: 2.5s;
}
.particle:nth-child(152) {
 transform: translate(36vw, 54vh);
 background: #ff66f7;
 animation-duration: 1.3s;
}
.particle:nth-child(153) {
 transform: translate(3vw, 32vh);
 background: #ff6669;
 animation-duration: 1.24s;
}
.particle:nth-child(154) {
 transform: translate(69vw, 23vh);
 background: #fc66ff;
 animation-duration: 1.16s;
}
.particle:nth-child(155) {
 transform: translate(59vw, 74vh);
 background: #c966ff;
 animation-duration: 2.22s;
}
.particle:nth-child(156) {
 transform: translate(31vw, 13vh);
 background: #ffad66;
 animation-duration: 2.15s;
}
.particle:nth-child(157) {
 transform: translate(84vw, 86vh);
 background: #ff66cf;
 animation-duration: 2.13s;
}
.particle:nth-child(158) {
 transform: translate(60vw, 86vh);
 background: #fffa66;
 animation-duration: 2.65s;
}
.particle:nth-child(159) {
 transform: translate(79vw, 55vh);
 background: #ffb866;
 animation-duration: 2.97s;
}
.particle:nth-child(160) {
 transform: translate(21vw, 7vh);
 background: #66ffa8;
 animation-duration: 2.63s;
}
.particle:nth-child(161) {
 transform: translate(96vw, 53vh);
 background: #ff8f66;
 animation-duration: 1.49s;
}
.particle:nth-child(162) {
 transform: translate(49vw, 35vh);
 background: #66ffa6;
 animation-duration: 1.17s;
}
.particle:nth-child(163) {
 transform: translate(44vw, 90vh);
 background: #66adff;
 animation-duration: 1.14s;
}
.particle:nth-child(164) {
 transform: translate(62vw, 95vh);
 background: #66ff7d;
 animation-duration: 2.96s;
}
.particle:nth-child(165) {
 transform: translate(12vw, 49vh);
 background: #ff7d66;
 animation-duration: 2.8s;
}
.particle:nth-child(166) {
 transform: translate(25vw, 4vh);
 background: #66b5ff;
 animation-duration: 2.62s;
}
.particle:nth-child(167) {
 transform: translate(86vw, 31vh);
 background: #a666ff;
 animation-duration: 2.37s;
}
.particle:nth-child(168) {
 transform: translate(22vw, 89vh);
 background: #ff8066;
 animation-duration: 2.01s;
}
.particle:nth-child(169) {
 transform: translate(98vw, 54vh);
 background: #ffe666;
 animation-duration: 2.55s;
}
.particle:nth-child(170) {
 transform: translate(12vw, 86vh);
 background: #66bdff;
 animation-duration: 1.41s;
}
.particle:nth-child(171) {
 transform: translate(55vw, 38vh);
 background: #66ffb0;
 animation-duration: 2.23s;
}
.particle:nth-child(172) {
 transform: translate(45vw, 86vh);
 background: #fff566;
 animation-duration: 1.22s;
}
.particle:nth-child(173) {
 transform: translate(21vw, 87vh);
 background: #fff766;
 animation-duration: 1.28s;
}
.particle:nth-child(174) {
 transform: translate(55vw, 49vh);
 background: #b5ff66;
 animation-duration: 2.38s;
}
.particle:nth-child(175) {
 transform: translate(44vw, 21vh);
 background: #85ff66;
 animation-duration: 1.4s;
}
.particle:nth-child(176) {
 transform: translate(72vw, 96vh);
 background: #a666ff;
 animation-duration: 2.34s;
}
.particle:nth-child(177) {
 transform: translate(49vw, 11vh);
 background: #d166ff;
 animation-duration: 1.64s;
}
.particle:nth-child(178) {
 transform: translate(73vw, 10vh);
 background: #ff66de;
 animation-duration: 2.46s;
}
.particle:nth-child(179) {
 transform: translate(5vw, 69vh);
 background: #db66ff;
 animation-duration: 2.82s;
}
.particle:nth-child(180) {
 transform: translate(42vw, 18vh);
 background: #666bff;
 animation-duration: 1.81s;
}
.particle:nth-child(181) {
 transform: translate(35vw, 57vh);
 background: #668aff;
 animation-duration: 1.29s;
}
.particle:nth-child(182) {
 transform: translate(93vw, 79vh);
 background: #6682ff;
 animation-duration: 2.55s;
}
.particle:nth-child(183) {
 transform: translate(54vw, 84vh);
 background: #ff66c2;
 animation-duration: 3s;
}
.particle:nth-child(184) {
 transform: translate(30vw, 14vh);
 background: #d1ff66;
 animation-duration: 2.91s;
}
.particle:nth-child(185) {
 transform: translate(8vw, 84vh);
 background: #66bfff;
 animation-duration: 1.53s;
}
.particle:nth-child(186) {
 transform: translate(40vw, 77vh);
 background: #fa66ff;
 animation-duration: 1.29s;
}
.particle:nth-child(187) {
 transform: translate(89vw, 46vh);
 background: #ff7866;
 animation-duration: 1.68s;
}
.particle:nth-child(188) {
 transform: translate(10vw, 97vh);
 background: #9966ff;
 animation-duration: 2.06s;
}
.particle:nth-child(189) {
 transform: translate(76vw, 90vh);
 background: #ff6966;
 animation-duration: 2.54s;
}
.particle:nth-child(190) {
 transform: translate(99vw, 81vh);
 background: #ff7066;
 animation-duration: 1.44s;
}
.particle:nth-child(191) {
 transform: translate(23vw, 17vh);
 background: #c4ff66;
 animation-duration: 1.12s;
}
.particle:nth-child(192) {
 transform: translate(21vw, 80vh);
 background: #ffff66;
 animation-duration: 1.02s;
}
.particle:nth-child(193) {
 transform: translate(10vw, 75vh);
 background: #ff6b66;
 animation-duration: 1.23s;
}
.particle:nth-child(194) {
 transform: translate(53vw, 80vh);
 background: #6678ff;
 animation-duration: 2.83s;
}
.particle:nth-child(195) {
 transform: translate(73vw, 2vh);
 background: #c966ff;
 animation-duration: 1.17s;
}
.particle:nth-child(196) {
 transform: translate(43vw, 61vh);
 background: #7a66ff;
 animation-duration: 2.73s;
}
.particle:nth-child(197) {
 transform: translate(2vw, 27vh);
 background: #ffa666;
 animation-duration: 2.03s;
}
.particle:nth-child(198) {
 transform: translate(78vw, 93vh);
 background: #e066ff;
 animation-duration: 1.4s;
}
.particle:nth-child(199) {
 transform: translate(42vw, 77vh);
 background: #ff66a1;
 animation-duration: 1.07s;
}
.particle:nth-child(200) {
 transform: translate(33vw, 21vh);
 background: #6694ff;
 animation-duration: 2.72s;
}
.particle:nth-child(201) {
 transform: translate(85vw, 78vh);
 background: #a866ff;
 animation-duration: 2.82s;
}
.particle:nth-child(202) {
 transform: translate(93vw, 88vh);
 background: #82ff66;
 animation-duration: 1.59s;
}
.particle:nth-child(203) {
 transform: translate(54vw, 36vh);
 background: #66f0ff;
 animation-duration: 1.99s;
}
.particle:nth-child(204) {
 transform: translate(96vw, 61vh);
 background: #ff66de;
 animation-duration: 1.88s;
}
.particle:nth-child(205) {
 transform: translate(57vw, 3vh);
 background: #ff66cf;
 animation-duration: 2.33s;
}
.particle:nth-child(206) {
 transform: translate(92vw, 34vh);
 background: #6694ff;
 animation-duration: 1.63s;
}
.particle:nth-child(207) {
 transform: translate(53vw, 75vh);
 background: #ff6670;
 animation-duration: 1.34s;
}
.particle:nth-child(208) {
 transform: translate(22vw, 81vh);
 background: #66ffd1;
 animation-duration: 1.17s;
}
.particle:nth-child(209) {
 transform: translate(61vw, 55vh);
 background: #66a3ff;
 animation-duration: 1.73s;
}
.particle:nth-child(210) {
 transform: translate(28vw, 30vh);
 background: #66b5ff;
 animation-duration: 2.09s;
}
.particle:nth-child(211) {
 transform: translate(54vw, 86vh);
 background: #66edff;
 animation-duration: 1.09s;
}
.particle:nth-child(212) {
 transform: translate(77vw, 37vh);
 background: #ffcc66;
 animation-duration: 1.56s;
}
.particle:nth-child(213) {
 transform: translate(82vw, 45vh);
 background: #ff66cf;
 animation-duration: 1.72s;
}
.particle:nth-child(214) {
 transform: translate(19vw, 83vh);
 background: #66f2ff;
 animation-duration: 2.75s;
}
.particle:nth-child(215) {
 transform: translate(63vw, 61vh);
 background: #ff667d;
 animation-duration: 1.55s;
}
.particle:nth-child(216) {
 transform: translate(44vw, 61vh);
 background: #6678ff;
 animation-duration: 1.02s;
}
.particle:nth-child(217) {
 transform: translate(37vw, 99vh);
 background: #66ff70;
 animation-duration: 1.06s;
}
.particle:nth-child(218) {
 transform: translate(76vw, 2vh);
 background: #66faff;
 animation-duration: 1.28s;
}
.particle:nth-child(219) {
 transform: translate(4vw, 38vh);
 background: #ffe366;
 animation-duration: 1.02s;
}
.particle:nth-child(220) {
 transform: translate(87vw, 22vh);
 background: #b0ff66;
 animation-duration: 2.19s;
}
.particle:nth-child(221) {
 transform: translate(82vw, 90vh);
 background: #66baff;
 animation-duration: 1.51s;
}
.particle:nth-child(222) {
 transform: translate(23vw, 91vh);
 background: #66edff;
 animation-duration: 1.81s;
}
.particle:nth-child(223) {
 transform: translate(38vw, 75vh);
 background: #ffc966;
 animation-duration: 1.13s;
}
.particle:nth-child(224) {
 transform: translate(66vw, 2vh);
 background: #ffe666;
 animation-duration: 1.92s;
}
.particle:nth-child(225) {
 transform: translate(20vw, 47vh);
 background: #66ffde;
 animation-duration: 2.6s;
}
.particle:nth-child(226) {
 transform: translate(51vw, 35vh);
 background: #ff66e6;
 animation-duration: 1.69s;
}
.particle:nth-child(227) {
 transform: translate(69vw, 19vh);
 background: #ff66a8;
 animation-duration: 1.96s;
}
.particle:nth-child(228) {
 transform: translate(27vw, 76vh);
 background: #ffa166;
 animation-duration: 1.57s;
}
.particle:nth-child(229) {
 transform: translate(40vw, 68vh);
 background: #66ff9e;
 animation-duration: 2.69s;
}
.particle:nth-child(230) {
 transform: translate(40vw, 29vh);
 background: #66ff75;
 animation-duration: 1.98s;
}
.particle:nth-child(231) {
 transform: translate(6vw, 74vh);
 background: #fff766;
 animation-duration: 1.25s;
}
.particle:nth-child(232) {
 transform: translate(96vw, 54vh);
 background: #ff8c66;
 animation-duration: 1.89s;
}
.particle:nth-child(233) {
 transform: translate(26vw, 30vh);
 background: #ff66de;
 animation-duration: 1.63s;
}
.particle:nth-child(234) {
 transform: translate(100vw, 55vh);
 background: #66f7ff;
 animation-duration: 2.16s;
}
.particle:nth-child(235) {
 transform: translate(85vw, 47vh);
 background: #6685ff;
 animation-duration: 2.98s;
}
.particle:nth-child(236) {
 transform: translate(83vw, 29vh);
 background: #ff66ed;
 animation-duration: 2.87s;
}
.particle:nth-child(237) {
 transform: translate(11vw, 73vh);
 background: #8a66ff;
 animation-duration: 1.58s;
}
.particle:nth-child(238) {
 transform: translate(49vw, 55vh);
 background: #6699ff;
 animation-duration: 2.32s;
}
.particle:nth-child(239) {
 transform: translate(31vw, 12vh);
 background: #66ffed;
 animation-duration: 2.69s;
}
.particle:nth-child(240) {
 transform: translate(41vw, 93vh);
 background: #66e3ff;
 animation-duration: 2.94s;
}
.particle:nth-child(241) {
 transform: translate(80vw, 4vh);
 background: #66a1ff;
 animation-duration: 2.07s;
}
.particle:nth-child(242) {
 transform: translate(39vw, 45vh);
 background: #9eff66;
 animation-duration: 2.17s;
}
.particle:nth-child(243) {
 transform: translate(1vw, 13vh);
 background: #a1ff66;
 animation-duration: 2.81s;
}
.particle:nth-child(244) {
 transform: translate(74vw, 73vh);
 background: #ff8266;
 animation-duration: 2.74s;
}
.particle:nth-child(245) {
 transform: translate(65vw, 17vh);
 background: #87ff66;
 animation-duration: 2.66s;
}
.particle:nth-child(246) {
 transform: translate(22vw, 62vh);
 background: #8566ff;
 animation-duration: 1.7s;
}
.particle:nth-child(247) {
 transform: translate(36vw, 76vh);
 background: #7866ff;
 animation-duration: 2.5s;
}
.particle:nth-child(248) {
 transform: translate(96vw, 81vh);
 background: #66ffab;
 animation-duration: 2.41s;
}
.particle:nth-child(249) {
 transform: translate(38vw, 62vh);
 background: #66fcff;
 animation-duration: 2.83s;
}
.particle:nth-child(250) {
 transform: translate(87vw, 1vh);
 background: #deff66;
 animation-duration: 2.38s;
}
.particle:nth-child(251) {
 transform: translate(36vw, 44vh);
 background: #ff66bf;
 animation-duration: 2.02s;
}
.particle:nth-child(252) {
 transform: translate(44vw, 8vh);
 background: #9eff66;
 animation-duration: 2.43s;
}
.particle:nth-child(253) {
 transform: translate(78vw, 83vh);
 background: #ff6685;
 animation-duration: 2.76s;
}
.particle:nth-child(254) {
 transform: translate(30vw, 6vh);
 background: #66b0ff;
 animation-duration: 2.99s;
}
.particle:nth-child(255) {
 transform: translate(6vw, 62vh);
 background: #66ff70;
 animation-duration: 1.49s;
}
.particle:nth-child(256) {
 transform: translate(32vw, 50vh);
 background: #9e66ff;
 animation-duration: 1.9s;
}
.particle:nth-child(257) {
 transform: translate(60vw, 39vh);
 background: #ff7a66;
 animation-duration: 1.1s;
}
.particle:nth-child(258) {
 transform: translate(36vw, 87vh);
 background: #8cff66;
 animation-duration: 1.46s;
}
.particle:nth-child(259) {
 transform: translate(34vw, 19vh);
 background: #ffa166;
 animation-duration: 1.64s;
}
.particle:nth-child(260) {
 transform: translate(18vw, 16vh);
 background: #82ff66;
 animation-duration: 1.44s;
}
.particle:nth-child(261) {
 transform: translate(22vw, 14vh);
 background: #66a1ff;
 animation-duration: 1.64s;
}
.particle:nth-child(262) {
 transform: translate(33vw, 38vh);
 background: #f5ff66;
 animation-duration: 1.37s;
}
.particle:nth-child(263) {
 transform: translate(78vw, 43vh);
 background: #c966ff;
 animation-duration: 1.32s;
}
.particle:nth-child(264) {
 transform: translate(10vw, 96vh);
 background: #ad66ff;
 animation-duration: 1.18s;
}
.particle:nth-child(265) {
 transform: translate(10vw, 15vh);
 background: #edff66;
 animation-duration: 1.48s;
}
.particle:nth-child(266) {
 transform: translate(96vw, 100vh);
 background: #66ff91;
 animation-duration: 2.75s;
}
.particle:nth-child(267) {
 transform: translate(4vw, 51vh);
 background: #ffbd66;
 animation-duration: 2.29s;
}
.particle:nth-child(268) {
 transform: translate(78vw, 77vh);
 background: #66ffc7;
 animation-duration: 1.3s;
}
.particle:nth-child(269) {
 transform: translate(79vw, 40vh);
 background: #6678ff;
 animation-duration: 1.48s;
}
.particle:nth-child(270) {
 transform: translate(70vw, 23vh);
 background: #d4ff66;
 animation-duration: 1.66s;
}
.particle:nth-child(271) {
 transform: translate(71vw, 85vh);
 background: #ff7866;
 animation-duration: 1.91s;
}
.particle:nth-child(272) {
 transform: translate(39vw, 54vh);
 background: #80ff66;
 animation-duration: 1.95s;
}
.particle:nth-child(273) {
 transform: translate(77vw, 95vh);
 background: #66ffdb;
 animation-duration: 1.22s;
}
.particle:nth-child(274) {
 transform: translate(34vw, 61vh);
 background: #ff66a1;
 animation-duration: 2.34s;
}
.particle:nth-child(275) {
 transform: translate(33vw, 89vh);
 background: #66ffa6;
 animation-duration: 1.32s;
}
.particle:nth-child(276) {
 transform: translate(27vw, 50vh);
 background: #66ff69;
 animation-duration: 1.23s;
}
.particle:nth-child(277) {
 transform: translate(1vw, 21vh);
 background: #66e8ff;
 animation-duration: 1.64s;
}
.particle:nth-child(278) {
 transform: translate(18vw, 52vh);
 background: #b5ff66;
 animation-duration: 1.4s;
}
.particle:nth-child(279) {
 transform: translate(95vw, 10vh);
 background: #ff66e6;
 animation-duration: 1.57s;
}
.particle:nth-child(280) {
 transform: translate(44vw, 72vh);
 background: #66ff94;
 animation-duration: 2.99s;
}
.particle:nth-child(281) {
 transform: translate(96vw, 58vh);
 background: #ffdb66;
 animation-duration: 2.1s;
}
.particle:nth-child(282) {
 transform: translate(17vw, 35vh);
 background: #78ff66;
 animation-duration: 2.56s;
}
.particle:nth-child(283) {
 transform: translate(55vw, 38vh);
 background: #75ff66;
 animation-duration: 1.34s;
}
.particle:nth-child(284) {
 transform: translate(92vw, 12vh);
 background: #ff6696;
 animation-duration: 2.56s;
}
.particle:nth-child(285) {
 transform: translate(14vw, 76vh);
 background: #a8ff66;
 animation-duration: 2.71s;
}
.particle:nth-child(286) {
 transform: translate(28vw, 58vh);
 background: #fffa66;
 animation-duration: 2.62s;
}
.particle:nth-child(287) {
 transform: translate(5vw, 35vh);
 background: #ff66e8;
 animation-duration: 2.96s;
}
.particle:nth-child(288) {
 transform: translate(86vw, 11vh);
 background: #e866ff;
 animation-duration: 2.42s;
}
.particle:nth-child(289) {
 transform: translate(29vw, 69vh);
 background: #c2ff66;
 animation-duration: 1.01s;
}
.particle:nth-child(290) {
 transform: translate(13vw, 46vh);
 background: #7566ff;
 animation-duration: 2.81s;
}
.particle:nth-child(291) {
 transform: translate(49vw, 98vh);
 background: #ffa166;
 animation-duration: 2.32s;
}
.particle:nth-child(292) {
 transform: translate(34vw, 88vh);
 background: #6678ff;
 animation-duration: 1.58s;
}
.particle:nth-child(293) {
 transform: translate(4vw, 79vh);
 background: #9eff66;
 animation-duration: 1.77s;
}
.particle:nth-child(294) {
 transform: translate(33vw, 87vh);
 background: #66ffff;
 animation-duration: 1.93s;
}
.particle:nth-child(295) {
 transform: translate(10vw, 43vh);
 background: #ff668f;
 animation-duration: 2.24s;
}
.particle:nth-child(296) {
 transform: translate(33vw, 74vh);
 background: #66c7ff;
 animation-duration: 1.18s;
}
.particle:nth-child(297) {
 transform: translate(70vw, 8vh);
 background: #ff66bd;
 animation-duration: 2.81s;
}
.particle:nth-child(298) {
 transform: translate(86vw, 73vh);
 background: #e066ff;
 animation-duration: 1.69s;
}
.particle:nth-child(299) {
 transform: translate(98vw, 30vh);
 background: #ff6675;
 animation-duration: 1.76s;
}
.particle:nth-child(300) {
 transform: translate(2vw, 30vh);
 background: #ff66cc;
 animation-duration: 1.6s;
}
.particle:nth-child(301) {
 transform: translate(27vw, 74vh);
 background: #db66ff;
 animation-duration: 2.44s;
}
.particle:nth-child(302) {
 transform: translate(95vw, 47vh);
 background: #c466ff;
 animation-duration: 1.79s;
}
.particle:nth-child(303) {
 transform: translate(23vw, 7vh);
 background: #66ffd6;
 animation-duration: 2.8s;
}
.particle:nth-child(304) {
 transform: translate(17vw, 26vh);
 background: #ffa666;
 animation-duration: 2.44s;
}
.particle:nth-child(305) {
 transform: translate(10vw, 1vh);
 background: #80ff66;
 animation-duration: 1.2s;
}
.particle:nth-child(306) {
 transform: translate(22vw, 79vh);
 background: #deff66;
 animation-duration: 2.46s;
}
.particle:nth-child(307) {
 transform: translate(83vw, 26vh);
 background: #ffd666;
 animation-duration: 2.11s;
}
.particle:nth-child(308) {
 transform: translate(61vw, 62vh);
 background: #7866ff;
 animation-duration: 1.39s;
}
.particle:nth-child(309) {
 transform: translate(14vw, 4vh);
 background: #66e3ff;
 animation-duration: 1.45s;
}
.particle:nth-child(310) {
 transform: translate(19vw, 84vh);
 background: #ffd666;
 animation-duration: 1.27s;
}
.particle:nth-child(311) {
 transform: translate(45vw, 52vh);
 background: #f2ff66;
 animation-duration: 2.94s;
}
.particle:nth-child(312) {
 transform: translate(29vw, 97vh);
 background: #66ff94;
 animation-duration: 2.33s;
}
.particle:nth-child(313) {
 transform: translate(57vw, 16vh);
 background: #ff8a66;
 animation-duration: 3s;
}
.particle:nth-child(314) {
 transform: translate(37vw, 84vh);
 background: #ab66ff;
 animation-duration: 1.35s;
}
.particle:nth-child(315) {
 transform: translate(71vw, 88vh);
 background: #ffb066;
 animation-duration: 2.24s;
}
.particle:nth-child(316) {
 transform: translate(38vw, 96vh);
 background: #ffbf66;
 animation-duration: 1.05s;
}
.particle:nth-child(317) {
 transform: translate(11vw, 25vh);
 background: #66ffd4;
 animation-duration: 1.05s;
}
.particle:nth-child(318) {
 transform: translate(40vw, 82vh);
 background: #66ff99;
 animation-duration: 1.62s;
}
.particle:nth-child(319) {
 transform: translate(77vw, 7vh);
 background: #ff7066;
 animation-duration: 1.83s;
}
.particle:nth-child(320) {
 transform: translate(28vw, 80vh);
 background: #9966ff;
 animation-duration: 2.79s;
}
.particle:nth-child(321) {
 transform: translate(35vw, 15vh);
 background: #ff66cf;
 animation-duration: 1.96s;
}
.particle:nth-child(322) {
 transform: translate(52vw, 90vh);
 background: #7aff66;
 animation-duration: 1.89s;
}
.particle:nth-child(323) {
 transform: translate(99vw, 74vh);
 background: #66f7ff;
 animation-duration: 2.31s;
}
.particle:nth-child(324) {
 transform: translate(62vw, 28vh);
 background: #66b0ff;
 animation-duration: 2.97s;
}
.particle:nth-child(325) {
 transform: translate(26vw, 36vh);
 background: #ba66ff;
 animation-duration: 1.8s;
}
.particle:nth-child(326) {
 transform: translate(83vw, 86vh);
 background: #a3ff66;
 animation-duration: 2.51s;
}
.particle:nth-child(327) {
 transform: translate(30vw, 14vh);
 background: #9eff66;
 animation-duration: 2.49s;
}
.particle:nth-child(328) {
 transform: translate(58vw, 88vh);
 background: #ff669e;
 animation-duration: 1.09s;
}
.particle:nth-child(329) {
 transform: translate(5vw, 91vh);
 background: #d466ff;
 animation-duration: 1.54s;
}
.particle:nth-child(330) {
 transform: translate(38vw, 70vh);
 background: #66ff96;
 animation-duration: 2.23s;
}
.particle:nth-child(331) {
 transform: translate(32vw, 89vh);
 background: #ff8266;
 animation-duration: 1.96s;
}
.particle:nth-child(332) {
 transform: translate(68vw, 78vh);
 background: #66b8ff;
 animation-duration: 1.92s;
}
.particle:nth-child(333) {
 transform: translate(12vw, 33vh);
 background: #ffa366;
 animation-duration: 2.01s;
}
.particle:nth-child(334) {
 transform: translate(16vw, 48vh);
 background: #ff66de;
 animation-duration: 1.66s;
}
.particle:nth-child(335) {
 transform: translate(96vw, 64vh);
 background: #ff7366;
 animation-duration: 2.88s;
}
.particle:nth-child(336) {
 transform: translate(89vw, 95vh);
 background: #c466ff;
 animation-duration: 2.78s;
}
.particle:nth-child(337) {
 transform: translate(78vw, 32vh);
 background: #8566ff;
 animation-duration: 1.74s;
}
.particle:nth-child(338) {
 transform: translate(46vw, 54vh);
 background: #66c7ff;
 animation-duration: 2.92s;
}
.particle:nth-child(339) {
 transform: translate(38vw, 52vh);
 background: #ba66ff;
 animation-duration: 1.23s;
}
.particle:nth-child(340) {
 transform: translate(11vw, 10vh);
 background: #9eff66;
 animation-duration: 1.3s;
}
.particle:nth-child(341) {
 transform: translate(41vw, 74vh);
 background: #ff66fc;
 animation-duration: 2.91s;
}
.particle:nth-child(342) {
 transform: translate(91vw, 45vh);
 background: #7366ff;
 animation-duration: 1.45s;
}
.particle:nth-child(343) {
 transform: translate(78vw, 96vh);
 background: #ffb866;
 animation-duration: 1.7s;
}
.particle:nth-child(344) {
 transform: translate(94vw, 21vh);
 background: #9eff66;
 animation-duration: 2.9s;
}
.particle:nth-child(345) {
 transform: translate(63vw, 22vh);
 background: #ff9c66;
 animation-duration: 1.88s;
}
.particle:nth-child(346) {
 transform: translate(44vw, 33vh);
 background: #ffb366;
 animation-duration: 1.83s;
}
.particle:nth-child(347) {
 transform: translate(2vw, 29vh);
 background: #66ffdb;
 animation-duration: 2.71s;
}
.particle:nth-child(348) {
 transform: translate(42vw, 41vh);
 background: #c2ff66;
 animation-duration: 2.92s;
}
.particle:nth-child(349) {
 transform: translate(63vw, 74vh);
 background: #ed66ff;
 animation-duration: 1.47s;
}
.particle:nth-child(350) {
 transform: translate(18vw, 16vh);
 background: #6678ff;
 animation-duration: 2.87s;
}
.particle:nth-child(351) {
 transform: translate(65vw, 79vh);
 background: #ff66b5;
 animation-duration: 2.31s;
}
.particle:nth-child(352) {
 transform: translate(13vw, 46vh);
 background: #ff6680;
 animation-duration: 1.82s;
}
.particle:nth-child(353) {
 transform: translate(47vw, 68vh);
 background: #b3ff66;
 animation-duration: 2.99s;
}
.particle:nth-child(354) {
 transform: translate(9vw, 74vh);
 background: #ffa166;
 animation-duration: 1.6s;
}
.particle:nth-child(355) {
 transform: translate(73vw, 60vh);
 background: #66ffeb;
 animation-duration: 1.6s;
}
.particle:nth-child(356) {
 transform: translate(24vw, 15vh);
 background: #66e8ff;
 animation-duration: 2.34s;
}
.particle:nth-child(357) {
 transform: translate(88vw, 25vh);
 background: #ffe866;
 animation-duration: 2.71s;
}
.particle:nth-child(358) {
 transform: translate(52vw, 21vh);
 background: #66ffd4;
 animation-duration: 2.57s;
}
.particle:nth-child(359) {
 transform: translate(17vw, 12vh);
 background: #ff9166;
 animation-duration: 1.31s;
}
.particle:nth-child(360) {
 transform: translate(25vw, 42vh);
 background: #ff8766;
 animation-duration: 1.49s;
}
.particle:nth-child(361) {
 transform: translate(97vw, 5vh);
 background: #66ff8a;
 animation-duration: 1.64s;
}
.particle:nth-child(362) {
 transform: translate(21vw, 71vh);
 background: #66abff;
 animation-duration: 2.07s;
}
.particle:nth-child(363) {
 transform: translate(20vw, 29vh);
 background: #c2ff66;
 animation-duration: 1.5s;
}
.particle:nth-child(364) {
 transform: translate(35vw, 33vh);
 background: #66fcff;
 animation-duration: 1.78s;
}
.particle:nth-child(365) {
 transform: translate(94vw, 81vh);
 background: #ffe366;
 animation-duration: 1.83s;
}
.particle:nth-child(366) {
 transform: translate(58vw, 82vh);
 background: #ff9c66;
 animation-duration: 2.97s;
}
.particle:nth-child(367) {
 transform: translate(45vw, 4vh);
 background: #b366ff;
 animation-duration: 2.72s;
}
.particle:nth-child(368) {
 transform: translate(79vw, 29vh);
 background: #6673ff;
 animation-duration: 1.48s;
}
.particle:nth-child(369) {
 transform: translate(43vw, 14vh);
 background: #668fff;
 animation-duration: 2.4s;
}
.particle:nth-child(370) {
 transform: translate(44vw, 93vh);
 background: #66ffa6;
 animation-duration: 2.67s;
}
.particle:nth-child(371) {
 transform: translate(39vw, 16vh);
 background: #87ff66;
 animation-duration: 2.15s;
}
.particle:nth-child(372) {
 transform: translate(29vw, 4vh);
 background: #6669ff;
 animation-duration: 1.54s;
}
.particle:nth-child(373) {
 transform: translate(46vw, 19vh);
 background: #ff66bf;
 animation-duration: 1.21s;
}
.particle:nth-child(374) {
 transform: translate(16vw, 95vh);
 background: #66a3ff;
 animation-duration: 1.75s;
}
.particle:nth-child(375) {
 transform: translate(94vw, 60vh);
 background: #66ffc4;
 animation-duration: 2.34s;
}
.particle:nth-child(376) {
 transform: translate(6vw, 61vh);
 background: #d166ff;
 animation-duration: 1.3s;
}
.particle:nth-child(377) {
 transform: translate(34vw, 2vh);
 background: #ff66e8;
 animation-duration: 2.84s;
}
.particle:nth-child(378) {
 transform: translate(29vw, 88vh);
 background: #66ff82;
 animation-duration: 2.78s;
}
.particle:nth-child(379) {
 transform: translate(29vw, 98vh);
 background: #6694ff;
 animation-duration: 1.2s;
}
.particle:nth-child(380) {
 transform: translate(63vw, 90vh);
 background: #bf66ff;
 animation-duration: 2.43s;
}
.particle:nth-child(381) {
 transform: translate(2vw, 21vh);
 background: #66b3ff;
 animation-duration: 2.84s;
}
.particle:nth-child(382) {
 transform: translate(62vw, 62vh);
 background: #fff566;
 animation-duration: 2.03s;
}
.particle:nth-child(383) {
 transform: translate(72vw, 35vh);
 background: #66ff80;
 animation-duration: 2.07s;
}
.particle:nth-child(384) {
 transform: translate(67vw, 63vh);
 background: #ff6699;
 animation-duration: 1.43s;
}
.particle:nth-child(385) {
 transform: translate(50vw, 43vh);
 background: #66fff2;
 animation-duration: 2.88s;
}
.particle:nth-child(386) {
 transform: translate(60vw, 88vh);
 background: #66ffd4;
 animation-duration: 3s;
}
.particle:nth-child(387) {
 transform: translate(12vw, 79vh);
 background: #c2ff66;
 animation-duration: 1.5s;
}
.particle:nth-child(388) {
 transform: translate(92vw, 34vh);
 background: #66f0ff;
 animation-duration: 2.56s;
}
.particle:nth-child(389) {
 transform: translate(65vw, 68vh);
 background: #667aff;
 animation-duration: 1.05s;
}
.particle:nth-child(390) {
 transform: translate(47vw, 25vh);
 background: #ffe366;
 animation-duration: 1.88s;
}
.particle:nth-child(391) {
 transform: translate(92vw, 69vh);
 background: #66f5ff;
 animation-duration: 2.25s;
}
.particle:nth-child(392) {
 transform: translate(80vw, 76vh);
 background: #ff66d1;
 animation-duration: 1.54s;
}
.particle:nth-child(393) {
 transform: translate(77vw, 99vh);
 background: #66ff99;
 animation-duration: 2.13s;
}
.particle:nth-child(394) {
 transform: translate(74vw, 17vh);
 background: #b866ff;
 animation-duration: 2.25s;
}
.particle:nth-child(395) {
 transform: translate(55vw, 6vh);
 background: #ffbf66;
 animation-duration: 2.08s;
}
.particle:nth-child(396) {
 transform: translate(46vw, 77vh);
 background: #66a3ff;
 animation-duration: 2.12s;
}
.particle:nth-child(397) {
 transform: translate(65vw, 53vh);
 background: #66ffb3;
 animation-duration: 1.03s;
}
.particle:nth-child(398) {
 transform: translate(91vw, 94vh);
 background: #ff9e66;
 animation-duration: 2.06s;
}
.particle:nth-child(399) {
 transform: translate(23vw, 16vh);
 background: #ff66ab;
 animation-duration: 2.42s;
}
.particle:nth-child(400) {
 transform: translate(15vw, 40vh);
 background: #cc66ff;
 animation-duration: 1.45s;
}

@keyframes shoot {
 0% {
   transform: translate(50vw, 50vh);
 }
}
  /* Responsive css */
  @media(max-width: 991px) {
    .event-in-head .event-in-right {
      width: 65%;
    }
  }