:root {
  --primary: #4dbbce;
  --secondary: #283c55;
  --orange: #fabe69;
  --grey: #f4f3f5;
  --container-padding: 20px;
  --container-width: calc(100vw - var(--container-padding) * 2);
  --space: 8px;
}
@media only screen and (min-width: 1225px) {
  :root {
    --container-padding: 20px;
    --container-width: 1185px;
  }
}
.mt-1 {
  margin-top: calc(1 * var(--space)) !important;
}
.mb-1 {
  margin-bottom: calc(1 * var(--space)) !important;
}
.pt-1 {
  padding-top: calc(1 * var(--space)) !important;
}
.pb-1 {
  padding-bottom: calc(1 * var(--space)) !important;
}
.my-1 {
  margin-top: calc(1 * var(--space)) !important;
  margin-bottom: calc(1 * var(--space)) !important;
}
.py-1 {
  padding-top: calc(1 * var(--space)) !important;
  padding-bottom: calc(1 * var(--space)) !important;
}
.mt-n1 {
  margin-top: calc((1 * var(--space)) * -1) !important;
}
.mb-n1 {
  margin-bottom: calc((1 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n1 {
    margin-top: calc((1 * var(--space)) * -1) !important;
  }
  .sm\:px-1 {
    padding-left: calc(1 * var(--space)) !important;
    padding-right: calc(1 * var(--space)) !important;
  }
  .sm\:mx-n1 {
    margin-left: calc((1 * var(--space)) * -1) !important;
    margin-right: calc((1 * var(--space)) * -1) !important;
  }
}
.mt-2 {
  margin-top: calc(2 * var(--space)) !important;
}
.mb-2 {
  margin-bottom: calc(2 * var(--space)) !important;
}
.pt-2 {
  padding-top: calc(2 * var(--space)) !important;
}
.pb-2 {
  padding-bottom: calc(2 * var(--space)) !important;
}
.my-2 {
  margin-top: calc(2 * var(--space)) !important;
  margin-bottom: calc(2 * var(--space)) !important;
}
.py-2 {
  padding-top: calc(2 * var(--space)) !important;
  padding-bottom: calc(2 * var(--space)) !important;
}
.mt-n2 {
  margin-top: calc((2 * var(--space)) * -1) !important;
}
.mb-n2 {
  margin-bottom: calc((2 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n2 {
    margin-top: calc((2 * var(--space)) * -1) !important;
  }
  .sm\:px-2 {
    padding-left: calc(2 * var(--space)) !important;
    padding-right: calc(2 * var(--space)) !important;
  }
  .sm\:mx-n2 {
    margin-left: calc((2 * var(--space)) * -1) !important;
    margin-right: calc((2 * var(--space)) * -1) !important;
  }
}
.mt-3 {
  margin-top: calc(3 * var(--space)) !important;
}
.mb-3 {
  margin-bottom: calc(3 * var(--space)) !important;
}
.pt-3 {
  padding-top: calc(3 * var(--space)) !important;
}
.pb-3 {
  padding-bottom: calc(3 * var(--space)) !important;
}
.my-3 {
  margin-top: calc(3 * var(--space)) !important;
  margin-bottom: calc(3 * var(--space)) !important;
}
.py-3 {
  padding-top: calc(3 * var(--space)) !important;
  padding-bottom: calc(3 * var(--space)) !important;
}
.mt-n3 {
  margin-top: calc((3 * var(--space)) * -1) !important;
}
.mb-n3 {
  margin-bottom: calc((3 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n3 {
    margin-top: calc((3 * var(--space)) * -1) !important;
  }
  .sm\:px-3 {
    padding-left: calc(3 * var(--space)) !important;
    padding-right: calc(3 * var(--space)) !important;
  }
  .sm\:mx-n3 {
    margin-left: calc((3 * var(--space)) * -1) !important;
    margin-right: calc((3 * var(--space)) * -1) !important;
  }
}
.mt-4 {
  margin-top: calc(4 * var(--space)) !important;
}
.mb-4 {
  margin-bottom: calc(4 * var(--space)) !important;
}
.pt-4 {
  padding-top: calc(4 * var(--space)) !important;
}
.pb-4 {
  padding-bottom: calc(4 * var(--space)) !important;
}
.my-4 {
  margin-top: calc(4 * var(--space)) !important;
  margin-bottom: calc(4 * var(--space)) !important;
}
.py-4 {
  padding-top: calc(4 * var(--space)) !important;
  padding-bottom: calc(4 * var(--space)) !important;
}
.mt-n4 {
  margin-top: calc((4 * var(--space)) * -1) !important;
}
.mb-n4 {
  margin-bottom: calc((4 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n4 {
    margin-top: calc((4 * var(--space)) * -1) !important;
  }
  .sm\:px-4 {
    padding-left: calc(4 * var(--space)) !important;
    padding-right: calc(4 * var(--space)) !important;
  }
  .sm\:mx-n4 {
    margin-left: calc((4 * var(--space)) * -1) !important;
    margin-right: calc((4 * var(--space)) * -1) !important;
  }
}
.mt-5 {
  margin-top: calc(5 * var(--space)) !important;
}
.mb-5 {
  margin-bottom: calc(5 * var(--space)) !important;
}
.pt-5 {
  padding-top: calc(5 * var(--space)) !important;
}
.pb-5 {
  padding-bottom: calc(5 * var(--space)) !important;
}
.my-5 {
  margin-top: calc(5 * var(--space)) !important;
  margin-bottom: calc(5 * var(--space)) !important;
}
.py-5 {
  padding-top: calc(5 * var(--space)) !important;
  padding-bottom: calc(5 * var(--space)) !important;
}
.mt-n5 {
  margin-top: calc((5 * var(--space)) * -1) !important;
}
.mb-n5 {
  margin-bottom: calc((5 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n5 {
    margin-top: calc((5 * var(--space)) * -1) !important;
  }
  .sm\:px-5 {
    padding-left: calc(5 * var(--space)) !important;
    padding-right: calc(5 * var(--space)) !important;
  }
  .sm\:mx-n5 {
    margin-left: calc((5 * var(--space)) * -1) !important;
    margin-right: calc((5 * var(--space)) * -1) !important;
  }
}
.mt-6 {
  margin-top: calc(6 * var(--space)) !important;
}
.mb-6 {
  margin-bottom: calc(6 * var(--space)) !important;
}
.pt-6 {
  padding-top: calc(6 * var(--space)) !important;
}
.pb-6 {
  padding-bottom: calc(6 * var(--space)) !important;
}
.my-6 {
  margin-top: calc(6 * var(--space)) !important;
  margin-bottom: calc(6 * var(--space)) !important;
}
.py-6 {
  padding-top: calc(6 * var(--space)) !important;
  padding-bottom: calc(6 * var(--space)) !important;
}
.mt-n6 {
  margin-top: calc((6 * var(--space)) * -1) !important;
}
.mb-n6 {
  margin-bottom: calc((6 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n6 {
    margin-top: calc((6 * var(--space)) * -1) !important;
  }
  .sm\:px-6 {
    padding-left: calc(6 * var(--space)) !important;
    padding-right: calc(6 * var(--space)) !important;
  }
  .sm\:mx-n6 {
    margin-left: calc((6 * var(--space)) * -1) !important;
    margin-right: calc((6 * var(--space)) * -1) !important;
  }
}
.mt-7 {
  margin-top: calc(7 * var(--space)) !important;
}
.mb-7 {
  margin-bottom: calc(7 * var(--space)) !important;
}
.pt-7 {
  padding-top: calc(7 * var(--space)) !important;
}
.pb-7 {
  padding-bottom: calc(7 * var(--space)) !important;
}
.my-7 {
  margin-top: calc(7 * var(--space)) !important;
  margin-bottom: calc(7 * var(--space)) !important;
}
.py-7 {
  padding-top: calc(7 * var(--space)) !important;
  padding-bottom: calc(7 * var(--space)) !important;
}
.mt-n7 {
  margin-top: calc((7 * var(--space)) * -1) !important;
}
.mb-n7 {
  margin-bottom: calc((7 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n7 {
    margin-top: calc((7 * var(--space)) * -1) !important;
  }
  .sm\:px-7 {
    padding-left: calc(7 * var(--space)) !important;
    padding-right: calc(7 * var(--space)) !important;
  }
  .sm\:mx-n7 {
    margin-left: calc((7 * var(--space)) * -1) !important;
    margin-right: calc((7 * var(--space)) * -1) !important;
  }
}
.mt-8 {
  margin-top: calc(8 * var(--space)) !important;
}
.mb-8 {
  margin-bottom: calc(8 * var(--space)) !important;
}
.pt-8 {
  padding-top: calc(8 * var(--space)) !important;
}
.pb-8 {
  padding-bottom: calc(8 * var(--space)) !important;
}
.my-8 {
  margin-top: calc(8 * var(--space)) !important;
  margin-bottom: calc(8 * var(--space)) !important;
}
.py-8 {
  padding-top: calc(8 * var(--space)) !important;
  padding-bottom: calc(8 * var(--space)) !important;
}
.mt-n8 {
  margin-top: calc((8 * var(--space)) * -1) !important;
}
.mb-n8 {
  margin-bottom: calc((8 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n8 {
    margin-top: calc((8 * var(--space)) * -1) !important;
  }
  .sm\:px-8 {
    padding-left: calc(8 * var(--space)) !important;
    padding-right: calc(8 * var(--space)) !important;
  }
  .sm\:mx-n8 {
    margin-left: calc((8 * var(--space)) * -1) !important;
    margin-right: calc((8 * var(--space)) * -1) !important;
  }
}
.mt-9 {
  margin-top: calc(9 * var(--space)) !important;
}
.mb-9 {
  margin-bottom: calc(9 * var(--space)) !important;
}
.pt-9 {
  padding-top: calc(9 * var(--space)) !important;
}
.pb-9 {
  padding-bottom: calc(9 * var(--space)) !important;
}
.my-9 {
  margin-top: calc(9 * var(--space)) !important;
  margin-bottom: calc(9 * var(--space)) !important;
}
.py-9 {
  padding-top: calc(9 * var(--space)) !important;
  padding-bottom: calc(9 * var(--space)) !important;
}
.mt-n9 {
  margin-top: calc((9 * var(--space)) * -1) !important;
}
.mb-n9 {
  margin-bottom: calc((9 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n9 {
    margin-top: calc((9 * var(--space)) * -1) !important;
  }
  .sm\:px-9 {
    padding-left: calc(9 * var(--space)) !important;
    padding-right: calc(9 * var(--space)) !important;
  }
  .sm\:mx-n9 {
    margin-left: calc((9 * var(--space)) * -1) !important;
    margin-right: calc((9 * var(--space)) * -1) !important;
  }
}
.mt-10 {
  margin-top: calc(10 * var(--space)) !important;
}
.mb-10 {
  margin-bottom: calc(10 * var(--space)) !important;
}
.pt-10 {
  padding-top: calc(10 * var(--space)) !important;
}
.pb-10 {
  padding-bottom: calc(10 * var(--space)) !important;
}
.my-10 {
  margin-top: calc(10 * var(--space)) !important;
  margin-bottom: calc(10 * var(--space)) !important;
}
.py-10 {
  padding-top: calc(10 * var(--space)) !important;
  padding-bottom: calc(10 * var(--space)) !important;
}
.mt-n10 {
  margin-top: calc((10 * var(--space)) * -1) !important;
}
.mb-n10 {
  margin-bottom: calc((10 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n10 {
    margin-top: calc((10 * var(--space)) * -1) !important;
  }
  .sm\:px-10 {
    padding-left: calc(10 * var(--space)) !important;
    padding-right: calc(10 * var(--space)) !important;
  }
  .sm\:mx-n10 {
    margin-left: calc((10 * var(--space)) * -1) !important;
    margin-right: calc((10 * var(--space)) * -1) !important;
  }
}
.mt-11 {
  margin-top: calc(11 * var(--space)) !important;
}
.mb-11 {
  margin-bottom: calc(11 * var(--space)) !important;
}
.pt-11 {
  padding-top: calc(11 * var(--space)) !important;
}
.pb-11 {
  padding-bottom: calc(11 * var(--space)) !important;
}
.my-11 {
  margin-top: calc(11 * var(--space)) !important;
  margin-bottom: calc(11 * var(--space)) !important;
}
.py-11 {
  padding-top: calc(11 * var(--space)) !important;
  padding-bottom: calc(11 * var(--space)) !important;
}
.mt-n11 {
  margin-top: calc((11 * var(--space)) * -1) !important;
}
.mb-n11 {
  margin-bottom: calc((11 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n11 {
    margin-top: calc((11 * var(--space)) * -1) !important;
  }
  .sm\:px-11 {
    padding-left: calc(11 * var(--space)) !important;
    padding-right: calc(11 * var(--space)) !important;
  }
  .sm\:mx-n11 {
    margin-left: calc((11 * var(--space)) * -1) !important;
    margin-right: calc((11 * var(--space)) * -1) !important;
  }
}
.mt-12 {
  margin-top: calc(12 * var(--space)) !important;
}
.mb-12 {
  margin-bottom: calc(12 * var(--space)) !important;
}
.pt-12 {
  padding-top: calc(12 * var(--space)) !important;
}
.pb-12 {
  padding-bottom: calc(12 * var(--space)) !important;
}
.my-12 {
  margin-top: calc(12 * var(--space)) !important;
  margin-bottom: calc(12 * var(--space)) !important;
}
.py-12 {
  padding-top: calc(12 * var(--space)) !important;
  padding-bottom: calc(12 * var(--space)) !important;
}
.mt-n12 {
  margin-top: calc((12 * var(--space)) * -1) !important;
}
.mb-n12 {
  margin-bottom: calc((12 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n12 {
    margin-top: calc((12 * var(--space)) * -1) !important;
  }
  .sm\:px-12 {
    padding-left: calc(12 * var(--space)) !important;
    padding-right: calc(12 * var(--space)) !important;
  }
  .sm\:mx-n12 {
    margin-left: calc((12 * var(--space)) * -1) !important;
    margin-right: calc((12 * var(--space)) * -1) !important;
  }
}
.mt-13 {
  margin-top: calc(13 * var(--space)) !important;
}
.mb-13 {
  margin-bottom: calc(13 * var(--space)) !important;
}
.pt-13 {
  padding-top: calc(13 * var(--space)) !important;
}
.pb-13 {
  padding-bottom: calc(13 * var(--space)) !important;
}
.my-13 {
  margin-top: calc(13 * var(--space)) !important;
  margin-bottom: calc(13 * var(--space)) !important;
}
.py-13 {
  padding-top: calc(13 * var(--space)) !important;
  padding-bottom: calc(13 * var(--space)) !important;
}
.mt-n13 {
  margin-top: calc((13 * var(--space)) * -1) !important;
}
.mb-n13 {
  margin-bottom: calc((13 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n13 {
    margin-top: calc((13 * var(--space)) * -1) !important;
  }
  .sm\:px-13 {
    padding-left: calc(13 * var(--space)) !important;
    padding-right: calc(13 * var(--space)) !important;
  }
  .sm\:mx-n13 {
    margin-left: calc((13 * var(--space)) * -1) !important;
    margin-right: calc((13 * var(--space)) * -1) !important;
  }
}
.mt-14 {
  margin-top: calc(14 * var(--space)) !important;
}
.mb-14 {
  margin-bottom: calc(14 * var(--space)) !important;
}
.pt-14 {
  padding-top: calc(14 * var(--space)) !important;
}
.pb-14 {
  padding-bottom: calc(14 * var(--space)) !important;
}
.my-14 {
  margin-top: calc(14 * var(--space)) !important;
  margin-bottom: calc(14 * var(--space)) !important;
}
.py-14 {
  padding-top: calc(14 * var(--space)) !important;
  padding-bottom: calc(14 * var(--space)) !important;
}
.mt-n14 {
  margin-top: calc((14 * var(--space)) * -1) !important;
}
.mb-n14 {
  margin-bottom: calc((14 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n14 {
    margin-top: calc((14 * var(--space)) * -1) !important;
  }
  .sm\:px-14 {
    padding-left: calc(14 * var(--space)) !important;
    padding-right: calc(14 * var(--space)) !important;
  }
  .sm\:mx-n14 {
    margin-left: calc((14 * var(--space)) * -1) !important;
    margin-right: calc((14 * var(--space)) * -1) !important;
  }
}
.mt-15 {
  margin-top: calc(15 * var(--space)) !important;
}
.mb-15 {
  margin-bottom: calc(15 * var(--space)) !important;
}
.pt-15 {
  padding-top: calc(15 * var(--space)) !important;
}
.pb-15 {
  padding-bottom: calc(15 * var(--space)) !important;
}
.my-15 {
  margin-top: calc(15 * var(--space)) !important;
  margin-bottom: calc(15 * var(--space)) !important;
}
.py-15 {
  padding-top: calc(15 * var(--space)) !important;
  padding-bottom: calc(15 * var(--space)) !important;
}
.mt-n15 {
  margin-top: calc((15 * var(--space)) * -1) !important;
}
.mb-n15 {
  margin-bottom: calc((15 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n15 {
    margin-top: calc((15 * var(--space)) * -1) !important;
  }
  .sm\:px-15 {
    padding-left: calc(15 * var(--space)) !important;
    padding-right: calc(15 * var(--space)) !important;
  }
  .sm\:mx-n15 {
    margin-left: calc((15 * var(--space)) * -1) !important;
    margin-right: calc((15 * var(--space)) * -1) !important;
  }
}
.mt-16 {
  margin-top: calc(16 * var(--space)) !important;
}
.mb-16 {
  margin-bottom: calc(16 * var(--space)) !important;
}
.pt-16 {
  padding-top: calc(16 * var(--space)) !important;
}
.pb-16 {
  padding-bottom: calc(16 * var(--space)) !important;
}
.my-16 {
  margin-top: calc(16 * var(--space)) !important;
  margin-bottom: calc(16 * var(--space)) !important;
}
.py-16 {
  padding-top: calc(16 * var(--space)) !important;
  padding-bottom: calc(16 * var(--space)) !important;
}
.mt-n16 {
  margin-top: calc((16 * var(--space)) * -1) !important;
}
.mb-n16 {
  margin-bottom: calc((16 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n16 {
    margin-top: calc((16 * var(--space)) * -1) !important;
  }
  .sm\:px-16 {
    padding-left: calc(16 * var(--space)) !important;
    padding-right: calc(16 * var(--space)) !important;
  }
  .sm\:mx-n16 {
    margin-left: calc((16 * var(--space)) * -1) !important;
    margin-right: calc((16 * var(--space)) * -1) !important;
  }
}
.mt-17 {
  margin-top: calc(17 * var(--space)) !important;
}
.mb-17 {
  margin-bottom: calc(17 * var(--space)) !important;
}
.pt-17 {
  padding-top: calc(17 * var(--space)) !important;
}
.pb-17 {
  padding-bottom: calc(17 * var(--space)) !important;
}
.my-17 {
  margin-top: calc(17 * var(--space)) !important;
  margin-bottom: calc(17 * var(--space)) !important;
}
.py-17 {
  padding-top: calc(17 * var(--space)) !important;
  padding-bottom: calc(17 * var(--space)) !important;
}
.mt-n17 {
  margin-top: calc((17 * var(--space)) * -1) !important;
}
.mb-n17 {
  margin-bottom: calc((17 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n17 {
    margin-top: calc((17 * var(--space)) * -1) !important;
  }
  .sm\:px-17 {
    padding-left: calc(17 * var(--space)) !important;
    padding-right: calc(17 * var(--space)) !important;
  }
  .sm\:mx-n17 {
    margin-left: calc((17 * var(--space)) * -1) !important;
    margin-right: calc((17 * var(--space)) * -1) !important;
  }
}
.mt-18 {
  margin-top: calc(18 * var(--space)) !important;
}
.mb-18 {
  margin-bottom: calc(18 * var(--space)) !important;
}
.pt-18 {
  padding-top: calc(18 * var(--space)) !important;
}
.pb-18 {
  padding-bottom: calc(18 * var(--space)) !important;
}
.my-18 {
  margin-top: calc(18 * var(--space)) !important;
  margin-bottom: calc(18 * var(--space)) !important;
}
.py-18 {
  padding-top: calc(18 * var(--space)) !important;
  padding-bottom: calc(18 * var(--space)) !important;
}
.mt-n18 {
  margin-top: calc((18 * var(--space)) * -1) !important;
}
.mb-n18 {
  margin-bottom: calc((18 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n18 {
    margin-top: calc((18 * var(--space)) * -1) !important;
  }
  .sm\:px-18 {
    padding-left: calc(18 * var(--space)) !important;
    padding-right: calc(18 * var(--space)) !important;
  }
  .sm\:mx-n18 {
    margin-left: calc((18 * var(--space)) * -1) !important;
    margin-right: calc((18 * var(--space)) * -1) !important;
  }
}
.mt-19 {
  margin-top: calc(19 * var(--space)) !important;
}
.mb-19 {
  margin-bottom: calc(19 * var(--space)) !important;
}
.pt-19 {
  padding-top: calc(19 * var(--space)) !important;
}
.pb-19 {
  padding-bottom: calc(19 * var(--space)) !important;
}
.my-19 {
  margin-top: calc(19 * var(--space)) !important;
  margin-bottom: calc(19 * var(--space)) !important;
}
.py-19 {
  padding-top: calc(19 * var(--space)) !important;
  padding-bottom: calc(19 * var(--space)) !important;
}
.mt-n19 {
  margin-top: calc((19 * var(--space)) * -1) !important;
}
.mb-n19 {
  margin-bottom: calc((19 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n19 {
    margin-top: calc((19 * var(--space)) * -1) !important;
  }
  .sm\:px-19 {
    padding-left: calc(19 * var(--space)) !important;
    padding-right: calc(19 * var(--space)) !important;
  }
  .sm\:mx-n19 {
    margin-left: calc((19 * var(--space)) * -1) !important;
    margin-right: calc((19 * var(--space)) * -1) !important;
  }
}
.mt-20 {
  margin-top: calc(20 * var(--space)) !important;
}
.mb-20 {
  margin-bottom: calc(20 * var(--space)) !important;
}
.pt-20 {
  padding-top: calc(20 * var(--space)) !important;
}
.pb-20 {
  padding-bottom: calc(20 * var(--space)) !important;
}
.my-20 {
  margin-top: calc(20 * var(--space)) !important;
  margin-bottom: calc(20 * var(--space)) !important;
}
.py-20 {
  padding-top: calc(20 * var(--space)) !important;
  padding-bottom: calc(20 * var(--space)) !important;
}
.mt-n20 {
  margin-top: calc((20 * var(--space)) * -1) !important;
}
.mb-n20 {
  margin-bottom: calc((20 * var(--space)) * -1) !important;
}
@media (min-width: 768px) {
  .sm\:mt-n20 {
    margin-top: calc((20 * var(--space)) * -1) !important;
  }
  .sm\:px-20 {
    padding-left: calc(20 * var(--space)) !important;
    padding-right: calc(20 * var(--space)) !important;
  }
  .sm\:mx-n20 {
    margin-left: calc((20 * var(--space)) * -1) !important;
    margin-right: calc((20 * var(--space)) * -1) !important;
  }
}
.fullsize {
  margin-left: calc(var(--container-padding) * -1);
  margin-right: calc(var(--container-padding) * -1);
}
@media (min-width: 850px) {
  .fullsize {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
}
.container {
  box-sizing: border-box;
  width: 100%;
  padding-left: calc(50% - var(--container-width) / 2);
  padding-right: calc(50% - var(--container-width) / 2);
}
.article {
  display: flex;
  flex-direction: column;
}
.article__thumbnail {
  position: relative;
  flex: none;
  z-index: 1;
}
.article__thumbnail > img {
  width: 100%;
  height: 190px;
  border-bottom-right-radius: 12px;
  object-fit: cover;
  display: block;
}
.article__tag {
  background-color: var(--primary);
  color: #fff;
  position: absolute;
  top: 20px;
  left: 0;
  padding: 8px 20px;
  border-bottom-right-radius: 10px;
}
.article__content {
  box-shadow: 0 6px 20px rgba(40, 60, 85, 0.1);
  padding: 30px 20px;
  border-bottom-right-radius: 12px;
  background-color: #fff;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
.article__content .btn-link {
  margin-top: auto;
}
.article__date {
  font-size: 12px;
  font-weight: 400;
  color: var(--secondary);
}
.article__date-range {
  background-color: var(--secondary);
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  line-height: 36px;
  border-bottom-right-radius: 12px;
  width: 100%;
  padding-left: 20px;
  padding-top: 12px;
  margin-top: -12px;
}
.article__date-range + .article__date {
  opacity: 0;
}
.article__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 7px;
  margin-bottom: 0;
  min-height: 44px;
}
.article__excerpt {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 25px;
}
.companies-collapser {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 30px;
}
.companies-collapser .company {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 12px;
}
.companies-collapser .company__header {
  display: grid;
  grid-template-columns: 120px auto 36px;
  align-items: center;
  grid-gap: 36px;
  padding: 40px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .companies-collapser .company__header {
    display: flex;
    flex-wrap: wrap;
  }
}
.companies-collapser .company__header:after {
  height: 18px;
  width: 36px;
  content: "";
  display: block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTQgOCI+CiAgPHBhdGggZD0iTTQxMy43LDg1MC4xbC02LTUuODE4LTEuMzkyLDEuNDM2LDYsNS44MThabS01Ljk3OCw3LjYsNi02LjE4Mi0xLjQzNi0xLjM5My02LDYuMTgyWm0tLjAyMi0xMy40MTVhMSwxLDAsMCwwLTEuMzkyLDEuNDM2Wm01LjMsNi41MzYuNzE4LjdhMSwxLDAsMCwwLS4wMjItMS40MTVabS02LjcxOCw1LjQ4NmExLDEsMCwwLDAsMS40MzYsMS4zOTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NTggLTQwNikgcm90YXRlKDkwKSIgZmlsbD0iI2ZhYmY2YSIvPgo8L3N2Zz4K)
  no-repeat 50%;
  background-size: 36px 18px;
  transition: all 0.25s;
}
.companies-collapser .company__logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .companies-collapser .company__logo {
    flex: 1;
    justify-content: flex-start;
  }
}
.companies-collapser .company__logo img {
  max-width: 100%;
  height: auto;
}
.companies-collapser .company__title {
  font-size: 28px;
  letter-spacing: -0.02em;
  line-height: 34px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 768px) {
  .companies-collapser .company__title {
    order: 3;
  }
}
.companies-collapser .company__title span {
  font-weight: 400;
  display: block;
}
.companies-collapser .company__content {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 0.35s ease-in-out;
}
.companies-collapser .company__content > div {
  padding-right: 35px;
  padding-bottom: 36px;
  display: flex;
  flex-direction: column;
  padding-left: 40px;
}
@media (min-width: 768px) {
  .companies-collapser .company__content > div {
    flex-direction: row;
    padding-left: 204px;
  }
}
@media (min-width: 768px) {
  .companies-collapser .company__intro {
    padding-right: 64px;
  }
}
.companies-collapser .company__intro .btn {
  margin-top: 24px;
}
.companies-collapser .company__edito > p:first-child {
  margin-top: 0;
}
.companies-collapser .company .company-details {
  flex: none;
  border-top: 1px solid var(--primary);
  padding-top: 40px;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .companies-collapser .company .company-details {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
    border-left: 1px solid var(--primary);
    padding-left: 64px;
    max-width: 400px;
    width: 100%;
  }
}
.companies-collapser .company.is-expanded .company__content {
  opacity: 1;
  visibility: visible;
  height: auto;
}
.companies-collapser .company.is-expanded .company__header:after {
  transform: rotate(-180deg);
}
.comp-info {
  display: flex;
  align-items: flex-start;
  margin-top: 13px;
}
.comp-info__icon {
  flex: none;
  padding-top: 3px;
  margin-right: 10px;
}
.comp-info__value {
  flex: 1;
  font-size: 11px;
  line-height: 14px;
}
.comp-info__value a {
  color: inherit;
  text-decoration: none;
}
.comp-info__value p {
  margin: 0;
}
@media (min-width: 768px) {
  .comp-info-col2 {
    display: flex;
  }
  .comp-info-col2 > div + div {
    margin-left: 38px;
  }
}
.comp-info--center {
  align-items: center;
}
.company-details {
  flex: none;
}
@media (min-width: 768px) {
  .company-details {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
  }
}
.company-details__wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: 2px solid #d0dae2;
  border-bottom: 2px solid #d0dae2;
}
@media (max-width: 768px) {
  .company-details__wrapper {
    flex-direction: column;
  }
}
.company-details__wrapper h2,
.form-select {
  font-weight: 600;
}
.form-select {
  appearance: none;
  -webkit-appearance: none;
  color: var(--secondary);
  border: 0;
  outline: none;
  box-shadow: none;
  border-bottom: 2px solid var(--secondary);
  border-radius: 0;
  line-height: 24px;
  font-size: 14px;
  min-width: 160px;
  padding: 0;
  margin: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTQgOCI+CiAgPHBhdGggaWQ9IlRyYWPDqV8xODI3IiBkPSJNNDEzLjcsODUwLjFsLTYtNS44MTgtMS4zOTIsMS40MzYsNiw1LjgxOFptLTUuOTc4LDcuNiw2LTYuMTgyLTEuNDM2LTEuMzkzLTYsNi4xODJabS0uMDIyLTEzLjQxNWExLDEsMCwwLDAtMS4zOTIsMS40MzZabTUuMyw2LjUzNi43MTguN2ExLDEsMCwwLDAtLjAyMi0xLjQxNVptLTYuNzE4LDUuNDg2YTEsMSwwLDAsMCwxLjQzNiwxLjM5M1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg1OCAtNDA2KSByb3RhdGUoOTApIiBmaWxsPSIjMjgzYzU1Ii8+Cjwvc3ZnPgo=)
  no-repeat 100%;
}
.list-articles {
  margin-top: 90px;
}
.list-articles__top {
  display: block;
  width: 100%;
}
@media screen and (min-width: 850px) {
  .list-articles__top {
    display: flex;
    align-items: center;
  }
}
.list-articles__title {
  margin: 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
}
.list-articles__filter > select {
  width: 100%;
  margin-top: 20px;
}
@media screen and (min-width: 850px) {
  .list-articles__filter {
    margin-left: 55px;
  }
  .list-articles__filter > select {
    margin-top: 0;
  }
}
.list-articles__cta {
  display: none;
}
@media screen and (min-width: 850px) {
  .list-articles__cta {
    display: block;
    margin-left: auto;
  }
}
.list-articles__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  margin-top: 30px;
}
@media screen and (min-width: 550px) {
  .list-articles__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .list-articles__list > article:nth-child(-n + 2) {
    display: block;
  }
}
@media screen and (min-width: 900px) {
  .list-articles__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .list-articles__list > article:nth-child(-n + 3) {
    display: block;
  }
}
@media screen and (min-width: 1120px) {
  .list-articles__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .list-articles__list > article:nth-child(-n + 4) {
    display: block;
  }
}
.list-articles__list > article {
  display: none;
}
.list-articles__list > article:nth-child(-n + 1) {
  display: block;
}