: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)
}

.block-keypoint-numbers {
  background-color: #fff;
  box-shadow: 0 6px 20px rgba(40,60,85,.1);
  padding: 40px 32px 48px;
  border-bottom-right-radius: 12px
}

@media (min-width: 850px) {
  .block-keypoint-numbers {
    padding:40px 48px 48px
  }
}

.block-keypoint-numbers__title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 34px
}

.block-keypoint-numbers__top {
  display: flex;
  align-items: center;
  margin-top: 32px
}

@media (max-width: 850px) {
  .block-keypoint-numbers__top {
    grid-column:span 2
  }
}

.block-keypoint-numbers__icon {
  margin-right: 32px
}

@media (max-width: 850px) {
  .block-keypoint-numbers__icon {
    margin-right:24px
  }
}

.block-keypoint-numbers__icon img {
  display: block;
  height: 76px;
  width: auto
}

@media (max-width: 850px) {
  .block-keypoint-numbers__icon img {
    height:auto;
    width: 58px
  }
}

.block-keypoint-numbers__number {
  font-size: 80px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: -10px
}

.block-keypoint-numbers__total {
  line-height: 1;
  font-weight: 600;
  font-size: 28px;
  margin-top: 8px
}

@media (min-width: 850px) {
  .block-keypoint-numbers__total {
    margin-left:10px;
    align-self: flex-end;
    font-size: 38px;
    margin-top: 0
  }
}

.block-keypoint-numbers__total:before {
  content: "/"
}

.block-keypoint-numbers__numbers {
  display: flex
}

@media (max-width: 850px) {
  .block-keypoint-numbers__numbers {
    flex-direction:column;
    align-items: flex-start;
    text-align: left
  }
}

.block-keypoint-numbers__details {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  align-items: flex-start;
  grid-gap: 16px
}

@media (min-width: 850px) {
  .block-keypoint-numbers__details {
    grid-template-columns:auto repeat(4,165px)
  }
}

.block-keypoint-numbers__details .detail {
  display: flex;
  flex-direction: column;
  padding-top: 24px
}

@media (min-width: 850px) {
  .block-keypoint-numbers__details .detail {
    padding-top:64px
  }
}

.block-keypoint-numbers__details .detail__numbers {
  display: flex;
  font-weight: 600;
  line-height: 42px;
  align-items: flex-end
}

.block-keypoint-numbers__details .detail__number {
  font-size: 38px;
  line-height: 1
}

.block-keypoint-numbers__details .detail__value {
  font-size: 28px;
  line-height: 1.2
}

.block-keypoint-numbers__details .detail__value:before {
  content: "/"
}

.block-keypoint-numbers__details .detail__content {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: left
}