.bg-heroverse-primary {
  background-color: #2f0d68 !important;
}

.dropdown-menu {
  display: none;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  background-color: #2f0d68 !important;
  --bs-dropdown-border-color: #000 !important;
}
@media (max-width: 1023px) {
  .dropdown-menu {
    --bs-dropdown-border-color: unset !important;
  }
}

.dropdown-menu.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.dropdown-item:hover, .dropdown-item:focus {
  background-color: #2f0d68 !important;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #2f0d68 !important;
}

.navbar-toggler {
  border: none !important;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.5rem;
}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler:focus-visible {
  border-color: none !important;
  box-shadow: 0 0 0 0.2rem rgb(255, 255, 255) !important;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-width='2' d='M6 6L24 24M6 24L24 6'/%3E%3C/svg%3E") !important;
}

.navbar-toggler-icon span {
  background-color: #fff !important;
}

.link-active {
  color: #b296ff !important;
}

@media (max-width: 992px) {
  /* Slow down Bootstrap's height animation instead of killing it */
  #navbarNavDropdown.collapsing {
    transition: height 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }
  /* Fade + slide on top of the height animation */
  #navbarNavDropdown {
    opacity: 0;
    transform: translateY(-16px);
    transition: opacity 1.4s ease, transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
  }
  #navbarNavDropdown.show {
    opacity: 1;
    transform: translateY(0);
  }
}
.nav-link,
.dropdown-item {
  transition: color 0.3s ease;
}
.nav-link:hover, .nav-link.active, .nav-link.link-active,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item.link-active {
  color: #b296ff !important;
}

.dropdown-item[href*=marvel]:hover, .dropdown-item[href*=marvel].active {
  color: #dc3545 !important;
}
.dropdown-item[href*=dc]:hover, .dropdown-item[href*=dc].active {
  color: #0d6efd !important;
}

.bg-marvel-color {
  background-color: #9f0712 !important;
}

.bg-dc-color {
  background-color: #1c398e !important;
}

.hero__heading {
  font-size: 3rem !important;
}
@media (min-width: 768px) {
  .hero__heading {
    font-size: 4rem !important;
  }
}
@media (min-width: 992px) {
  .hero__heading {
    font-size: 4.85rem !important;
  }
}

.universes__marvel-box, .universes__dc-box {
  width: 100%;
  height: 24vh;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .universes__marvel-box, .universes__dc-box {
    height: 21vh;
  }
}
@media (min-width: 992px) {
  .universes__marvel-box, .universes__dc-box {
    width: 50%;
    height: 40vh;
  }
}
@media (min-width: 1400px) {
  .universes__marvel-box, .universes__dc-box {
    height: 50vh;
  }
}
@media (min-width: 1536px) {
  .universes__marvel-box, .universes__dc-box {
    height: 45vh;
  }
}
.universes__marvel-box::before, .universes__dc-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translateY(100%);
  transition: transform 0.6s ease;
  z-index: 0;
}
.universes__marvel-box::before {
  background-image: url("../../../assets/img/marvel/marvel-hero.jpg");
}
.universes__dc-box::before {
  background-image: url("../../../assets/img/dc/dc-hero.jpg");
}
.universes__marvel-box:hover::before, .universes__dc-box:hover::before {
  transform: translateY(0);
}
.universes__marvel-box::after, .universes__dc-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}
.universes__marvel-box:hover::after, .universes__dc-box:hover::after {
  opacity: 1;
}
.universes__marvel-link, .universes__dc-link {
  position: relative;
  z-index: 2;
  display: inline-block;
}
.universes__marvel-link:hover .universes__marvel-logo, .universes__dc-link:hover .universes__dc-logo {
  transform: scale(1.075);
}
.universes__marvel-logo {
  width: 8rem;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .universes__marvel-logo {
    width: 9rem;
  }
}
@media (min-width: 992px) {
  .universes__marvel-logo {
    width: 10rem;
  }
}
.universes__dc-logo {
  width: 6rem;
  z-index: 2;
  height: auto;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .universes__dc-logo {
    width: 5rem;
  }
}
@media (min-width: 992px) {
  .universes__dc-logo {
    width: 8rem;
  }
}

.bg-marvel-heroes,
.bg-marvel-teams {
  position: relative;
  overflow: hidden;
}
.bg-marvel-heroes::before,
.bg-marvel-teams::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}
.bg-marvel-heroes::after,
.bg-marvel-teams::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}
.bg-marvel-heroes img,
.bg-marvel-heroes p,
.bg-marvel-teams img,
.bg-marvel-teams p {
  position: relative;
  z-index: 2;
}

