@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');

:root {
  --primary: #044484;
}

* {
  font-family: 'Poppins', sans-serif;
  color: #222222;
}

.container {
  max-width: 1250px !important;
}

.divider {
  clip-path: ellipse(50% 100% at 50% 0%);
}

.divider.reverse {
  clip-path: ellipse(50% 100% at 50% 100%);
}

strong {
  color: var(--primary) !important;
}

h2 {
  font-size: 24px !important;
  font-weight: 500 !important;
}

.accordion-item button:not(.collapsed) {
  background: var(--primary) !important;
  color: white;
}

.accordion-item button:not(.collapsed) i {
  color: white;
  transform: rotate(45deg);
}

.accordion-body {
  background: #F5F5FA;
}

@media (max-width:990px) {
  tr {
    display: flex;
    flex-wrap: wrap;
  }

  tr td {
    width: 100% !important;
  }

  tr td:first-child {
    margin-top: 20px;
  }
}