.bg-marvel-heroes {
  background-image: url("../../assets/img/marvel/marvel-heroes-bg.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-marvel-teams {
  background-image: url("../../assets/img/marvel/marvel-teams-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-dc-heroes,
.bg-dc-teams {
  position: relative;
  overflow: hidden;
}
.bg-dc-heroes::before,
.bg-dc-teams::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}
.bg-dc-heroes::after,
.bg-dc-teams::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}
.bg-dc-heroes img,
.bg-dc-heroes p,
.bg-dc-teams img,
.bg-dc-teams p {
  position: relative;
  z-index: 2;
}

.bg-dc-heroes {
  background-image: url("../../assets/img/dc/dc-heroes-bg.jpg");
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-dc-teams {
  background-image: url("../../assets/img/dc/dc-teams-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.dmca-heading,
.email-link {
  color: #7c4dff;
  text-decoration: none;
}

.dmca-subheading,
.email-link:hover,
#dmca-link {
  color: #b296ff;
  transition: color 0.3s ease-in-out;
}

#dmca-link:hover {
  color: #fff;
}

.marvel-universe-logo {
  width: 5rem;
  z-index: 2;
  height: auto;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.marvel-universe-logo:hover {
  transform: scale(1.075);
}

.dc-universe-logo {
  width: 5rem;
  z-index: 2;
  height: auto;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.dc-universe-logo:hover {
  transform: scale(1.075);
}
@media (min-width: 992px) {
  .dc-universe-logo {
    width: 6rem;
  }
}

.dc-universe-logo-upcoming {
  width: 4rem;
  z-index: 2;
  height: auto;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.dc-universe-logo-upcoming:hover {
  transform: scale(1.075);
}

.bg-upcoming-hero {
  background-color: #b296ff;
}

.title-logo {
  width: 60% !important;
  height: auto;
}
@media (min-width: 768px) {
  .title-logo {
    width: 45% !important;
  }
}
@media (min-width: 1400px) {
  .title-logo {
    width: 35% !important;
  }
}

.cursor-auto {
  cursor: default;
}

.left-content-width,
.right-content-width {
  width: 100%;
}
@media (min-width: 992px) {
  .left-content-width,
  .right-content-width {
    width: 50%;
  }
}

.bg-marvel-info {
  background-color: #7a0f14;
}

.bg-dc-info {
  background-color: #162c70;
}

.icon-img {
  width: 50px;
  height: 50px;
  max-width: 50px;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}
@media (min-width: 992px) {
  .icon-img {
    width: 39px;
    height: 39px;
  }
}
@media (min-width: 1200px) {
  .icon-img {
    width: 50px;
    height: 50px;
  }
}

a.rounded-5,
div.rounded-5 {
  display: inline-block;
  line-height: 0;
}
a.rounded-5 img,
div.rounded-5 img {
  vertical-align: top;
}

.left-content-upcoming,
.right-content-upcoming {
  width: 100%;
}
@media (min-width: 992px) {
  .left-content-upcoming,
  .right-content-upcoming {
    width: 50%;
  }
}

.bg-heroverse-primary {
  background-color: #2f0d68 !important;
}

.bg-marvel-color {
  background-color: #9f0712 !important;
}

.bg-dc-color {
  background-color: #1c398e !important;
}

.card-body {
  flex: 1;
}

.marvel-card-logo {
  width: 5rem;
  height: auto;
}

.dc-card-logo {
  width: 3rem;
  height: auto;
}

#details-btn,
#view-more-btn-heroes,
#view-more-btn-teams {
  background-color: #2f0d68;
  transition: background-color 0.3s ease-in-out;
}

#details-btn:hover,
#view-more-btn-heroes:hover,
#view-more-btn-teams:hover {
  background-color: #4e16ac;
}

.marvel-carousel-logo {
  width: 5rem !important;
  height: auto !important;
  margin: 0 auto !important;
}

.dc-carousel-logo {
  width: 3rem !important;
  height: auto !important;
  margin: 0 auto !important;
}

.gallery-hover {
  transition: transform 0.3s ease-in-out;
}

.gallery-hover:hover {
  transform: scale(1.05);
}

#slider-1 .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 500px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  justify-content: space-between;
  pointer-events: none;
}
#slider-1 .owl-nav button {
  pointer-events: all;
  color: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 10px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
#slider-1 .owl-nav .owl-prev,
#slider-1 .owl-nav .owl-next {
  color: #fff !important;
  font-size: 1.25rem !important;
  background-color: #2f0d68 !important;
}
#slider-1 .owl-nav .owl-prev:hover,
#slider-1 .owl-nav .owl-next:hover {
  background-color: rgba(46, 13, 104, 0.6352941176) !important;
}
#slider-1 .owl-dots {
  display: block;
  text-align: center;
  margin-top: 1rem;
}
#slider-1 .owl-dot {
  margin: 0 3px;
  cursor: pointer;
}
#slider-1 .owl-dot span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2941176471);
  display: block;
  border-radius: 50%;
}
#slider-1 .owl-dot.active span {
  background: #fff;
}
@media (min-width: 576px) {
  #slider-1 .owl-nav button {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 768px) {
  #slider-1 .owl-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
  #slider-1 .owl-nav .owl-prev,
  #slider-1 .owl-nav .owl-next {
    color: #fff !important;
    font-size: 1.5rem !important;
  }
  #slider-1 .owl-dots {
    display: block !important;
  }
}

#upcoming-arrow .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 1050px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
#upcoming-arrow .owl-nav button {
  pointer-events: all;
  color: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 10px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
#upcoming-arrow .owl-nav .owl-prev,
#upcoming-arrow .owl-nav .owl-next {
  color: #fff !important;
  font-size: 1.25rem !important;
  background-color: #2f0d68 !important;
}
#upcoming-arrow .owl-nav .owl-prev:hover,
#upcoming-arrow .owl-nav .owl-next:hover {
  background-color: rgba(46, 13, 104, 0.6352941176) !important;
}
#upcoming-arrow .owl-dots {
  display: block;
  text-align: center;
  margin-top: 1rem;
}
#upcoming-arrow .owl-dot {
  margin: 0 3px;
  cursor: pointer;
}
#upcoming-arrow .owl-dot span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2941176471);
  display: block;
  border-radius: 50%;
}
#upcoming-arrow .owl-dot.active span {
  background: #fff;
}
@media (min-width: 576px) {
  #upcoming-arrow .owl-nav button {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 768px) {
  #upcoming-arrow .owl-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
  #upcoming-arrow .owl-nav .owl-prev,
  #upcoming-arrow .owl-nav .owl-next {
    color: #fff !important;
    font-size: 1.5rem !important;
  }
  #upcoming-arrow .owl-dots {
    display: block !important;
  }
}

#upcoming-no-arrow .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 1050px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  justify-content: space-between;
  pointer-events: none;
}
#upcoming-no-arrow .owl-nav button {
  pointer-events: all;
  color: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 10px;
  font-size: 1.5rem;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
#upcoming-no-arrow .owl-nav .owl-prev,
#upcoming-no-arrow .owl-nav .owl-next {
  color: #fff !important;
  font-size: 1.25rem !important;
  background-color: #2f0d68 !important;
}
#upcoming-no-arrow .owl-nav .owl-prev:hover,
#upcoming-no-arrow .owl-nav .owl-next:hover {
  background-color: rgba(46, 13, 104, 0.6352941176) !important;
}
#upcoming-no-arrow .owl-dots {
  display: block;
  text-align: center;
  margin-top: 1rem;
}
#upcoming-no-arrow .owl-dot {
  margin: 0 3px;
  cursor: pointer;
  display: none;
}
#upcoming-no-arrow .owl-dot span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2941176471);
  display: block;
  border-radius: 50%;
}
#upcoming-no-arrow .owl-dot.active span {
  background: #fff;
}
@media (min-width: 576px) {
  #upcoming-no-arrow .owl-nav button {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 768px) {
  #upcoming-no-arrow .owl-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
  #upcoming-no-arrow .owl-nav .owl-prev,
  #upcoming-no-arrow .owl-nav .owl-next {
    color: #fff !important;
    font-size: 1.5rem !important;
  }
  #upcoming-no-arrow .owl-dots {
    display: block !important;
  }
}

#heroes-slider .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  max-width: 500px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  justify-content: space-between;
  pointer-events: none;
}
#heroes-slider .owl-nav button {
  pointer-events: all;
  color: #fff;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  padding: 10px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
#heroes-slider .owl-nav .owl-prev,
#heroes-slider .owl-nav .owl-next {
  color: #fff !important;
  font-size: 1.25rem !important;
  background-color: #2f0d68 !important;
}
#heroes-slider .owl-nav .owl-prev:hover,
#heroes-slider .owl-nav .owl-next:hover {
  background-color: rgba(46, 13, 104, 0.6352941176) !important;
}
#heroes-slider .owl-dots {
  display: block;
  text-align: center;
  margin-top: 1rem;
}
#heroes-slider .owl-dot {
  margin: 0 3px;
  cursor: pointer;
}
#heroes-slider .owl-dot span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2941176471);
  display: block;
  border-radius: 50%;
}
#heroes-slider .owl-dot.active span {
  background: #fff;
}
@media (min-width: 576px) {
  #heroes-slider .owl-nav button {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 768px) {
  #heroes-slider .owl-nav {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
  #heroes-slider .owl-nav .owl-prev,
  #heroes-slider .owl-nav .owl-next {
    color: #fff !important;
    font-size: 1.5rem !important;
  }
  #heroes-slider .owl-dots {
    display: block !important;
  }
}

.all-heroes__search {
  width: 100%;
}
@media (min-width: 768px) {
  .all-heroes__search {
    width: 75%;
  }
}

.all-teams__search {
  width: 100%;
}
@media (min-width: 768px) {
  .all-teams__search {
    width: 75%;
  }
}

.tabs-logo {
  width: auto;
  height: 2rem;
}

.nav-pills .nav-link {
  opacity: 0.7;
  transition: opacity 0.3s, transform 0.2s, border 0.3s;
  border: 2px solid transparent; /* reserve space */
  border-radius: 50px;
}

.nav-pills .nav-link:hover {
  opacity: 1;
  transform: scale(1.05);
}

.nav-pills .nav-link.active {
  opacity: 1;
  transform: scale(1.05);
  border-color: #fff; /* now the border fades in smoothly */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

/* All tab pill hover & active text */
#all-tab:hover,
#all-tab.active {
  color: #ffffff !important;
}

/* Fix whitespace below footer from hidden tab panes */
.tab-pane:not(.active) {
  display: none !important;
}

/* Prevent animating cards from extending page height */
.heroes-container,
.teams-container {
  overflow: hidden;
}

/* Ensure the page wrapper doesn't stretch beyond visible content */
.position-relative {
  display: flex;
  flex-direction: column;
}

/* Mobile: hide or simplify */
@media (max-width: 992px) {
  .breadcrumb {
    display: none !important;
  }
}
.breadcrumb-home a {
  color: #7c4dff;
  text-decoration: none;
}

.breadcrumb-home a:hover {
  color: #b296ff;
  transition: color 0.3s ease-in-out;
}

.breadcrumb-marvel a {
  color: #ff5c5c;
  text-decoration: none;
}

.breadcrumb-marvel a:hover {
  color: #ff8c8c;
  transition: color 0.3s ease-in-out;
}

.breadcrumb-dc a {
  color: #6ea1ff !important;
  text-decoration: none;
}

.breadcrumb-dc a:hover {
  color: #9ec5ff !important;
  transition: color 0.3s ease-in-out;
}

.breadcrumb-upcoming a {
  color: #b296ff !important;
  text-decoration: none;
}

.breadcrumb-upcoming a:hover {
  color: #c8b3ff !important;
  transition: color 0.3s ease-in-out;
}

/* Hidden rows initially */
.hidden-rows {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.hidden-rows.show {
  max-height: 10000px;
  transition: max-height 0.5s ease-in;
}

#view-more-btn {
  transition: all 0.3s ease;
}

.btn-width {
  width: 10%;
}

.trailer-btn {
  background-color: #2f0d68;
}

.trailer-btn:hover {
  background-color: #542b9a;
  transition: background-color 0.3s ease-in-out;
}

.pagination .page-link {
  border: 1px solid #fff;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.pagination .page-link:hover {
  background-color: #6f42c1 !important;
  color: #fff;
}

.pagination .page-item.active .page-link {
  background-color: #6f42c1 !important;
  color: #fff;
  font-weight: 600;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
  background-color: #000;
  color: #fff;
}

/* Hover */
.pagination .page-item:first-child .page-link:hover,
.pagination .page-item:last-child .page-link:hover {
  background-color: #6c757d !important;
  color: #fff;
}

/* Active (while clicking only) */
.pagination .page-item:first-child .page-link:active,
.pagination .page-item:last-child .page-link:active {
  background-color: #6c757d !important;
  color: #fff;
}

.tooltip {
  --bs-tooltip-bg: #2f0d68;
  --bs-tooltip-color: #fff;
}

.tooltip.show .tooltip-inner {
  background-color: #2f0d68 !important;
  color: #fff !important;
  font-weight: 500;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #2f0d68 !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #2f0d68 !important;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #2f0d68 !important;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #2f0d68 !important;
}

.spinner-wrapper {
  background-color: #2f0d68;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 600ms ease-in-out;
}

.spinner-border {
  height: 60px;
  width: 60px;
}

.spinner-star {
  position: absolute;
  color: #fff;
  font-size: 1.4rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.font-primary {
  font-family: "Unica One", sans-serif;
}

.font-secondary {
  font-family: "Bebas Neue", sans-serif;
}

[data-animate] {
  opacity: 0;
}

[data-animate].animate__animated {
  opacity: revert;
}

.animate-delay-05 {
  animation-delay: 0.5s;
}

.animate-delay-1 {
  animation-delay: 1s;
}

.animate-delay-15 {
  animation-delay: 1.5s;
}

.animate-delay-2 {
  animation-delay: 2s;
}

.animate-delay-25 {
  animation-delay: 2.5s;
}

.animate-delay-3 {
  animation-delay: 3s;
}

.animate-delay-35 {
  animation-delay: 3.5s;
}

.animate-delay-4 {
  animation-delay: 4s;
}

.animate-delay-45 {
  animation-delay: 4.5s;
}

.animate-delay-5 {
  animation-delay: 5s;
}

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