:root {
  --background-color: #ebeced;
  --navy: #001427;
  --primary-brand-color: #3b83f7;
  --light-color: white;
  --dark-color: black;
  --cadet-blue: #708d81;
  --firebrick: #bf0603;
  --gainsboro: #f4d58d;
  --creative-bounty: #cb423d;
  --dark-red: #8d0801;
  --olive: #8d7131;
  --light-grey: #ddd;
  --mid-grey: #727272;
  --secondary-brand-color: #89b6ff;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--background-color);
  color: var(--navy);
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 39px;
}

h1 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

h2 {
  margin-top: -2px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 17px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--primary-brand-color);
  text-decoration: underline;
}

.section-padding {
  padding-left: 20px;
  padding-right: 20px;
}

.container {
  flex: 1;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.style-guide-grid {
  grid-column-gap: 40px;
  grid-row-gap: 41px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  margin-bottom: 30px;
  display: grid;
}

.style-guide-category {
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 20px;
  padding-bottom: 5px;
  font-weight: 700;
}

.style-guide-edit {
  text-transform: uppercase;
  border-bottom: 1px solid #e6e6e6;
  margin-top: 10px;
  margin-bottom: 10px;
}

.light-text {
  color: var(--light-color);
}

.style-guide-element {
  color: #fff;
  background-color: #3b83f7;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 3px 5px;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
}

.style-guide-class {
  color: #fff;
  background-color: #3b83f7;
  border-radius: 3px;
  padding: 3px 8px;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
}

.style-guide-class.tag-class {
  background-color: #cc55b8;
}

.style-guide-edit-wrap {
  opacity: .4;
}

.style-guide-edit-wrap:hover {
  opacity: 1;
}

.small-p {
  font-size: 14px;
  line-height: 18px;
}

.large-p {
  font-size: 22px;
  font-weight: 400;
  line-height: 45px;
}

.style-guide-color-wrap {
  background-color: var(--dark-color);
  height: 100px;
  color: var(--navy);
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  padding: 15px 30px;
  display: flex;
}

.style-guide-color-wrap.primary-color-background {
  background-color: #8d0801;
}

.style-guide-color-wrap.secondary-color-background {
  background-color: var(--cadet-blue);
}

.style-guide-color-wrap.mid-grey-color-background {
  background-color: var(--firebrick);
}

.style-guide-color-wrap.light-color-background, .style-guide-color-wrap.white-background {
  background-color: var(--light-color);
}

.style-guide-color-wrap.light-grey-color-background {
  background-color: var(--gainsboro);
}

.button {
  float: left;
  clear: none;
  border: 2px solid var(--navy);
  background-color: var(--light-color);
  color: var(--navy);
  text-align: center;
  border-radius: 50px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin: 0;
  padding: 3px 20px;
  font-size: 16px;
  display: flex;
  position: static;
  inset: auto auto 0% 0%;
}

.button:hover {
  background-color: var(--light-color);
  border-style: none;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.button.ghost-button {
  border: 2px solid var(--cadet-blue);
  color: var(--navy);
  background-color: #0000;
}

.button.ghost-button.invese-ghost {
  border-color: var(--light-color);
  color: var(--light-color);
}

.button.inverse-button {
  background-color: var(--light-color);
  color: var(--primary-brand-color);
}

.button.form-submit {
  margin-top: 15px;
}

.button.footer-button {
  border: 3px solid var(--gainsboro);
  color: var(--gainsboro);
  cursor: pointer;
  background-color: #0000;
  margin-top: 24px;
  margin-bottom: -25px;
  margin-left: 135px;
  padding-left: 15px;
  inset: auto 0% 0% auto;
}

.style-guide-grid-item-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start stretch;
  padding-top: 10px;
  display: grid;
}

.list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 20px;
  list-style-type: none;
  display: grid;
}

.list-item {
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-field.form-select {
  background-color: var(--light-color);
}

.form-lable {
  margin-top: 20px;
}

.form-checkbox {
  width: 20px;
}

.style-guide-layout-demo {
  background-color: #d3d3d3;
  border: 1px solid #d3d3d3;
}

.style-guide-layout-demo.section-padding {
  margin-top: 30px;
}

.style-guide-white-div {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 20px;
}

.popup-background-wrap {
  z-index: 100;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-card {
  background-color: var(--light-color);
  text-align: center;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  padding: 30px;
  display: flex;
  position: relative;
}

.style-guide-wrap {
  padding-top: 20px;
}

.close-popup-button {
  color: var(--dark-color);
  padding: 15px;
  font-size: 20px;
  text-decoration: none;
  position: absolute;
  inset: -5px -5px auto auto;
}

.style-guide-popup-wrap {
  background-color: var(--dark-color);
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 22px;
  display: flex;
}

.cms-publication-heading {
  color: var(--navy);
  border-radius: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  position: relative;
  top: 0;
}

.cms-publication-heading:hover {
  color: var(--navy);
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.heading-1 {
  font-family: Noto Sans, sans-serif;
  font-size: 60px;
  line-height: 62px;
}

.heading-2 {
  font-family: Noto Sans, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 68px;
}

.h2 {
  font-family: Noto Sans, sans-serif;
  font-size: 35px;
  line-height: 48px;
}

.link {
  color: var(--light-color);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  overflow: hidden;
}

.link.dark {
  color: var(--navy);
  font-size: 14px;
  font-weight: 500;
}

.link.dark.cb-link {
  color: #cb423d;
  font-weight: 500;
}

.link.footer {
  color: var(--background-color);
  font-size: 18px;
  font-weight: 300;
  line-height: 10px;
  position: static;
}

.link.orange {
  color: var(--creative-bounty);
}

.paragraph {
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  font-size: 17px;
  font-weight: 300;
  line-height: 40px;
}

.hero-section {
  background-color: var(--dark-color);
  object-fit: fill;
  background-image: linear-gradient(#00142700, #00142700), url('../images/Compressed-Wep-P-Home-page.webp');
  background-position: 0 0, 50% 25%;
  background-size: auto, cover;
  height: 100vh;
  padding-top: 0;
  position: relative;
}

.container-1280 {
  grid-column-gap: 0px;
  text-align: left;
  justify-content: flex-start;
  width: 90vw;
  max-width: 1280px;
  height: 70%;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0 6px 0 0;
  display: block;
  position: relative;
  top: 0;
}

.container-1280.contact {
  margin-left: auto;
  margin-right: auto;
}

.container-1280.navbar-edition {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  margin-right: 40px;
  padding-right: 0;
  display: flex;
}

.hero-content-wrapper {
  flex-direction: column;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  margin-bottom: 9px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nav-bar {
  grid-column-gap: 30px;
  color: var(--navy);
  object-fit: fill;
  background-color: #0000;
  flex-flow: row;
  place-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1px;
  display: flex;
  position: sticky;
  overflow: visible;
}

.heading-4 {
  color: var(--light-color);
  padding-top: 31px;
}

.heading-4.logo {
  width: 431%;
  max-width: 430px;
  color: var(--light-color);
  margin-top: -40px;
  margin-bottom: 24px;
  padding-top: 60px;
  padding-bottom: 36px;
  display: flex;
}

.nav-link {
  color: var(--background-color);
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 300;
  top: auto;
  bottom: auto;
}

.nav-link:visited {
  color: var(--light-color);
}

.divider {
  float: none;
  border: 1px solid var(--background-color);
  background-color: var(--navy);
  width: 1px;
  height: 23px;
  color: var(--light-color);
  display: inline-block;
}

.nav-menu {
  align-items: center;
  display: block;
}

.slider-section {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
}

.slider-section.vertical-space {
  background-color: #0000;
  background-image: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 30px;
}

.crimcard-slide {
  object-fit: fill;
  background-color: #001427e8;
  background-image: url('../images/colomns-ompressed.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 39px;
}

.crimcard-slide.south-africa {
  text-shadow: 0 1px 1px #0003;
  background-color: #0000;
  background-image: linear-gradient(#ffffff96, #ffffff96), url('../images/South-Africa-Background-2.webp');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.vertical-space {
  padding: 40px;
}

.text-block {
  height: 101%;
  color: var(--light-color);
  text-align: left;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  display: block;
}

.text-block.dark {
  color: var(--navy);
  margin-top: 20px;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
}

.slider-heading {
  height: auto;
  color: var(--light-color);
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-size: 35px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  display: block;
}

.slider-heading.dark {
  color: var(--navy);
  text-align: left;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 39px;
}

.slider {
  height: 400px;
}

._2-col-grid {
  grid-column-gap: 27px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.25fr;
  margin-bottom: 50px;
  margin-right: 14px;
}

.about-main-image {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 6px;
  margin-right: -8px;
  padding-top: 20px;
  padding-bottom: 0;
  padding-left: 7px;
  display: block;
}

.heading-6 {
  margin-top: 1px;
  margin-bottom: -2px;
  padding-top: 43px;
  padding-bottom: 46px;
  font-size: 35px;
  font-weight: 400;
  line-height: 36px;
}

.text-block-2 {
  padding-bottom: 82px;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
}

.footer.vertical-space {
  background-color: var(--navy);
  position: static;
}

.footer-grid {
  grid-column-gap: 46px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr .75fr 1fr;
}

.div-block {
  background-color: var(--gainsboro);
  width: 1px;
  height: 201px;
  color: var(--gainsboro);
}

.div-block-2 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.yellow-llne {
  background-color: var(--gainsboro);
  width: 205px;
  height: 1px;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  font-weight: 400;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(0);
}

.yellow-llne.horizontal {
  margin-top: 90px;
  padding-top: 0;
  padding-bottom: 1px;
  position: static;
  transform: rotate(0);
}

.footer-paragraph {
  color: var(--background-color);
  margin-left: 4px;
  margin-right: 15px;
  padding-top: 63px;
  padding-left: 53px;
  padding-right: 44px;
  font-size: 18px;
}

.div-block-3 {
  background-color: var(--gainsboro);
  width: 205px;
  height: 1px;
  margin-top: 64px;
  margin-left: 39px;
  padding-top: 1px;
  padding-left: 29px;
}

.about-hero-section {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/999C8BE9-BCC2-48BA-98FA-DADBEF2C21F3_1_201_a.jpeg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  width: auto;
  height: 800px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1px;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
}

.body {
  background-color: var(--background-color);
  background-image: linear-gradient(#ebeced99, #ebeced99);
  height: 0;
  max-height: 0;
  margin-bottom: 0;
}

.heading-7 {
  width: 600px;
  max-width: 1280px;
  color: var(--navy);
  object-fit: fill;
  margin-bottom: 0;
  padding: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
  position: static;
  overflow: visible;
}

.blue-divider {
  background-color: var(--navy);
  width: 300px;
  height: .5px;
  margin-top: 185px;
  margin-bottom: 11px;
  margin-left: 0;
  padding: .75px 49px 0 3px;
}

.gradient-bar {
  background-image: linear-gradient(31deg, var(--dark-red), var(--firebrick) 58%, #f0c76a);
  object-fit: fill;
  width: 100%;
  height: 15px;
  margin-top: 0;
  margin-bottom: -1px;
  padding-top: 0;
  padding-bottom: 5px;
  padding-left: 0;
  position: absolute;
  inset: auto 0% 0%;
  overflow: visible;
}

.about-heading-section {
  background-color: var(--background-color);
}

.about-heading-section.vertical-space {
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
}

.accordian-wrapper {
  align-self: flex-start;
}

.trusted-policy-advisor-section {
  background-color: #0000;
  position: relative;
}

.accordian-item-trigger {
  cursor: pointer;
  height: auto;
}

.heading-8 {
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
}

.accordian-item-content {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
  overflow: hidden;
}

.red-line {
  background-color: var(--dark-red);
  width: 100%;
  height: .5px;
  margin: 45px auto;
  padding-top: 2px;
  padding-bottom: 0;
}

.crimcard-wrapper {
  background-color: #ffffff80;
  max-width: 800px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  box-shadow: 0 3px 3px -5px #0003;
}

.heading-9 {
  text-align: center;
  margin-top: 1px;
  padding-top: 30px;
  padding-left: 20px;
  font-size: 22px;
  font-weight: 400;
}

.paragraph-2 {
  padding: 20px;
  font-size: 15px;
  font-weight: 300;
  line-height: 30px;
}

.text-block-7 {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  display: flex;
}

.large-bullet {
  background-color: var(--navy);
  border-radius: 20px;
  width: 10px;
  height: 10px;
}

.list-item-2 {
  grid-column-gap: 10px;
  align-items: center;
  display: flex;
}

.list-item-2.creative-bounry {
  margin-bottom: 10px;
}

.imiage-wrapper {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  max-width: 1082px;
  margin-top: 63px;
  margin-bottom: 0;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
  display: grid;
  position: relative;
  left: 0;
}

.about-kareem-main-image {
  justify-content: center;
  align-items: center;
  width: 99%;
  max-width: 80%;
  height: 100%;
  margin-top: 20px;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.hot-air-baloon-image {
  z-index: -1;
  background-image: url('../images/Hot-Ait-Balooon-compressed.webp');
  background-position: 0 0;
  background-size: cover;
  width: 260px;
  height: 251px;
  margin: -24px 23px 22px -35px;
  padding: 0 20px 0 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.paragraph-3 {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.areas-of-expertise-hero-section.vertical-space {
  background-color: #00000063;
  background-image: linear-gradient(#00000080, #00000080), url('../images/areas-of-expertise-hero-compressed.webp');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1440px;
  background-attachment: scroll, fixed;
  width: 100%;
  height: 550px;
  padding: 0;
  position: relative;
}

.section-for-amicus {
  background-color: #0000;
}

.heading-3 {
  color: var(--dark-red);
  white-space: normal;
  flex-direction: row;
  margin-top: 55px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 20px;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  display: block;
}

.heading-3.first {
  color: var(--dark-red);
}

.heading-3.gold {
  color: var(--olive);
}

.heading-3.blue {
  color: var(--navy);
}

.heading-3.red {
  margin-bottom: 20px;
  padding-bottom: 5px;
  font-weight: 500;
}

.heading-3.navy {
  color: var(--dark-color);
}

.grid-3 {
  grid-column-gap: 52px;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr 1fr;
}

.image-2 {
  height: auto;
  margin-top: 0;
  padding-top: 0;
}

.image-4 {
  padding-top: 0;
}

.grid-4 {
  grid-column-gap: 6px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
}

.paragraph-5 {
  margin-bottom: 0;
  padding-top: 0;
  line-height: 40px;
}

.grid-5 {
  grid-column-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

.paragraph-6 {
  padding-top: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
}

.image-6 {
  height: 82%;
  margin-top: 0;
  margin-bottom: 18px;
  padding-top: 0;
  padding-bottom: 0;
}

.grid-6 {
  grid-column-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1.25fr;
}

.paragraph-7 {
  padding-top: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
}

.image-7 {
  height: 300px;
  padding-top: 0;
}

.body-3 {
  background-color: #e5e5e5;
}

.grid-8 {
  grid-column-gap: 29px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  width: 90%;
}

.field-label {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
}

.field-label:hover {
  font-weight: 600;
}

.field-label.interested-in {
  margin-bottom: 1px;
  font-size: 13px;
  line-height: 18px;
}

.field-label.interested-in:hover {
  font-weight: 700;
}

.field-label.final {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 7px;
}

.form {
  grid-column-gap: 78px;
  grid-row-gap: 16px;
  background-color: #0000;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 2.5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 90%;
  padding: 30px 30px 49px;
  display: grid;
}

.text-field {
  border: 1px solid var(--navy);
}

.text-field:hover {
  background-color: #dddddd69;
}

.heading-12 {
  text-transform: capitalize;
  margin-top: -38px;
  margin-bottom: 58px;
  padding-top: 0;
  padding-left: 0;
  font-size: 16px;
}

.div-block-4 {
  background-color: #ffffff63;
  height: 80%;
  margin-right: 50px;
  padding-bottom: 0;
  padding-right: 0;
}

.form-2 {
  padding-left: 30px;
}

.checkbox {
  border-color: var(--navy);
  align-self: center;
  width: 18px;
  height: 18px;
  margin: 0 25px 0 0;
  padding: 0;
}

.checkbox:hover {
  background-color: var(--light-grey);
}

.checkbox.w--redirected-checked {
  background-color: var(--navy);
}

.heading-13 {
  border: 5px solid var(--dark-red);
  color: var(--navy);
  text-align: center;
  object-fit: fill;
  border-radius: 0;
  margin: 0 auto 33px;
  padding: 20px;
  font-weight: 400;
  display: inline-block;
  position: static;
}

.paragraph-8 {
  text-align: center;
  width: 80%;
  max-width: none;
  margin-bottom: 51px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
}

.paragraph-8.projects-page {
  width: 900px;
  max-width: 933px;
}

.paragraph-9 {
  margin-bottom: 80px;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-5 {
  grid-column-gap: 29px;
  justify-content: center;
  align-items: center;
  padding-top: 17px;
  padding-bottom: 19px;
  display: flex;
}

.div-block-6 {
  color: var(--navy);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-8 {
  background-color: #ffffff6e;
  width: 90%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
}

.form-block {
  width: 90%;
  height: auto;
}

.featured-on-section.vertical-space {
  background-color: #0000;
  background-image: linear-gradient(#0000, #0000);
}

.heading-15 {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}

.logos-wrapper {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: center;
  padding: 45px 24px 24px;
  display: flex;
}

.logo-image {
  max-width: 150px;
  max-height: 50px;
  color: var(--navy);
}

.div-block-10 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-11 {
  justify-content: center;
  align-items: flex-start;
  font-size: 16px;
  font-weight: 300;
  line-height: 45px;
  display: flex;
}

.div-block-12 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-13, .div-block-14 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-15 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-16 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-17 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-18 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-19 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body-5 {
  background-color: var(--background-color);
  background-image: linear-gradient(#ebeced99, #ebeced99);
  height: 0;
  max-height: 0;
}

._w-a-hero-section {
  text-align: center;
  background-color: #0000;
  background-image: linear-gradient(#00000080, #00000080), url('../images/DC3810F7-B483-4017-9074-FBE640C7E1ED.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 590px;
  margin-bottom: -1px;
  padding-bottom: 0;
  position: relative;
}

.paragraph-10 {
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.heading-25 {
  font-size: 27px;
  font-weight: 400;
}

.checkbox-field {
  flex-direction: row;
  align-items: center;
  margin: 0 auto 45px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 0;
  display: flex;
}

.checkbox-field:hover {
  font-weight: 600;
}

.grid-10 {
  grid-row-gap: 18px;
  grid-template-rows: auto auto;
}

.slider-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  height: auto;
  padding-top: 0;
  padding-left: 66px;
  padding-right: 21px;
  display: block;
  position: relative;
}

.slider-button {
  color: var(--navy);
  margin-top: 0;
  margin-bottom: 32px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.link-wrap {
  clear: left;
  cursor: pointer;
  object-fit: fill;
  flex: 0 auto;
  margin-right: 0;
  font-size: 20px;
  display: inline-block;
  overflow: hidden;
}

.link-wrap.dark {
  padding-top: 0;
}

.link-underline {
  background-color: var(--light-color);
  height: 1px;
  color: var(--background-color);
  transform: translate(-300px);
}

.link-underline.dark {
  background-color: var(--navy);
}

.link-underline.dark.orange {
  background-color: #cb423d;
}

.link-underline.orange {
  color: #cb423d;
  background-color: #cb423d;
}

.nav-link-2 {
  color: var(--background-color);
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11px;
  font-weight: 400;
}

.nav-link-2:visited {
  color: var(--light-color);
}

.nav-link-2.w--current {
  color: var(--background-color);
  font-size: 12px;
}

.nav-link-2.dark-color {
  color: var(--navy);
  font-size: 13px;
}

.nav-link-2.dark-color.firrst {
  font-weight: 400;
}

.nav-link-2.first {
  font-size: 11px;
  font-weight: 400;
}

.nav-link-2.first.dark.w--current {
  color: var(--navy);
}

.nav-link-2.end {
  padding-right: 0;
  font-size: 14px;
}

.nav-link-2.dark {
  color: var(--navy);
}

.nav-link-2.dark.white, .nav-link-2.dark.white.first.w--current {
  font-size: 11px;
}

.nav-link-2.top {
  margin-right: 0;
  padding-left: 0;
}

.heading-27 {
  color: var(--light-color);
  text-transform: uppercase;
  white-space: nowrap;
  flex-direction: row;
  margin-top: 5px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 0;
  font-weight: 400;
  line-height: 29px;
  display: flex;
}

.heading-27.dark-color {
  color: var(--navy);
  text-transform: uppercase;
  font-weight: 400;
}

.heading-27.dark {
  color: var(--navy);
}

.navbar-2 {
  background-color: #0000;
  flex-flow: row;
  justify-content: flex-start;
  margin-bottom: 30px;
  display: block;
}

.navbar-2.dark-color {
  flex-direction: row;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.navbar-2.white {
  color: var(--navy);
}

.nav-menu-2 {
  text-align: right;
  object-fit: fill;
  background-color: #0000;
  flex-direction: row;
  flex: 0 auto;
  order: 1;
  justify-content: center;
  padding-right: 0;
  display: block;
}

.writing-and-apperances-heading {
  border: 5px solid var(--dark-red);
  text-align: left;
  white-space: normal;
  object-fit: fill;
  border-radius: 5px;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-self: flex-start;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  display: inline-block;
  position: static;
  overflow: visible;
}

.collection-item-2 {
  height: 270px;
  margin-bottom: 0;
  padding: 0 0 0 10px;
  line-height: 40px;
  display: block;
}

.hero-super-heading {
  color: #b7231b;
  text-transform: uppercase;
  background-color: #0000;
  width: 700px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 59px;
  font-weight: 700;
  line-height: 70px;
  text-decoration: none;
}

.header-mask {
  color: var(--light-color);
  align-items: center;
  padding-top: 122px;
  font-size: 35px;
  font-weight: 600;
  line-height: 52px;
  overflow: hidden;
}

.header-mask.homepage {
  align-self: flex-start;
  padding-top: 0;
}

.header-mask.writings-and-appearances {
  padding-top: 122px;
}

.header-mask.phone-size {
  height: 100vh;
  padding-top: 332px;
  position: relative;
}

.text-span-8 {
  color: var(--light-color);
}

.text-span-9 {
  color: var(--background-color);
  font-size: 37px;
}

.smaller-hero-heading {
  color: var(--light-color);
  white-space: normal;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 5px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 45px;
  font-weight: 500;
  line-height: 57px;
  display: block;
  position: relative;
  transform: translate(0);
}

.grid-11 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

.div-block-25 {
  background-color: var(--background-color);
  width: 225px;
  height: 225px;
}

.div-block-26 {
  text-align: center;
  align-items: center;
  display: flex;
}

.text-block-22 {
  text-align: center;
}

.areas-of-expertise-hero-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 300;
}

.areas-of-expertise-content-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 230px;
  display: flex;
}

.crimcard-bullet {
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
}

.collection-list-wrapper-4 {
  border-radius: 100px;
  width: 850px;
  max-width: 1000px;
  height: auto;
  max-height: 159%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  font-weight: 400;
  display: block;
}

.collection-list-wrapper-4:hover {
  color: var(--light-color);
}

.setion-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: -65px;
  padding-left: 0;
  display: flex;
}

.footer-hover-link {
  margin-bottom: -10px;
}

.heading-31 {
  color: var(--background-color);
  margin-bottom: 20px;
  padding-top: 24px;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 400;
  line-height: 25px;
}

.section-2 {
  background-color: var(--navy);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 25px;
  position: relative;
}

.grid-12 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-right: 0;
  position: static;
}

.div-block-33 {
  margin-left: 0;
  padding-left: 154px;
  position: static;
}

.div-block-34 {
  margin-left: -84px;
  padding-left: 0;
  position: relative;
}

.footer-button {
  border: 1px solid var(--gainsboro);
  color: var(--background-color);
  background-color: #0000;
  border-radius: 1px;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 30px;
  padding: 15px;
  font-size: 22px;
  font-weight: 400;
  transition: color .2s, background-color .2s;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.footer-button:hover {
  background-color: var(--gainsboro);
  color: var(--navy);
}

.slider-text-content {
  padding-top: 45px;
  padding-left: 0;
}

.footer-contact-dic {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

.writings-and-apperances-heading {
  color: var(--light-color);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 38px;
  font-weight: 300;
  line-height: 44px;
}

.down-arrow {
  width: 30px;
  max-width: 10%;
  height: 30px;
  display: block;
}

.accordian-trigger-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.submit-button-3 {
  border: 3px solid var(--dark-red);
  width: 150px;
  color: var(--navy);
  background-color: #0000;
  border-radius: 2px;
  margin-top: 34px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9px;
}

.submit-button-3:hover {
  background-color: var(--gainsboro);
}

.contact-footer-text {
  color: var(--light-color);
  font-size: 16px;
  font-weight: 200;
}

.writings-and-apperances-content-wrapper {
  width: 90%;
  padding-top: 233px;
}

.body-6 {
  background-color: var(--background-color);
  color: var(--navy);
  margin-right: 0;
}

.c-map-section.vertical-space {
  display: none;
  position: relative;
}

.c-hero-map {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.c-ma--container {
  width: 100%;
  height: 100%;
  margin-bottom: -1px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 19px;
  position: relative;
}

.c-ma--container.proojects-page {
  width: 90%;
  min-width: auto;
  margin-bottom: 25px;
}

.c-map-image {
  z-index: -1;
  border-radius: 2px;
  width: 100%;
  position: relative;
}

.cms-map-dot {
  z-index: 20;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2em;
  margin-left: 1em;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.cms-map-dot.is--hidden {
  display: block;
}

.cms-map-circle {
  background-color: var(--light-color);
  border-radius: 100%;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: .5em;
  height: .5em;
  display: flex;
  position: relative;
}

.cms-map-fill {
  z-index: -1;
  background-color: var(--dark-red);
  border-radius: 100%;
  width: 1.2em;
  min-width: 1.2em;
  height: 1.2em;
  min-height: 1.2em;
  position: relative;
}

.cms-map-location {
  color: var(--navy);
  text-align: right;
  white-space: nowrap;
  align-self: center;
  margin-left: 1.5em;
  font-size: .85em;
  line-height: .5em;
  text-decoration: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.collection-list-wrapper-5, .collection-list-3 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.html-embed {
  font-size: 1.55vw;
  font-weight: 300;
}

.html-embed.projects {
  width: 100%;
  height: 100%;
  padding-top: 0;
  font-size: 1.4vw;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.empty-state {
  display: none;
}

.text-block-26 {
  margin-bottom: 11px;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
}

.heading-37 {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
}

.project-name-text {
  margin-bottom: 0;
  font-weight: 400;
}

.description-text {
  font-weight: 300;
  line-height: 28px;
}

.description-text.lasty {
  padding-bottom: 50px;
}

.consulting-projects-div {
  margin-bottom: 26px;
}

.consulting-projects-div:hover {
  font-weight: 400;
}

.section-3 {
  margin-top: 0;
  padding-top: 0;
}

.heading-holder {
  flex-direction: column;
  display: flex;
}

.body-7 {
  background-image: linear-gradient(#ebeced99, #ebeced99);
}

.cardi-flip.vertical-space {
  perspective: 1234px;
  width: 100vw;
  padding-top: 0;
  transform: translate(0);
}

.cardi-flip.vertical-space.copy {
  padding-bottom: 0;
}

.card-wrapper {
  cursor: pointer;
  flex-wrap: nowrap;
  width: auto;
  height: auto;
  margin-bottom: 301px;
  margin-right: 0;
  padding: 0;
  transition: all .2s;
  display: flex;
  position: relative;
}

.card-front {
  backface-visibility: hidden;
  width: 200px;
  height: 250px;
  transform-style: preserve-3d;
  background-color: #640804;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.card-front.media {
  background-color: var(--navy);
  width: 200px;
  height: 250px;
}

.card-back {
  backface-visibility: hidden;
  width: 200px;
  height: 250px;
  color: var(--light-color);
  background-color: #ffffffb8;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-size: 25px;
  line-height: 40px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.card-back:hover {
  color: var(--light-color);
  font-size: 25px;
  font-weight: 600;
  line-height: 40px;
}

.card-back.media {
  cursor: pointer;
  width: 200px;
  height: 250px;
  display: block;
}

.heading-41 {
  color: var(--light-color);
  margin-top: -10px;
  margin-bottom: 5px;
  padding-top: 21px;
  font-size: 18px;
  font-weight: 300;
}

.div-block-51 {
  background-color: var(--navy);
  background-image: linear-gradient(to bottom, var(--cadet-blue), black 100%, var(--cadet-blue) 100%, var(--navy));
  width: 2%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-block-31 {
  font-size: 15px;
  font-weight: 200;
}

.div-block-52 {
  background-color: var(--dark-red);
  background-image: linear-gradient(to bottom, var(--gainsboro), var(--dark-red));
  flex-direction: row;
  width: 5px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-block-32 {
  color: var(--light-color);
  font-size: 14px;
  font-weight: 300;
  line-height: 10px;
}

.text-block-33 {
  color: var(--light-color);
  padding-bottom: 10px;
  font-size: 17px;
  font-weight: 300;
  line-height: 20px;
}

.places-of-impact-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 35px;
  margin-bottom: 40px;
  display: grid;
}

.paragraph-12 {
  padding-left: 50px;
  padding-right: 50px;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
}

.collection-list-7 {
  flex-direction: row;
  display: flex;
}

.image-11 {
  background-color: #ffffffb3;
  width: 330px;
  height: auto;
  padding: 0;
  display: block;
}

.image-11.crimcard {
  width: 215px;
}

.div-block-53 {
  justify-content: center;
  align-items: center;
  margin-left: -34px;
  padding-top: 0;
  padding-left: 19px;
  padding-right: 20px;
  display: flex;
}

.div-block-53.creative-bounty {
  height: 100%;
}

.collection-list-wrapper-6 {
  width: 850px;
  max-width: 1000px;
  margin-left: 20px;
}

.text-block-34 {
  color: var(--light-color);
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  position: absolute;
  inset: auto 0% 35%;
}

.div-block-54 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 95vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.publications-content-wraooer {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-55 {
  color: var(--navy);
  text-align: left;
  background-color: #00000024;
  border: 5px #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 10px;
  display: flex;
}

.div-block-56 {
  box-shadow: inset 0 -5px 0 0 var(--firebrick);
}

.grid-13 {
  grid-template-rows: auto;
}

.creative-bounty-slide {
  background-color: #e2d8847d;
  background-image: linear-gradient(#e2d884a8, #e2d884a8), url('../images/cb-logo_icon_gold.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.div-block-57 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-12 {
  background-color: #fff;
  margin-top: 62px;
  padding: 10px;
}

.yellow-line-footer {
  background-color: var(--gainsboro);
  text-align: center;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 1px;
  height: 200px;
  display: block;
  position: static;
  inset: 0% auto auto 0%;
}

.div-block-58 {
  flex-direction: column;
  order: 1;
  justify-content: space-around;
  align-self: center;
  padding-left: 126px;
  display: flex;
  position: static;
}

.div-block-59 {
  background-color: #00142700;
  padding: 10px;
  display: block;
  position: absolute;
}

.image-13 {
  cursor: pointer;
  align-self: flex-end;
  width: auto;
  height: 35px;
  margin-top: 5px;
  padding-top: 0;
}

.image-13:hover {
  width: 40px;
  height: auto;
}

.creative-bounty-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ebeced00;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 800px;
  display: grid;
}

.image-14 {
  max-width: 90%;
  height: 90%;
  padding: 41px 20px 20px;
}

.div-block-60 {
  padding-top: 84px;
}

.bold-text {
  color: #cb423d;
}

.div-block-61 {
  background-color: #ffffff80;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.text-block-35 {
  color: var(--light-color);
  padding-right: 294px;
  font-weight: 400;
  line-height: 39px;
}

.div-block-62 {
  display: block;
  position: absolute;
}

.c-map-section-2.vertical-space {
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.j-maps-div {
  flex-direction: row;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.j-map-contain {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.j-map-image {
  z-index: 0;
  border-radius: 30px;
  align-self: center;
  width: 100%;
  display: block;
  position: relative;
}

.j-map-dot {
  z-index: 20;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 2em;
  min-width: 2em;
  max-width: 2em;
  height: 2em;
  min-height: 2em;
  max-height: 2em;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.j-map-dot._2 {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: auto;
  min-width: auto;
  max-width: 10000em;
  height: auto;
  min-height: auto;
  max-height: 100000em;
  color: var(--dark-color);
  flex-direction: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.j-map-dot._2.is-hidden {
  display: none;
}

.j-map-dot-star {
  z-index: 2;
  order: 0;
  align-self: flex-start;
  width: 1em;
  min-width: 1em;
  max-width: 1em;
  height: 1em;
  min-height: 1em;
  max-height: 1em;
  margin-left: 0;
  padding-left: 0;
  display: block;
  position: relative;
  inset: 0% auto auto 0%;
}

.div-block-63 {
  width: 2em;
  height: 2em;
}

.div-block-64 {
  position: relative;
}

.juneteenth-logo {
  z-index: -2;
  width: 2em;
  min-width: 2em;
  max-width: 2em;
  height: 2em;
  min-height: 2em;
  max-height: 2em;
  position: relative;
  inset: 0% auto auto 0%;
}

.div-block-65 {
  z-index: 20;
  position: absolute;
}

.div-block-66 {
  z-index: -2;
  position: absolute;
}

.star-wrapper {
  z-index: 20;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 1em;
  min-width: 1em;
  height: 1em;
  min-height: 1em;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.background-wrapper {
  z-index: -1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  min-height: 2em;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.div-block-67 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.j-map-location {
  color: #2c1919;
  margin-top: 4px;
  margin-left: 5px;
  padding-top: 0;
  padding-left: 0;
  font-size: 1em;
  position: relative;
}

.popup-div {
  background-color: #0000;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-68 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.div-block-69 {
  z-index: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
}

.j-map-text {
  z-index: 20;
  color: var(--dark-red);
  text-align: left;
  white-space: nowrap;
  background-color: #ffffffe6;
  border-radius: 3px;
  align-self: center;
  margin-top: 3px;
  margin-left: 2.3em;
  margin-right: 0;
  padding: .3em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.national-impact-grid {
  grid-column-gap: 46px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 95%;
  margin-bottom: 30px;
  padding-top: 20px;
  display: grid;
}

.heading-42 {
  font-size: 35px;
  font-weight: 400;
  line-height: 36px;
}

.div-block-70 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-13 {
  font-size: 18px;
  line-height: 30px;
}

.collection-wrapper-amicus {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.collection-list-8 {
  width: 100%;
  height: 100%;
  position: relative;
}

.collection-item-4 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.html-embed-2 {
  width: 100%;
  height: 100%;
}

.z-map-section.vertical-space {
  margin-top: 63px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.z-map-section.vertical-space.second {
  display: block;
}

.z-hero-map {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.z-map-contain {
  width: 90%;
  position: relative;
}

.z-map-image {
  z-index: 1;
  width: 91%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.z-map-image.second {
  display: none;
}

.z-map-dot {
  z-index: 20;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.z-map-dot.is-hidden {
  display: none;
}

.z-map-dot.blue {
  display: block;
}

.z-map-dot.blue.is-hidden {
  display: none;
}

.z-map-dot.blue.is-hidden.hide {
  z-index: -20;
  justify-content: center;
  align-items: center;
  display: none;
}

.z-map-dot.blue.is-hidden.hide.prokects {
  cursor: pointer;
}

.z-map-dot.hidden {
  display: none;
}

.z-map-circe {
  z-index: -20;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  display: flex;
  position: relative;
}

.z-map-fill {
  z-index: -20;
  width: 1.5em;
  min-width: 2em;
  height: 2em;
  min-height: 2em;
  position: relative;
}

.image-15 {
  z-index: -10;
  border-radius: 10px;
  position: absolute;
}

.z-map-location {
  color: var(--dark-red);
  white-space: nowrap;
  background-color: #ffffffd9;
  margin-top: -7px;
  margin-bottom: 0;
  margin-left: 1.9em;
  padding: 7px;
  font-size: 1em;
  line-height: 1em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.z-map-location.blue {
  z-index: 500;
  color: #05054f;
  background-color: #ffffffd6;
  font-size: 1em;
  inset: 0% auto auto 0%;
}

.collection-wrapper {
  z-index: 3;
  width: 100%;
  height: 1000680%;
  position: absolute;
  inset: 0%;
}

.collection-wrapper.expert-witness.red, .collection-wrapper.redistricting, .collection-wrapper.research {
  height: 100%;
}

.collection-list-9 {
  width: 100%;
  height: 100%;
  position: relative;
}

.c-map-location-research {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.cms-wrapper-research {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.collection-list-10 {
  width: 100%;
  height: 100%;
  position: relative;
}

.collection-item-6 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-map-dot-research {
  z-index: 20;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.c-map-dot-research.is-hidden.is-hidden-here {
  display: block;
}

.c-map-dot-research.is-hidden.is-hidden-here.hidden {
  z-index: -20;
  display: none;
}

.c-map-circle-research {
  z-index: -20;
  justify-content: center;
  align-items: center;
  width: 1em;
  min-width: 1em;
  height: 1em;
  min-height: 1em;
  display: flex;
  position: relative;
}

.c-map-fill-research {
  z-index: -20;
  width: 2em;
  min-width: 2em;
  height: 2em;
  min-height: 2em;
  position: relative;
}

.image-16 {
  z-index: -10;
  position: absolute;
}

.paragraph-14 {
  z-index: 100;
  color: #927022;
  white-space: nowrap;
  background-color: #ffffffd9;
  margin-top: -7px;
  margin-bottom: 0;
  margin-left: 1.9em;
  padding: 7px;
  font-size: 1em;
  line-height: 1em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.paragraph-14.red {
  z-index: 500;
  color: var(--dark-red);
  font-size: 1em;
}

.collection-list-wrapper-7 {
  position: absolute;
}

.html-embed-3 {
  z-index: 600;
  font-size: 1.65vw;
  position: relative;
}

.cms-wrapper-refistriving {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.collection-list-13 {
  width: 100%;
  height: 100%;
  position: relative;
}

.collection-item-9 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.html-embed-4 {
  z-index: 900;
  font-size: 1.55vw;
  position: relative;
}

.html-embed-4.projects-page {
  font-size: 1.65vw;
}

.html-embed-5 {
  z-index: 600;
  font-size: 1.65vw;
  position: relative;
}

.image-17, .image-18 {
  z-index: -20;
  position: relative;
}

.z-map-grid {
  grid-column-gap: 73px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 36px;
  display: grid;
}

.z-map-heading {
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.heading-43 {
  font-size: 35px;
  font-weight: 400;
  line-height: 36px;
}

.paragraph-15 {
  justify-content: center;
  align-items: center;
  padding-right: 40px;
  font-size: 18px;
  line-height: 30px;
  display: flex;
}

.image-19 {
  z-index: -10;
  position: relative;
}

.div-block-71 {
  display: none;
}

.text-span-10 {
  width: 909px;
  min-width: 900px;
  font-size: 20px;
}

.image-21 {
  width: 76px;
  max-width: 158px;
  max-height: 60px;
}

.image-22 {
  max-width: 150px;
  max-height: 50px;
}

.hero-image-caption-wrapper {
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-caption {
  color: #001427b5;
  margin-top: -44px;
  padding-top: 0;
  font-size: 15px;
  line-height: 20px;
}

.crimcard-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.crimcard-logo-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-74 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.creative-bounty-image-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: 0;
  padding-top: 18px;
  display: flex;
}

.image-23 {
  width: 200px;
  height: auto;
  padding: 10px;
}

.image-25 {
  width: auto;
  height: 429px;
  margin-left: 55px;
  margin-right: auto;
  position: static;
}

.div-block-75 {
  justify-content: flex-start;
  align-items: center;
  height: 20%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.image-26 {
  width: 600px;
  height: 400px;
  margin-right: 48px;
  padding-top: 0;
  position: absolute;
  inset: 19px 0% 0% auto;
}

.blue-container {
  background-color: #8d7131b0;
  max-width: 1400px;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 45px;
  padding-bottom: 45px;
}

.slider-2 {
  width: 577px;
  height: 338px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-76, .div-block-77, .div-block-78 {
  width: 100%;
  height: 100%;
}

.div-block-79 {
  background-color: var(--background-color);
}

.div-block-81 {
  flex-direction: row;
  display: block;
}

.image-27 {
  width: auto;
  height: 30px;
}

.image-27:hover {
  width: auto;
  height: 35px;
}

.socials-wrapper {
  grid-column-gap: 14px;
  justify-content: center;
  display: flex;
}

.submit-button-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-83 {
  flex-direction: column;
  display: flex;
}

.south-africa-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-84 {
  padding-top: 45px;
}

.text-block-39 {
  padding-top: 15px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
}

.image-28 {
  padding-top: 21px;
  padding-right: 20px;
}

.south-africa-foundation {
  background-image: linear-gradient(#ffffffa3, #ffffffa3), url('../images/South-Africa-Background-2.webp');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.heading-south-africa-foundation {
  padding-left: 60px;
  font-size: 35px;
  font-weight: 500;
  line-height: 36px;
}

.south-africa-image-wrao {
  justify-content: center;
  align-items: center;
  padding-top: 36px;
  padding-right: 55px;
  display: flex;
}

.theatre-slide {
  background-image: linear-gradient(#ffffffc9, #ffffffc9), url('../images/footer-map.jpg');
  background-position: 0 0, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
}

.theatre-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.logo-wrapper-theatre {
  height: 100%;
}

.image-30 {
  min-width: 300px;
  max-width: none;
  min-height: auto;
  color: var(--background-color);
}

.text-block-40 {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 25px;
}

.heading-44 {
  font-size: 35px;
  font-weight: 500;
  line-height: 36px;
}

.position {
  color: var(--light-color);
  font-size: 15px;
  font-weight: 300;
}

.position.dark {
  color: var(--navy);
  line-height: 30px;
}

.paragraph-16 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.button-2 {
  display: none;
}

.button-2.whi53 {
  border: 10px solid var(--navy);
  background-color: var(--light-color);
  color: var(--navy);
  text-align: center;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 20px;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.read-more-link {
  color: var(--light-color);
}

.link-block-2 {
  width: 200px;
  height: 250px;
  color: var(--light-color);
  text-decoration: none;
}

.read-more-button {
  background-color: var(--light-color);
  width: 100%;
  color: var(--dark-red);
  border: 10px solid #640804;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.read-more-button.green {
  border-color: var(--navy);
  color: var(--navy);
}

.text-block-41 {
  font-weight: 300;
}

.div-block-86 {
  justify-content: center;
  min-width: 50%;
  max-width: 50%;
  min-height: 50%;
  max-height: 500%;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .imiage-wrapper {
    max-width: 1200px;
  }

  .checkbox-field {
    font-weight: 700;
  }

  .nav-link-2 {
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
  }

  .nav-link-2.w--current {
    font-size: 14px;
  }

  .nav-link-2.first {
    font-size: 13px;
  }

  .nav-link-2.dark.white {
    font-size: 14px;
  }

  .nav-link-2.dark.white.first.w--current {
    font-size: 13px;
  }

  .nav-link-2.dark.white.top {
    font-size: 14px;
  }

  .nav-link-2.top {
    padding-left: 8px;
    padding-right: 8px;
  }

  .image-23 {
    width: 225px;
  }

  .paragraph-16 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-86 {
    min-width: 75%;
    max-width: 75%;
    min-height: 75%;
    max-height: 75%;
  }
}

@media screen and (min-width: 1440px) {
  .cms-publication-heading {
    font-size: 20px;
    font-weight: 400;
    top: 34px;
  }

  .cms-publication-heading:hover {
    margin-top: 0;
    font-size: 20px;
  }

  .link {
    padding-left: 0;
    font-size: 18px;
    line-height: 25px;
  }

  .link.dark {
    color: var(--dark-color);
    font-size: 17px;
    line-height: 30px;
  }

  .link.footer {
    padding-left: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .paragraph {
    font-size: 20px;
  }

  .hero-section {
    background-image: linear-gradient(#00142733, #00142733), url('../images/Compressed-Wep-P-Home-page.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    line-height: 69px;
  }

  .container-1280 {
    top: 0;
  }

  .container-1280.navbar-edition {
    width: 60vw;
  }

  .hero-content-wrapper {
    margin-top: 0;
    margin-bottom: 42px;
    padding-top: 0;
    padding-bottom: 6px;
    font-weight: 600;
  }

  .nav-link {
    padding-top: 35px;
    font-weight: 300;
    line-height: 30px;
  }

  .text-block {
    padding-left: 0;
    font-size: 20px;
  }

  .slider-heading {
    padding-left: 0;
    font-size: 35px;
  }

  ._2-col-grid {
    grid-column-gap: 77px;
    grid-template-columns: 1fr 1.25fr;
  }

  .text-col {
    padding-top: 0;
  }

  .image-col {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .about-main-image {
    height: 80%;
  }

  .heading-6 {
    font-size: 35px;
  }

  .text-block-2 {
    font-size: 20px;
    line-height: 42px;
  }

  .yellow-llne {
    width: 225px;
    margin-top: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    position: static;
    left: -18%;
  }

  .yellow-llne.horizontal {
    margin-top: 80px;
    margin-bottom: 30px;
    padding-top: 1px;
    padding-bottom: 1px;
    transform: rotate(0);
  }

  .about-hero-section {
    height: 80%;
  }

  .body {
    flex-direction: column;
    display: flex;
  }

  .heading-7 {
    font-size: 22px;
  }

  .blue-divider {
    margin-top: 196px;
    margin-bottom: 2px;
    padding-top: 1px;
    padding-bottom: 0;
  }

  .heading-8 {
    font-size: 35px;
  }

  .heading-9 {
    font-size: 25px;
  }

  .paragraph-2 {
    font-size: 18px;
  }

  .text-block-7 {
    font-size: 18px;
    font-weight: 400;
  }

  .list-item-2.creative-bounry {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .imiage-wrapper {
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .about-kareem-main-image {
    width: 100%;
    height: 90%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .paragraph-3 {
    font-size: 20px;
    line-height: 35px;
  }

  .areas-of-expertise-hero-section.vertical-space {
    background-image: linear-gradient(#0000007d, #0000007d), url('../images/areas-of-expertise-hero-compressed.webp');
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 158vw 100vh;
    height: 700px;
  }

  .heading-3 {
    color: var(--dark-red);
    font-size: 35px;
  }

  .heading-3.first {
    color: var(--dark-red);
  }

  .heading-3.gold {
    color: var(--olive);
  }

  .heading-3.blue {
    color: var(--navy);
  }

  .heading-3.red {
    color: var(--dark-red);
  }

  .heading-3.navy {
    color: var(--navy);
  }

  .grid-4 {
    grid-template-columns: 1fr 2.25fr;
  }

  .paragraph-5 {
    font-size: 20px;
    line-height: 40px;
  }

  .paragraph-6, .paragraph-7 {
    font-size: 20px;
  }

  .field-label {
    font-size: 15px;
  }

  .field-label:hover {
    font-weight: 700;
  }

  .field-label.interested-in, .field-label.final {
    font-size: 15px;
  }

  .text-field {
    margin-bottom: 17px;
  }

  .div-block-4 {
    height: 70%;
    margin-bottom: -1px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading-13 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 40px;
  }

  .paragraph-8 {
    font-size: 22px;
  }

  .paragraph-9 {
    font-size: 20px;
    line-height: 35px;
  }

  .div-block-5 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
  }

  .heading-15 {
    font-size: 18px;
  }

  ._w-a-hero-section {
    height: 700px;
  }

  .paragraph-10 {
    font-size: 20px;
    line-height: 35px;
  }

  .heading-25 {
    margin-bottom: 25px;
    font-size: 37px;
  }

  .checkbox-field {
    font-size: 15px;
  }

  .slider-content-wrapper {
    padding-left: 30px;
  }

  .link-wrap {
    font-size: 18px;
    line-height: 10px;
  }

  .link-underline {
    background-color: var(--light-color);
  }

  .link-underline.orange {
    color: var(--navy);
  }

  .nav-link-2 {
    margin-left: 5px;
    margin-right: 10px;
    padding-top: 35px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
    line-height: 30px;
  }

  .nav-link-2.w--current, .nav-link-2.dark.white, .nav-link-2.dark.white.top, .nav-link-2.dark.white.top.w--current, .nav-link-2.top {
    font-size: 16px;
  }

  .heading-27 {
    padding-top: 33px;
  }

  .heading-27.dark-color {
    text-transform: uppercase;
    padding-top: 32px;
  }

  .heading-27.dark {
    flex-wrap: wrap;
  }

  .navbar-2.dark-color {
    background-color: #0000;
  }

  .nav-menu-2 {
    padding-right: 0;
  }

  .icon-4 {
    margin-left: 0;
  }

  .writing-and-apperances-heading {
    margin-bottom: 20px;
    font-size: 35px;
  }

  .collection-item-2 {
    margin-bottom: 52px;
  }

  .hero-super-heading {
    color: #b7231b;
    width: auto;
    font-size: 80px;
    font-weight: 800;
    line-height: 100px;
  }

  .header-mask {
    margin-bottom: -15px;
    padding-top: 0;
  }

  .header-mask.homepage {
    padding-top: 0;
  }

  .header-mask.writings-and-appearances {
    padding-top: 230px;
  }

  .header-mask.phone-size {
    height: 96vh;
    margin-top: 52px;
    margin-bottom: 73px;
    padding-top: 151px;
  }

  .smaller-hero-heading {
    margin-left: auto;
    margin-right: auto;
    font-size: 56px;
    line-height: 90px;
  }

  .div-block-25 {
    margin-top: 73px;
    margin-left: 70px;
    padding-top: 0;
    padding-left: 0;
  }

  .areas-of-expertise-hero-heading {
    padding-top: 230px;
    font-size: 40px;
    line-height: 65px;
  }

  .areas-of-expertise-content-wrapper {
    margin-top: 0;
    padding-top: 0;
  }

  .crimcard-bullet {
    white-space: nowrap;
    font-size: 18px;
  }

  .collection-list-wrapper-4 {
    width: 1200px;
    max-width: 1150px;
    margin-left: 40px;
    margin-right: auto;
  }

  .setion-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .footer-hover-link {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .heading-31 {
    margin-top: 10px;
    margin-bottom: 45px;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 37px;
  }

  .section-2 {
    margin-top: auto;
    position: relative;
  }

  .grid-12 {
    justify-items: start;
    margin-right: 0;
  }

  .div-block-33 {
    margin-left: 0;
    padding-top: 0;
    padding-left: 20px;
  }

  .div-block-34 {
    margin-left: -80px;
    padding-left: 0;
  }

  .footer-button {
    border: 1px solid var(--gainsboro);
    color: var(--light-color);
    background-color: #0000;
    border-radius: 1px;
    margin-top: 24px;
    margin-bottom: 41px;
    font-size: 39px;
    transition: background-color .2s, color .2s;
    position: static;
    inset: auto 5% 10% auto;
  }

  .footer-button:hover {
    background-color: var(--gainsboro);
    color: var(--navy);
  }

  .slider-text-content {
    height: 100%;
    padding-top: 63px;
    padding-left: 50px;
  }

  .writings-and-apperances-heading {
    font-size: 40px;
  }

  .accordian-trigger-wrapper {
    padding-top: 0;
  }

  .submit-button-3 {
    margin-top: 20px;
  }

  .writings-and-apperances-content-wrapper {
    padding-top: 0;
  }

  .body-6 {
    background-color: #ebeced;
    background-image: linear-gradient(#ebeced99, #ebeced99);
  }

  .c-map-section.vertical-space {
    padding-top: 40px;
  }

  .c-hero-map {
    width: 87%;
    padding-top: 0;
  }

  .c-ma--container.proojects-page {
    width: 80%;
    margin-bottom: 30px;
  }

  .c-map-image {
    z-index: 1;
    border: 1px none var(--dark-red);
    width: 110%;
  }

  .cms-map-dot.is--hidden {
    display: none;
  }

  .collection-list-wrapper-5 {
    z-index: 3;
    position: absolute;
    inset: 0%;
  }

  .collection-list-3 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .collection-item-3 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .html-embed {
    width: 100%;
    height: 100%;
    font-size: 1.45vw;
  }

  .html-embed.projects {
    font-size: 1.5vw;
  }

  .text-block-26 {
    margin-bottom: 30px;
    font-size: 35px;
    font-weight: 300;
  }

  .heading-holder {
    margin-bottom: 0;
    display: flex;
  }

  .card-wrapper {
    margin-bottom: 290px;
    padding-bottom: 0;
  }

  .card-front {
    width: 275px;
    height: 300px;
  }

  .card-front.media {
    width: 275px;
    height: 300px;
    padding-top: 10px;
  }

  .card-back {
    width: 275px;
    height: 300px;
  }

  .card-back.media {
    width: 275px;
    height: 300px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .heading-41 {
    margin-top: 0;
    font-size: 20px;
    font-weight: 400;
  }

  .paragraph-12 {
    font-size: 20px;
  }

  .div-block-53 {
    padding-top: 81px;
  }

  .collection-list-wrapper-6 {
    width: 1200px;
    max-width: 1150px;
    margin-left: 40px;
  }

  .div-block-55 {
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .yellow-line-footer {
    width: 2px;
    height: 260px;
  }

  .div-block-58 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
  }

  .image-13 {
    width: 30px;
  }

  .creative-bounty-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .div-block-60 {
    padding-top: 11px;
  }

  .bold-text {
    color: #cb423d;
  }

  .div-block-61 {
    cursor: pointer;
    background-color: #ebeced73;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .text-block-35 {
    padding-right: 387px;
  }

  .z-hero-map {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .z-map-contain {
    position: relative;
  }

  .z-map-image {
    z-index: 1;
    width: 100%;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20vw;
    position: relative;
  }

  .z-map-dot {
    z-index: 20;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .z-map-dot.blue.is-hidden {
    z-index: -20;
    display: block;
  }

  .z-map-dot.blue.is-hidden.hide {
    display: none;
  }

  .z-map-circe {
    z-index: -10;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    display: flex;
    position: relative;
  }

  .z-map-fill {
    z-index: -1;
    width: 2em;
    min-width: 2em;
    height: 2em;
    min-height: 2em;
    position: relative;
  }

  .image-15 {
    z-index: 0;
    position: absolute;
  }

  .z-map-location {
    color: var(--dark-red);
    white-space: nowrap;
    background-color: #ffffffd9;
    margin: -7px 0 0 1.9em;
    padding: 7px;
    font-size: 1em;
    line-height: 1em;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .z-map-location.blue {
    z-index: 507;
  }

  .paragraph-14.red {
    z-index: 509;
    color: var(--dark-red);
  }

  .html-embed-3, .html-embed-4, .html-embed-5 {
    font-size: 1.6vw;
  }

  .heading-43 {
    align-self: flex-start;
  }

  .image-20 {
    background-color: #0000;
  }

  .image-21, .image-22 {
    max-width: 150px;
    max-height: 50px;
  }

  .div-block-72 {
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .text-block-38 {
    color: #00142796;
    font-weight: 400;
    line-height: 20px;
  }

  .image-caption {
    margin-top: 0;
    font-size: 16px;
    font-weight: 400;
  }

  .div-block-73 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .crimcard-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1.75fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .crimcard-logo-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-74 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr .75fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .creative-bounty-image-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-23 {
    width: 250px;
    height: auto;
  }

  .list-2 {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-82 {
    object-fit: fill;
    flex-direction: row;
    display: flex;
  }

  .heading-south-africa-foundation {
    padding-left: 30px;
  }

  .theatre-slide {
    background-image: linear-gradient(#ffffffc2, #ffffffc2), url('../images/footer-map.jpg');
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
  }

  .div-block-86 {
    min-width: 50%;
    max-width: 50%;
    min-height: 50%;
    max-height: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .cms-publication-heading {
    font-weight: 300;
  }

  .hero-section {
    background-image: linear-gradient(#00142733, #00142733), url('../images/Compressed-Wep-P-Home-page.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-right: 0;
  }

  .container-1280 {
    min-width: 10%;
    max-width: 1500px;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 28px;
    line-height: 30px;
  }

  .container-1280.navbar-edition {
    margin-top: 0;
  }

  .hero-content-wrapper {
    padding-top: 0;
    position: absolute;
    top: 0;
  }

  .nav-link {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .slider-heading {
    margin-top: -30px;
    padding-top: 0;
  }

  .slider-heading.dark {
    padding-left: 0;
  }

  ._2-col-grid {
    margin-bottom: -56px;
    padding-bottom: 0;
  }

  .about-main-image {
    height: 80%;
  }

  .yellow-llne.horizontal {
    padding-top: 0;
  }

  .about-hero-section {
    background-position: 50% 0;
  }

  .heading-7 {
    width: 680px;
    font-size: 31px;
    line-height: 46px;
  }

  .about-heading-section.vertical-space {
    margin-left: 0;
    margin-right: 0;
  }

  .accordian-item-content:hover {
    color: var(--navy);
  }

  .crimcard-wrapper {
    background-color: #ebeced73;
  }

  .imiage-wrapper {
    max-width: 2000px;
  }

  .areas-of-expertise-hero-section.vertical-space {
    height: 800px;
  }

  .div-block-4 {
    height: 79%;
    margin-top: 0;
    margin-bottom: 11px;
    padding-top: 3px;
    padding-bottom: 0;
  }

  .heading-15 {
    font-size: 22px;
  }

  ._w-a-hero-section {
    height: 800px;
  }

  .nav-link-2 {
    margin-bottom: 0;
    padding: 0 10px 20px;
    font-size: 18px;
  }

  .nav-link-2.w--current, .nav-link-2.dark.white, .nav-link-2.dark.white.top {
    font-size: 18px;
  }

  .nav-link-2.top {
    padding-right: 10px;
    font-size: 18px;
  }

  .heading-27, .heading-27.dark-color {
    padding-top: 0;
  }

  .heading-27.dark {
    margin-top: 9px;
  }

  .navbar-2.dark-color {
    align-items: center;
    padding-top: 28px;
  }

  .navbar-2.white {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .brand {
    align-self: center;
  }

  .writing-and-apperances-heading {
    font-weight: 400;
  }

  .hero-super-heading {
    color: #b7231b;
    font-size: 96px;
    font-weight: 800;
    line-height: 100px;
  }

  .header-mask, .header-mask.writings-and-appearances {
    padding-top: 0;
  }

  .header-mask.phone-size {
    padding-top: 305px;
  }

  .smaller-hero-heading {
    font-size: 67px;
    font-weight: 600;
    line-height: 120px;
  }

  .areas-of-expertise-hero-heading {
    padding-top: 200px;
  }

  .collection-list-wrapper-4 {
    width: 1400px;
  }

  .slider-text-content {
    padding-left: 50px;
  }

  .writings-and-apperances-heading {
    padding-top: 200px;
  }

  .submit-button-3 {
    border-color: var(--navy);
  }

  .c-ma--container {
    width: 150%;
    min-width: 150%;
  }

  .c-ma--container.proojects-page {
    min-width: 80%;
    margin-bottom: 21px;
  }

  .html-embed {
    font-size: 1.9vw;
  }

  .html-embed.projects {
    font-size: 1.5vw;
  }

  .text-block-26 {
    font-size: 35px;
  }

  .project-name-text {
    color: var(--navy);
    font-size: 26px;
  }

  .project-name-text:hover {
    color: var(--navy);
  }

  .description-text {
    font-size: 22px;
  }

  .description-text:hover, .consulting-projects-div:hover, .consulting-projects-div.amicus-section:hover {
    color: var(--navy);
  }

  .cardi-flip.vertical-space, .cardi-flip.vertical-space.copy {
    margin-left: auto;
    margin-right: auto;
  }

  .card-back {
    width: 350px;
  }

  .paragraph-12 {
    line-height: 36px;
  }

  .div-block-59 {
    background-color: #0000;
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 19px;
  }

  .creative-bounty-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #ebeced73;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .text-block-35 {
    padding-right: 0;
    font-size: 25px;
    line-height: 42px;
  }

  .z-map-section.vertical-space {
    padding-right: 0;
  }

  .z-map-section.vertical-space.second {
    display: none;
  }

  .z-map-dot.is-hidden, .z-map-dot.blue.is-hidden {
    display: block;
  }

  .collection-wrapper {
    z-index: 3;
    inset: 0%;
  }

  .collection-wrapper.expert-witness.red, .collection-wrapper.redistricting, .collection-wrapper.research {
    height: 100%;
  }

  .cms-wrapper-research {
    z-index: 3;
    position: absolute;
    inset: 0%;
  }

  .z-map-dot-research {
    z-index: 20;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .cms-wrapper-research-and-strategy {
    z-index: 3;
    position: absolute;
    inset: 0%;
  }

  .collection-list-11 {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .collection-item-7 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .c-map-dot-research {
    display: none;
  }

  .c-map-dot-research.is-hidden {
    display: block;
  }

  .paragraph-14 {
    color: #81621a;
  }

  .collection-list-wrapper-7 {
    position: absolute;
    inset: 0%;
  }

  .collection-list-12 {
    width: 99.9996%;
    height: 100%;
    position: relative;
  }

  .collection-item-8 {
    width: 99.9997%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .html-embed-3 {
    width: 99.9999%;
    height: 100%;
    font-size: 1.4vw;
  }

  .cms-wrapper-refistriving {
    position: absolute;
    inset: 0%;
  }

  .html-embed-4, .html-embed-5 {
    font-size: 1.4vw;
  }

  .z-map-heading {
    justify-content: flex-start;
  }

  .z-map-text {
    display: flex;
  }

  .paragraph-15 {
    margin-right: 0;
    padding-right: 0;
  }

  .hero-image-caption-wrapper {
    margin-top: 0;
    margin-bottom: 16px;
  }

  .text-block-39 {
    font-size: 20px;
    line-height: 30px;
  }

  .south-africa-image-wrao {
    padding-top: 0;
    padding-bottom: 0;
  }

  .image-29 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .text-block-41 {
    font-size: 30px;
    line-height: 60px;
  }
}

@media screen and (max-width: 991px) {
  .button {
    justify-content: flex-start;
    align-items: flex-start;
    margin: -70px 0 45px;
    padding: 0 10px 3px;
    font-size: 10px;
    display: flex;
  }

  .cms-publication-heading {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }

  .cms-publication-heading:hover {
    font-size: 18px;
    line-height: 22px;
  }

  .link {
    font-size: 13px;
  }

  .link.dark {
    margin-top: 0;
    margin-bottom: -3px;
    padding-top: 0;
    font-size: 13px;
    line-height: 20px;
    display: flex;
  }

  .link.footer {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 14px;
    line-height: 20px;
    display: block;
  }

  .paragraph {
    padding-top: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
  }

  .container-1280 {
    width: 80vw;
    padding-left: 0;
    padding-right: 0;
  }

  .container-1280.navbar-edition {
    width: 91vw;
    max-width: 1280px;
    display: block;
  }

  .hero-content-wrapper {
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
    inset: 0%;
  }

  .nav-link {
    color: var(--light-color);
    background-color: #0000;
    margin-top: -20px;
    padding-top: 0;
    display: block;
    overflow: visible;
  }

  .crimcard-slide {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 558px;
  }

  .text-block {
    width: auto;
    height: auto;
    margin-top: 6px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-right: 46px;
    font-size: 15px;
    line-height: 25px;
  }

  .text-block.dark {
    width: auto;
    margin-top: 15px;
    padding-top: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
  }

  .slider-heading {
    margin-bottom: 10px;
    padding-top: 0;
    padding-right: 0;
    font-size: 26px;
    line-height: 20px;
  }

  .slider-heading.dark {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 20px;
    font-size: 26px;
    line-height: 23px;
  }

  .slider {
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .about-main-image {
    margin-top: 20px;
    margin-right: 20px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-6 {
    margin-bottom: 0;
    padding-top: 28px;
    padding-bottom: 20px;
    font-size: 25px;
  }

  .text-block-2 {
    justify-content: center;
    align-items: center;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 28px;
    display: flex;
  }

  .yellow-llne {
    width: 150px;
    top: 35%;
    bottom: 0;
    left: -46%;
  }

  .yellow-llne.horizontal {
    margin-top: 58px;
    margin-bottom: 5px;
    padding-top: 0;
  }

  .about-hero-section {
    width: auto;
    height: 400px;
  }

  .heading-7 {
    margin-top: -29px;
    margin-bottom: 67px;
    padding-top: 66px;
    padding-right: 262px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
  }

  .blue-divider {
    width: 220px;
    margin-top: -376px;
    margin-bottom: -23px;
    padding-top: 0;
  }

  .gradient-bar {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .heading-8 {
    font-size: 25px;
  }

  .red-line {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .crimcard-wrapper {
    padding-bottom: 0;
  }

  .heading-9 {
    padding-top: 39px;
  }

  .paragraph-2 {
    font-size: 13px;
    line-height: 28px;
  }

  .text-block-7 {
    font-size: 15px;
  }

  .large-bullet {
    width: 8px;
    height: 8px;
  }

  .imiage-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-kareem-main-image {
    padding-left: 0;
  }

  .paragraph-3 {
    font-size: 14px;
    line-height: 28px;
  }

  .areas-of-expertise-hero-section.vertical-space {
    height: 400px;
  }

  .heading-3 {
    font-size: 25px;
  }

  .heading-3.gold, .heading-3.blue {
    font-weight: 500;
  }

  .grid-3 {
    grid-column-gap: 25px;
    grid-template-columns: 2.5fr 1.25fr;
  }

  .icon {
    color: var(--light-color);
  }

  .grid-4 {
    grid-column-gap: 25px;
    grid-template-columns: .75fr 1.25fr;
  }

  .paragraph-5 {
    font-size: 14px;
    line-height: 28px;
  }

  .grid-5 {
    grid-column-gap: 25px;
    grid-template-columns: 1.25fr 1.25fr;
  }

  .paragraph-6 {
    font-size: 14px;
    line-height: 28px;
  }

  .grid-6 {
    grid-column-gap: 25px;
    grid-template-columns: 1fr 1.75fr;
  }

  .paragraph-7 {
    font-size: 14px;
    line-height: 28px;
  }

  .field-label {
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
  }

  .field-label.interested-in {
    align-items: center;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 20px;
    display: flex;
  }

  .field-label.interested-in.email {
    padding-top: 0;
  }

  .field-label.final {
    font-size: 10px;
    line-height: 20px;
  }

  .heading-12 {
    padding-left: 20px;
  }

  .div-block-4 {
    background-color: #ffffffb3;
    height: 82%;
    margin-right: 0;
  }

  .form-2 {
    padding-left: 20px;
  }

  .checkbox {
    min-width: 18px;
    max-width: 18px;
    min-height: 18px;
    max-height: 18px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .heading-13 {
    margin-top: -1px;
    font-size: 35px;
  }

  .paragraph-8 {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 15px;
    line-height: 28px;
  }

  .paragraph-8.projects-page {
    font-size: 22px;
    line-height: 35px;
  }

  .paragraph-9 {
    font-size: 15px;
    line-height: 28px;
  }

  .div-block-5 {
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
  }

  .div-block-8 {
    background-color: #ffffffb3;
    width: 90%;
  }

  .heading-15 {
    font-size: 13px;
  }

  .logos-wrapper {
    grid-column-gap: 34px;
  }

  .logo-image {
    max-width: 103px;
  }

  ._w-a-hero-section {
    background-image: linear-gradient(#00000080, #00000080), url('../images/DC3810F7-B483-4017-9074-FBE640C7E1ED.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    height: 400px;
  }

  .paragraph-10 {
    font-size: 14px;
    line-height: 28px;
  }

  .heading-25 {
    font-size: 27px;
  }

  .checkbox-field {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 5px;
    padding-left: 0;
    line-height: 18px;
    display: flex;
  }

  .checkbox-field.final {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .checkbox-field.first {
    margin-top: -17px;
    padding-top: 0;
  }

  .slider-content-wrapper {
    margin-left: 55px;
    padding-left: 0;
  }

  .slider-button {
    margin-bottom: 9px;
    padding-top: 15px;
  }

  .link-wrap {
    color: var(--light-color);
    background-color: #0000;
    align-self: auto;
    margin-bottom: 50px;
    font-size: 30px;
    display: block;
  }

  .link-wrap.dark {
    font-size: 18px;
    overflow: hidden;
  }

  .link-underline {
    display: none;
    position: fixed;
    inset: 0%;
  }

  .nav-link-2 {
    clear: left;
    color: var(--light-color);
    text-align: left;
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;
    padding-left: 40px;
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
  }

  .nav-link-2.dark-color {
    color: var(--light-color);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 20px;
  }

  .nav-link-2.dark-color.firrst {
    margin-top: 0;
    padding-top: 0;
    padding-left: 40px;
  }

  .nav-link-2.first {
    font-size: 30px;
    font-weight: 600;
  }

  .nav-link-2.dark.white {
    color: var(--light-color);
    font-size: 22px;
    line-height: 60px;
  }

  .nav-link-2.dark.white.top {
    font-size: 22px;
    line-height: 60px;
  }

  .heading-27 {
    z-index: 2;
    padding-left: 0;
    font-size: 35px;
    position: relative;
  }

  .heading-27.dark {
    padding-left: 40px;
    padding-right: 0;
  }

  .navbar-2 {
    display: block;
  }

  .navbar-2.dark-color {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navbar-2.white {
    color: var(--navy);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-menu-2 {
    background-color: #001427a6;
    flex-direction: column;
    padding-top: 180px;
    padding-bottom: 0;
    font-size: 35px;
    line-height: 20px;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .menu-button-2 {
    clear: right;
    padding: 20px 0 10px;
  }

  .menu-button-2.w--open {
    background-color: #0000;
    padding-right: 40px;
  }

  .icon-4 {
    color: var(--navy);
    padding-right: 40px;
  }

  .icon-4.white {
    z-index: 2;
    color: var(--light-color);
    position: relative;
  }

  .brand.w--current {
    text-align: left;
    margin-left: 0;
    padding-left: 40px;
  }

  .collection-list {
    margin-bottom: 0;
  }

  .writing-and-apperances-heading {
    border-color: var(--cadet-blue);
    font-size: 25px;
  }

  .writing-and-apperances-heading.navy {
    border-color: var(--navy);
  }

  .collection-item-2 {
    margin-bottom: 10px;
    padding-left: 0;
  }

  .hero-super-heading {
    font-size: 46px;
    line-height: 50px;
  }

  .header-mask {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    padding-top: 0;
    display: flex;
  }

  .header-mask.writings-and-appearances {
    padding-top: 171px;
  }

  .header-mask.phone-size {
    padding-top: 36px;
  }

  .smaller-hero-heading {
    font-size: 34px;
    line-height: 45px;
  }

  .grid-11 {
    grid-column-gap: 0px;
    grid-template-columns: 1fr;
  }

  .div-block-25 {
    width: 200px;
    height: 200px;
    margin-left: -45px;
    margin-right: 18px;
    padding-right: 0;
  }

  .areas-of-expertise-hero-heading {
    padding-top: 0;
    font-size: 25px;
    line-height: 36px;
  }

  .areas-of-expertise-content-wrapper {
    margin-top: 150px;
  }

  .crimcard-bullet {
    font-size: 12px;
  }

  .collection-list-wrapper-4 {
    width: 675px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .setion-wrapper {
    margin-top: -25px;
    margin-left: -37px;
    padding-top: 0;
  }

  .footer-hover-link {
    margin-bottom: -40px;
    font-size: 12px;
    line-height: 0;
  }

  .heading-31 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-right: 24px;
    font-size: 27px;
    font-weight: 400;
  }

  .section-2 {
    position: relative;
  }

  .div-block-34 {
    margin-left: -61px;
  }

  .footer-button {
    white-space: nowrap;
    flex-wrap: nowrap;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 15px;
    right: 12%;
  }

  .slider-text-content {
    padding-top: 43px;
  }

  .writings-and-apperances-heading {
    font-size: 25px;
    line-height: 36px;
  }

  .down-arrow {
    width: 25px;
    height: 25px;
    margin-right: 15px;
    display: block;
  }

  .accordian-trigger-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .contact-footer-text {
    color: var(--light-color);
  }

  .writings-and-apperances-content-wrapper {
    padding-top: 0;
  }

  .c-map-section.vertical-space {
    display: none;
  }

  .collection-list-wrapper-5 {
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .collection-list-3, .collection-item-3 {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .html-embed {
    width: 100%;
    height: 100%;
    font-size: .1vw;
    position: absolute;
    inset: 0%;
  }

  .html-embed.projects {
    text-align: right;
    object-fit: fill;
    width: 100%;
    font-size: .5vw;
    line-height: 0;
    position: absolute;
    inset: 0%;
    overflow: visible;
  }

  .project-name-text {
    padding-top: 0;
    padding-bottom: 3px;
    font-size: 22px;
    font-weight: 400;
  }

  .description-text {
    font-size: 20px;
  }

  .heading-holder {
    padding-top: 30px;
  }

  .cardi-flip {
    margin-bottom: 0;
  }

  .cardi-flip.vertical-space {
    transform: none;
  }

  .card-wrapper {
    margin-bottom: 159px;
  }

  .card-front {
    width: 200px;
    height: 275px;
  }

  .card-front.media {
    width: 210px;
    height: 275px;
    margin-bottom: 0;
    display: none;
  }

  .card-back {
    width: 200px;
    height: 275px;
  }

  .card-back.media {
    width: 210px;
    height: 275px;
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  .heading-41 {
    font-size: 20px;
    line-height: 35px;
  }

  .text-block-31 {
    font-size: 18px;
  }

  .text-block-32 {
    font-size: 18px;
    line-height: 35px;
  }

  .text-block-33 {
    line-height: 35px;
  }

  .image-11 {
    width: 150px;
    margin-left: -27px;
  }

  .div-block-53 {
    align-items: center;
    padding-top: 0;
    padding-right: 50px;
    display: none;
  }

  .div-block-53.creative-bounty {
    padding-top: 37px;
    padding-right: 60px;
  }

  .div-block-54 {
    inset: 0%;
  }

  .div-block-55 {
    flex-direction: column;
    align-self: flex-start;
    align-items: flex-start;
    width: 95%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    display: flex;
  }

  .grid-13 {
    grid-column-gap: 0px;
    grid-template-columns: 2fr 1fr;
  }

  .creative-bounty-slide {
    line-height: 44px;
  }

  .image-12 {
    width: 140px;
    margin-top: 28px;
  }

  .image-14 {
    height: 76%;
  }

  .text-block-35 {
    padding-right: 167px;
    font-size: 18px;
    line-height: 25px;
  }

  .z-map-section.vertical-space {
    display: none;
  }

  .z-map-dot.blue, .z-map-circe, .z-map-fill {
    display: block;
  }

  .image-15, .c-map-dot-research.is-hidden.is-hidden-here, .image-16 {
    display: none;
  }

  .html-embed-3, .html-embed-4, .html-embed-5 {
    font-size: 1.4vw;
  }

  .image-17 {
    display: block;
  }

  .mask {
    height: 333px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-block-36 {
    color: var(--navy);
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    position: static;
  }

  .text-block-37 {
    color: var(--navy);
    font-size: 12px;
    line-height: 20px;
  }

  .div-block-71 {
    padding-top: 169px;
    padding-left: 10px;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .text-span-10 {
    display: none;
  }

  .hero-image-caption-wrapper {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 20px;
  }

  .image-caption {
    margin-top: 0;
    font-size: 14px;
  }

  .creative-bounty-image-wrapper {
    height: 127%;
    display: none;
  }

  .image-23 {
    height: 87%;
  }

  .div-block-81 {
    text-align: left;
    display: block;
    position: static;
  }

  .div-block-83 {
    flex-direction: column;
  }

  .south-africa-grid {
    grid-column-gap: 0px;
    grid-template-columns: .75fr .5fr;
  }

  .text-block-39 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 21px;
  }

  .image-28 {
    padding-right: 20px;
  }

  .div-block-85 {
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 120px;
    display: flex;
  }

  .heading-south-africa-foundation {
    margin-top: -11px;
    padding-left: 50px;
    font-size: 25px;
    line-height: 24px;
  }

  .south-africa-image-wrao {
    padding-top: 0;
    padding-right: 50px;
  }

  .image-29 {
    height: 154px;
    padding-top: 0;
  }

  .theatre-slide {
    background-color: #708d8147;
    background-image: linear-gradient(#ebeced94, #ebeced94), url('../images/footer-map.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    font-size: 26px;
  }

  .theatre-grid {
    grid-column-gap: 0px;
    grid-template-columns: .75fr .25fr;
  }

  .logo-wrapper-theatre {
    margin-right: 0;
    padding-right: 0;
  }

  .image-30 {
    height: 100px;
  }

  .text-block-40 {
    font-size: 15px;
    line-height: 24px;
  }

  .heading-44 {
    margin-bottom: 19px;
    font-size: 25px;
    line-height: 0;
  }

  .position {
    line-height: 20px;
  }

  .position.dark {
    margin-bottom: -7px;
    font-size: 15px;
    line-height: 20px;
  }

  .paragraph-16 {
    margin-bottom: -100px;
  }

  .button-2 {
    background-color: var(--navy);
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
    display: block;
    position: absolute;
    inset: auto 0% 0%;
  }

  .button-2.red {
    background-color: var(--dark-red);
  }

  .button-2.green {
    background-color: var(--cadet-blue);
  }

  .text-span-11 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .style-guide-color-wrap {
    height: auto;
  }

  .button {
    flex-direction: row;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    inset: auto auto -22% 0%;
  }

  .cms-publication-heading {
    font-size: 13px;
    line-height: 17px;
    top: -2px;
  }

  .cms-publication-heading:hover {
    font-size: 15px;
    line-height: 19px;
  }

  .link {
    font-size: 11px;
  }

  .link.dark {
    color: var(--navy);
    background-color: #0000;
    font-size: 12px;
  }

  .link.dark.cb-link {
    font-size: 15px;
  }

  .link.footer {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 13px;
    line-height: 16px;
    display: inline-block;
    overflow: visible;
  }

  .paragraph {
    margin-top: 0;
    padding-top: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .container-1280 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 60%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container-1280.small {
    flex-direction: column;
    display: block;
  }

  .container-1280.navbar-edition {
    flex-direction: row;
    width: 91vw;
  }

  .hero-content-wrapper {
    padding-top: 0;
  }

  .text-block {
    height: auto;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 20px;
  }

  .text-block.dark {
    margin-top: 0;
    padding: 15px 20px 15px 0;
    line-height: 18px;
  }

  .slider-heading {
    height: auto;
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 20px;
  }

  .slider-heading.dark {
    height: auto;
    margin-bottom: 0;
    padding: 0 0 3px;
    font-size: 20px;
    font-weight: 500;
    line-height: 17px;
  }

  .slider {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 300px;
  }

  ._2-col-grid {
    grid-template-columns: 1.5fr 1.5fr;
  }

  .about-main-image {
    margin-top: 0;
    padding-top: 66px;
  }

  .heading-6 {
    padding-top: 0;
    padding-bottom: 7px;
    padding-right: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .text-block-2 {
    padding-bottom: 17px;
    font-size: 16px;
    line-height: 25px;
  }

  .yellow-llne {
    margin-top: -12px;
    left: -84%;
  }

  .yellow-llne.horizontal {
    width: 110px;
    margin-top: 57px;
    margin-bottom: 3px;
  }

  .heading-7 {
    justify-content: flex-start;
    margin-top: -5px;
    margin-bottom: 91px;
    padding-top: 21px;
    padding-left: 45px;
    padding-right: 294px;
    font-size: 12px;
    display: flex;
  }

  .blue-divider {
    align-self: flex-start;
    width: 200px;
    margin-top: 53px;
    margin-bottom: -1px;
    padding-top: .5px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .gradient-bar {
    font-size: 18px;
    line-height: 20px;
  }

  .heading-8 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .heading-9 {
    font-size: 18px;
  }

  .paragraph-2 {
    font-size: 16px;
    line-height: 25px;
  }

  .text-block-7 {
    font-size: 16px;
  }

  .large-bullet {
    width: 7px;
    height: 7px;
  }

  .about-kareem-main-image {
    align-self: center;
    width: 102%;
    padding-left: 0;
    display: block;
  }

  .paragraph-3 {
    font-size: 16px;
    line-height: 25px;
  }

  .heading-3 {
    font-size: 20px;
    line-height: 20px;
  }

  .heading-3.first {
    font-size: 20px;
  }

  .heading-3.red {
    font-size: 22px;
  }

  .grid-3 {
    grid-template-columns: 2.5fr 1.5fr;
  }

  .grid-4 {
    grid-template-columns: 1fr 1.25fr;
  }

  .paragraph-5, .paragraph-6, .paragraph-7 {
    font-size: 12px;
    line-height: 20px;
  }

  .grid-8 {
    grid-template-columns: 1.25fr;
  }

  .field-label {
    line-height: 15px;
  }

  .field-label.interested-in {
    margin-bottom: 0;
    line-height: 23px;
  }

  .field-label.final {
    line-height: 20px;
  }

  .heading-12 {
    margin-bottom: 19px;
    padding-top: 9px;
    font-size: 12px;
  }

  .div-block-4 {
    height: 101%;
  }

  .form-2 {
    padding-left: 0;
  }

  .checkbox {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-13 {
    font-size: 30px;
  }

  .paragraph-8.projects-page {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 30px;
  }

  .paragraph-9 {
    font-size: 16px;
    line-height: 25px;
  }

  .div-block-8 {
    width: 108%;
  }

  .heading-15 {
    font-size: 12px;
  }

  .logo-image {
    width: 30px;
    max-width: 80px;
    height: auto;
  }

  .paragraph-10 {
    font-size: 16px;
    line-height: 25px;
  }

  .heading-25 {
    font-size: 20px;
    line-height: 25px;
  }

  .checkbox-field {
    grid-column-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 0;
    padding-left: 20px;
  }

  .checkbox-field.final {
    margin-bottom: 40px;
  }

  .checkbox-field.first {
    margin-top: 20px;
  }

  .slider-content-wrapper {
    align-self: auto;
    margin-top: 0;
    margin-bottom: -10px;
    margin-left: 0;
    padding-top: 0;
    padding-left: 20px;
  }

  .slider-button {
    width: 120px;
    height: 50px;
    color: var(--navy);
    text-align: center;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    display: flex;
    inset: auto 0% -9%;
  }

  .link-wrap {
    height: auto;
    color: var(--light-color);
    text-align: left;
    background-color: #0000;
    flex: 0 auto;
    align-self: flex-start;
    align-items: center;
    margin-bottom: 27px;
    font-size: 28px;
    display: block;
    overflow: hidden;
  }

  .link-wrap.dark {
    background-color: #0000;
  }

  .nav-link-2 {
    text-align: left;
    font-size: 28px;
  }

  .nav-link-2.dark-color {
    color: var(--light-color);
    background-color: #0000;
    padding-top: 0;
    padding-bottom: 20px;
    padding-left: 40px;
  }

  .nav-link-2.dark-color.firrst {
    color: var(--light-color);
    background-color: #0000;
    margin-top: 1px;
    margin-bottom: 20px;
    padding-top: 85px;
    padding-bottom: 0;
    padding-left: 40px;
  }

  .nav-link-2.first {
    float: none;
    clear: left;
    text-align: left;
    justify-content: flex-start;
    padding-top: 85px;
    font-size: 28px;
    font-weight: 600;
    display: block;
    position: relative;
  }

  .nav-link-2.dark.white {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 30px;
  }

  .nav-link-2.dark.white.first {
    color: var(--light-color);
    font-size: 22px;
    line-height: 60px;
  }

  .nav-link-2.dark.white.top {
    margin-bottom: 0;
    padding-top: 60px;
    line-height: 30px;
  }

  .heading-27 {
    padding-top: 20px;
    font-size: 33px;
  }

  .heading-27.dark {
    text-align: left;
    padding-left: 0;
  }

  .navbar-2.dark-color {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-menu-2 {
    color: var(--navy);
    background-color: #001427a6;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 46px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
  }

  .menu-button-2 {
    background-color: #0000;
    padding: 8px 0 0;
  }

  .menu-button-2.w--open {
    background-color: #0000;
    padding-top: 6px;
    padding-right: 40px;
  }

  .icon-4, .icon-4.white {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .brand.w--current {
    white-space: nowrap;
    display: block;
  }

  .collection-list {
    width: 90vw;
  }

  .writing-and-apperances-heading {
    border-color: var(--cadet-blue);
    font-size: 18px;
    line-height: 36px;
  }

  .writing-and-apperances-heading.red {
    border-color: var(--dark-red);
  }

  .writing-and-apperances-heading.navy {
    border-color: var(--navy);
  }

  .collection-item-2 {
    width: 200px;
    max-width: 200px;
    height: 200px;
    margin-bottom: 20px;
    margin-right: 15px;
  }

  .hero-super-heading {
    align-self: flex-start;
    width: auto;
    font-size: 40px;
    line-height: 50px;
  }

  .header-mask {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .header-mask.writings-and-appearances {
    padding-top: 0;
  }

  .header-mask.phone-size {
    padding-top: 299px;
  }

  .smaller-hero-heading {
    align-self: flex-start;
    font-size: 30px;
    line-height: 40px;
  }

  .grid-11 {
    grid-template-columns: 1fr;
    width: 450px;
  }

  .div-block-25 {
    width: 100px;
    height: 100px;
  }

  .areas-of-expertise-hero-heading {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    font-size: 25px;
    line-height: 40px;
  }

  .areas-of-expertise-content-wrapper {
    margin-top: 85px;
  }

  .crimcard-bullet {
    font-size: 15px;
  }

  .collection-list-wrapper-4 {
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .footer-hover-link {
    float: none;
    clear: none;
    margin: -2px 0 -20px;
    padding-top: 0;
    line-height: 20px;
  }

  .heading-31 {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .section-2 {
    padding-top: 23px;
  }

  .grid-12 {
    padding-bottom: 21px;
  }

  .div-block-33 {
    object-fit: fill;
    overflow: visible;
  }

  .div-block-34 {
    flex: none;
    align-self: center;
  }

  .footer-button {
    right: 7%;
  }

  .slider-text-content {
    padding-top: 0;
    padding-left: 40px;
  }

  .footer-contact-dic {
    padding-left: 30px;
  }

  .writings-and-apperances-heading {
    font-size: 25px;
    line-height: 20px;
  }

  .down-arrow {
    width: 15px;
    height: 15px;
  }

  .accordian-trigger-wrapper {
    margin-bottom: 15px;
  }

  .writings-and-apperances-content-wrapper {
    padding-top: 179px;
  }

  .cms-map-circle {
    width: .4em;
    height: .4em;
  }

  .cms-map-fill {
    width: 1em;
    min-width: 1em;
    height: 1em;
    min-height: 1em;
  }

  .heading-37 {
    font-size: 25px;
  }

  .project-name-text {
    font-size: 18px;
    font-weight: 400;
  }

  .description-text {
    font-size: 16px;
  }

  .heading-holder {
    padding-top: 30px;
  }

  .card-wrapper {
    padding-right: 0;
  }

  .card-front.media {
    width: 190px;
    height: 200px;
    margin-right: 0;
  }

  .card-back {
    width: 190px;
    height: 200px;
  }

  .card-back.media {
    width: 190px;
    height: 200px;
    margin-bottom: 0;
    margin-right: 0;
    right: 0%;
  }

  .heading-41 {
    font-size: 16px;
    line-height: 23px;
  }

  .text-block-31 {
    font-size: 15px;
    line-height: 23px;
  }

  .image-11 {
    width: 170px;
    margin-left: -39px;
    margin-right: 0;
    padding-right: 0;
  }

  .div-block-53 {
    align-items: center;
    padding-top: 0;
    display: none;
  }

  .grid-13 {
    grid-template-columns: 2.75fr 1.25fr;
    height: 100%;
  }

  .creative-bounty-slide {
    height: 558px;
  }

  .creative-bounty-content-wrapper {
    padding-top: 58px;
    padding-left: 40px;
  }

  .creative-bounty-logo-wrapper {
    margin-right: -3px;
    padding-left: 0;
    padding-right: 20px;
  }

  .image-12 {
    align-self: center;
  }

  .div-block-58 {
    padding-left: 102px;
  }

  .creative-bounty-wrapper {
    grid-template-columns: 1.5fr 1fr;
  }

  .image-14 {
    height: 57%;
  }

  .text-block-35 {
    padding-right: 98px;
  }

  .text-block-36 {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
  }

  .text-block-36:hover {
    font-weight: 400;
  }

  .text-block-37 {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 11px;
    font-weight: 300;
  }

  .div-block-71 {
    padding-top: 116px;
    padding-left: 5px;
  }

  .image-22 {
    max-width: 80px;
  }

  .image-caption {
    font-size: 12px;
  }

  .crimcard-grid {
    grid-template-columns: 1.25fr 1fr;
  }

  .creative-bounty-image-wrapper {
    display: none;
  }

  .image-23 {
    width: 80%;
    height: 54%;
  }

  .slider-2 {
    width: 400px;
    height: 310px;
  }

  .div-block-82 {
    padding-left: 40px;
  }

  .image-27 {
    width: auto;
  }

  .socials-wrapper {
    grid-column-gap: 22px;
    flex-direction: row;
    display: flex;
  }

  .div-block-83 {
    flex-direction: column;
  }

  .south-africa-grid {
    grid-template-columns: 2.25fr;
  }

  .text-block-39 {
    width: 351px;
    padding-top: 5px;
    padding-bottom: 35px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 18px;
  }

  .image-28 {
    display: none;
  }

  .south-africa-foundation {
    background-color: #0000;
    height: 558px;
    padding-top: 0;
  }

  .heading-south-africa-foundation {
    margin-top: 91px;
    padding-left: 0;
    padding-right: 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .image-29 {
    display: none;
  }

  .theatre-slide {
    height: 558px;
    padding-top: 0;
  }

  .text-block-40 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 19px;
  }

  .position {
    line-height: 20px;
  }

  .position.dark {
    padding-bottom: 0;
    line-height: 26px;
  }

  .button-2 {
    line-height: 28px;
  }

  .button-2.red {
    font-size: 13px;
    line-height: 28px;
  }

  .button-2.green {
    background-color: var(--cadet-blue);
  }

  .text-span-11 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .style-guide-grid {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .button {
    margin-top: 0;
    margin-bottom: -121px;
    margin-left: 53px;
  }

  .style-guide-grid-item-wrap, .list {
    grid-template-columns: 1fr;
  }

  .cms-publication-heading {
    margin-top: 0;
    padding-top: 0;
    top: -1px;
  }

  .link {
    font-size: 13px;
  }

  .link.dark {
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
    line-height: 39px;
  }

  .link.footer {
    margin-top: 0;
    margin-bottom: 37px;
    font-size: 12px;
  }

  .paragraph {
    margin-bottom: -20px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
  }

  .hero-section {
    width: 110vw;
  }

  .container-1280 {
    mix-blend-mode: normal;
    flex-direction: column;
    align-self: center;
    align-items: center;
    width: 95%;
    height: 46%;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: auto;
    padding: 0;
    display: block;
  }

  .container-1280.small {
    text-align: left;
    width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: auto;
  }

  .container-1280.contact {
    width: 250px;
  }

  .container-1280.navbar-edition {
    width: 91vw;
    padding-right: 0;
  }

  .hero-content-wrapper {
    margin-left: 0;
    padding-top: 128px;
    top: 0;
  }

  .heading-4.logo {
    margin-top: -68px;
    margin-left: -86px;
    padding-left: 0;
    font-size: 20px;
  }

  .nav-link {
    color: var(--light-color);
    margin-top: -30px;
    padding-top: 0;
  }

  .slider-section.vertical-space {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .crimcard-slide, .crimcard-slide.south-africa {
    height: 333px;
  }

  .vertical-space {
    display: block;
  }

  .vertical-space.phone {
    padding: 0 1px 1px;
  }

  .text-block {
    padding: 8px 15px 8px 25px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
  }

  .text-block.dark {
    width: auto;
    margin-bottom: 0;
    padding: 15px 15px 15px 25px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
  }

  .slider-heading {
    margin-top: 25px;
    margin-bottom: 0;
    padding: 0 0 4px 25px;
    font-size: 20px;
    line-height: 20px;
  }

  .slider-heading.dark {
    white-space: normal;
    width: auto;
    margin-top: 25px;
    padding: 0 20px 0 25px;
    font-size: 20px;
    line-height: 20px;
  }

  .slider {
    height: auto;
  }

  ._2-col-grid {
    grid-template-columns: 1.5fr;
  }

  .text-col {
    padding: 10px;
  }

  .image-col {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .about-main-image {
    width: 93vw;
    max-width: 100vw;
    box-shadow: none;
    text-align: center;
    object-fit: contain;
    order: 0;
    margin: -27px 0 0;
    padding: 0 0 10px;
    display: block;
    position: relative;
  }

  .heading-6 {
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 25px;
  }

  .text-block-2 {
    margin-top: -20px;
    padding-top: 0;
    padding-bottom: 3px;
    font-size: 15px;
    line-height: 25px;
  }

  .yellow-llne {
    margin-top: -7px;
    top: 41%;
    left: -108%;
  }

  .yellow-llne.horizontal {
    width: 110px;
    margin-top: 8px;
    margin-bottom: 5px;
    padding-top: 0;
  }

  .about-hero-section {
    background-position: 50%;
    background-size: cover;
    height: 50vh;
  }

  .body {
    flex-direction: column;
    display: flex;
  }

  .heading-7 {
    align-self: flex-start;
    width: 54%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1px 0 0;
    font-size: 12px;
    line-height: 16px;
  }

  .blue-divider {
    width: 100px;
    margin-top: -390px;
    margin-bottom: 5px;
    margin-right: 0;
    padding-top: 1px;
    padding-right: 0;
  }

  .gradient-bar {
    height: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
    position: absolute;
    inset: auto 0% 0%;
  }

  .about-heading-section.vertical-space {
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .accordian-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .trusted-policy-advisor-section {
    padding-bottom: 0;
  }

  .heading-8 {
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 25px;
  }

  .red-line {
    width: 90%;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
  }

  .red-line.first {
    width: 90%;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 88px;
  }

  .heading-9 {
    padding-top: 20px;
    font-size: 18px;
  }

  .paragraph-2 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .text-block-7 {
    margin-bottom: 29px;
    padding-bottom: 0;
    font-size: 18px;
    line-height: 20px;
  }

  .large-bullet {
    width: 5px;
    min-width: 5px;
    max-width: 5px;
    height: 5px;
    min-height: 5px;
    max-height: 5px;
  }

  .imiage-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 10px;
    display: flex;
  }

  .about-kareem-main-image {
    align-self: center;
    width: 100vw;
    max-width: 130%;
    height: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .hot-air-baloon-image {
    width: 100px;
    height: 100px;
    margin: -4px -24px -1px 0;
    padding-top: 3px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .paragraph-3 {
    font-size: 15px;
    line-height: 25px;
  }

  .areas-of-expertise-hero-section.vertical-space {
    background-image: linear-gradient(#00000080, #00000080), url('../images/areas-of-expertise-hero-compressed.webp');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    width: auto;
    height: 50vh;
    max-height: 1%;
    margin-bottom: 39px;
    padding-bottom: 0;
  }

  .heading-3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 25px;
  }

  .heading-3.first {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 22px;
    font-weight: 400;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }

  .menu-button {
    padding-top: 0;
  }

  .image-2, .image-4 {
    display: none;
  }

  .icon {
    color: var(--light-color);
    margin-left: -5px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-4 {
    grid-template-columns: 1fr;
  }

  .paragraph-5 {
    font-size: 15px;
    line-height: 25px;
  }

  .grid-5 {
    grid-template-columns: 1.25fr;
  }

  .paragraph-6 {
    align-self: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .image-6 {
    margin-bottom: 20px;
    display: none;
  }

  .grid-6 {
    grid-template-columns: 1.75fr;
    align-content: start;
    place-items: start;
  }

  .paragraph-7 {
    align-self: flex-start;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 25px;
  }

  .image-7 {
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-left: 19px;
    display: none;
  }

  .info-section.vertical-space {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .field-label {
    font-size: 10px;
    font-weight: 400;
    line-height: 0;
  }

  .field-label.interested-in {
    padding-top: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 18px;
  }

  .form {
    grid-template-columns: 1.5fr;
  }

  .text-field {
    padding-top: 8px;
  }

  .heading-12 {
    font-weight: 400;
  }

  .div-block-4 {
    height: 96%;
  }

  .heading-13 {
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-8 {
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 15px;
    line-height: 25px;
  }

  .paragraph-8.projects-page {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    line-height: 30px;
  }

  .paragraph-9 {
    margin-bottom: 30px;
    font-size: 15px;
    line-height: 25px;
  }

  .div-block-6 {
    margin-left: auto;
    margin-right: auto;
  }

  .featured-on-section.vertical-space {
    padding-top: 75px;
  }

  .heading-15 {
    font-size: 15px;
  }

  .logos-wrapper {
    grid-column-gap: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-image {
    width: 30px;
  }

  .div-block-19 {
    padding-top: 15px;
  }

  .body-5 {
    height: 50%;
  }

  ._w-a-hero-section {
    background-image: linear-gradient(#00000080, #00000080), url('../images/DC3810F7-B483-4017-9074-FBE640C7E1ED.webp'), linear-gradient(#0000, #0000);
    background-position: 0 0, 50%, 0 0;
    background-repeat: repeat, no-repeat, repeat;
    background-size: auto, cover, auto;
    background-attachment: scroll, scroll, scroll;
    height: 50vh;
    position: relative;
  }

  .paragraph-10 {
    font-size: 15px;
    line-height: 25px;
  }

  .heading-25 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 25px;
  }

  .checkbox-field {
    align-items: center;
    margin-bottom: 25px;
    padding-left: 0;
    display: flex;
  }

  .checkbox-field.final {
    align-items: center;
    margin-bottom: 40px;
  }

  .checkbox-field.first {
    margin-top: 19px;
  }

  .grid-10 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .slider-content-wrapper {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 15px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 15px;
  }

  .icon-2 {
    width: 10px;
    height: 20px;
  }

  .icon-3 {
    width: 40px;
    height: 20px;
    margin-left: 10px;
  }

  .slider-button {
    padding-top: 1px;
  }

  .link-wrap {
    text-align: left;
    background-color: #0000;
    align-self: flex-start;
    margin-top: -3px;
    margin-bottom: 0;
    padding-left: 25px;
  }

  .link-wrap.dark {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .link-wrap.footer {
    padding-left: 0;
  }

  .nav-link-2 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 8px;
    padding-top: 40px;
    padding-left: 10px;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    display: block;
    position: static;
  }

  .nav-link-2.dark-color {
    float: none;
    color: var(--light-color);
    text-align: left;
    background-color: #0000;
    padding-top: 20px;
  }

  .nav-link-2.dark-color:hover {
    font-weight: 400;
  }

  .nav-link-2.dark-color.firrst {
    text-align: left;
    align-self: flex-start;
    margin-top: 0;
    padding-top: 85px;
  }

  .nav-link-2.first {
    margin-top: 3px;
    padding-top: 61px;
    padding-left: 10px;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
  }

  .nav-link-2.dark.white, .nav-link-2.dark.white.first {
    font-size: 22px;
  }

  .nav-link-2.top {
    padding-top: 80px;
  }

  .heading-27 {
    float: left;
    clear: left;
    text-align: left;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-left: 20px;
    font-size: 21px;
    display: block;
  }

  .heading-27.dark-color {
    padding-left: 10px;
    font-size: 23px;
  }

  .heading-27.dark {
    padding-left: 0;
  }

  .navbar-2 {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .navbar-2.dark-color {
    grid-column-gap: 0px;
    color: #001427;
    text-align: left;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    margin: 0 0 -2px -2px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .navbar-2.white {
    flex-flow: column wrap;
    justify-content: space-between;
    padding-top: 20px;
    display: block;
  }

  .nav-menu-2 {
    color: #001427;
    background-color: #001427b3;
    margin-top: 0;
    padding-top: 0;
    font-weight: 600;
  }

  .menu-button-2 {
    text-align: right;
    flex: 1;
    align-self: flex-end;
    padding: 3px 0 0;
    display: block;
  }

  .menu-button-2.w--open {
    padding-right: 20px;
  }

  .icon-4 {
    padding-top: 3px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .icon-4.white {
    padding-top: 0;
    padding-bottom: 0;
  }

  .brand {
    clear: left;
    text-align: left;
    justify-content: flex-start;
    align-self: flex-start;
    padding-left: 0;
    display: block;
  }

  .brand.w--current {
    padding-left: 0;
  }

  .brand.white {
    padding-top: 0;
  }

  .right-arrow {
    width: 21%;
  }

  .image-10 {
    margin-bottom: 20px;
    display: none;
  }

  .collection-list {
    text-align: left;
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
  }

  .writing-and-apperances-heading {
    font-size: 22px;
    font-weight: 400;
  }

  .collection-item-2 {
    width: 100vw;
    max-width: 250px;
    height: 180px;
    margin-right: 0;
  }

  .hero-super-heading {
    font-size: 32px;
    line-height: 47px;
    position: static;
  }

  .header-mask {
    justify-content: center;
    align-items: center;
    margin-top: 1px;
    padding-top: 0;
    padding-left: 0;
    display: flex;
  }

  .header-mask.writings-and-appearances {
    margin-top: 0;
    padding-top: 170px;
    padding-left: 0;
  }

  .header-mask.phone-size {
    height: 73vh;
    margin-top: 129px;
    padding-top: 0;
    padding-left: 20px;
  }

  .text-span-9 {
    font-size: 32px;
  }

  .smaller-hero-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 33px;
  }

  .grid-11 {
    grid-template-columns: 2fr;
    width: auto;
  }

  .div-block-25 {
    width: 50px;
    height: 50px;
    margin-left: 0;
  }

  .areas-of-expertise-hero-heading {
    max-height: 200px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 25px;
    line-height: 25px;
    display: inline-block;
  }

  .areas-of-expertise-content-wrapper {
    margin-top: 170px;
  }

  .crimcard-bullet {
    font-size: 15px;
    line-height: 16px;
  }

  .collection-list-wrapper-4 {
    width: 90%;
    max-width: 200%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 10px;
  }

  .setion-wrapper {
    margin-top: -21px;
    margin-left: -31px;
    padding-top: 0;
  }

  .footer-hover-link {
    margin-top: 1px;
    margin-bottom: -20px;
    padding-top: 0;
  }

  .heading-31 {
    margin-bottom: 22px;
    padding-top: 16px;
    padding-left: 0;
  }

  .section-2 {
    object-fit: fill;
    width: 110vw;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 35px;
    padding-bottom: 32px;
    display: block;
    position: relative;
    bottom: auto;
  }

  .grid-12 {
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding-bottom: 0;
  }

  .div-block-33 {
    margin-left: -18px;
    overflow: visible;
  }

  .footer-button {
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    display: flex;
    position: static;
    inset: auto 10% 10% auto;
  }

  .slider-text-content {
    width: auto;
    padding-left: 0;
  }

  .footer-follow-div {
    padding-left: 10px;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .footer-contact-dic {
    grid-column-gap: 50px;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    display: flex;
    position: relative;
  }

  .writings-and-apperances-heading {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 25px;
    font-weight: 300;
    line-height: 39px;
  }

  .down-arrow {
    align-self: center;
    margin-right: 0;
  }

  .accordian-trigger-wrapper {
    align-items: center;
    margin-bottom: 0;
  }

  .left-arrow {
    padding-right: 0;
  }

  .submit-button-3 {
    margin-top: 25px;
    font-size: 16px;
    font-weight: 300;
    line-height: 10px;
  }

  .contact-footer-text {
    color: var(--light-color);
    font-size: 12px;
    font-weight: 200;
    line-height: 20px;
  }

  .writings-and-apperances-content-wrapper {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .heading-37 {
    font-size: 23px;
    font-weight: 400;
  }

  .project-name-text {
    font-size: 17px;
  }

  .description-text {
    font-size: 16px;
  }

  .consulting-projects-div {
    margin-bottom: 16px;
  }

  .heading-holder {
    margin-bottom: -150px;
    padding-bottom: 0;
  }

  .cardi-flip.vertical-space {
    padding: 15px;
  }

  .cardi-flip.vertical-space.copy {
    padding-bottom: 15px;
  }

  .card-wrapper {
    width: 300px;
    margin-left: 0;
    margin-right: 0;
  }

  .card-front {
    width: 300px;
    height: 180px;
  }

  .card-front.media {
    width: 300px;
    height: 180px;
    margin-left: 0;
  }

  .card-back {
    width: 300px;
    height: 180px;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .card-back.media {
    width: 300px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
  }

  .collection-list-7 {
    display: block;
  }

  .div-block-53 {
    display: none;
  }

  .div-block-54 {
    top: 10%;
  }

  .creative-bounty-slide {
    height: 333px;
  }

  .yellow-line-footer {
    align-self: center;
    height: 254px;
    padding-right: 0;
  }

  .div-block-58 {
    align-self: center;
    padding-left: 0;
  }

  .creative-bounty-wrapper {
    grid-template-columns: 1fr;
  }

  .image-14 {
    height: 31%;
    margin-top: 95px;
    display: none;
  }

  .text-block-35 {
    padding-right: 34px;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
  }

  .z-map-section.vertical-space.second {
    margin-top: 15px;
    display: block;
  }

  .link-block {
    display: none;
  }

  .div-block-71 {
    padding-top: 95px;
    padding-left: 5px;
  }

  .image-21 {
    width: 34px;
  }

  .image-22 {
    width: 35px;
  }

  .hero-image-caption-wrapper {
    padding-bottom: 34px;
  }

  .image-caption {
    margin-bottom: -66px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10px;
  }

  .crimcard-grid {
    grid-template-columns: 1fr;
  }

  .crimcard-logo-wrapper, .creative-bounty-image-wrapper, .image-23, .image-24 {
    display: none;
  }

  .slider-2 {
    width: 200px;
    height: 150px;
  }

  .div-block-80 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: -13px;
    display: flex;
  }

  .div-block-82 {
    justify-content: space-between;
    padding-left: 20px;
    display: block;
  }

  .text-block-39 {
    padding-bottom: 20px;
    font-size: 11px;
    line-height: 14px;
  }

  .heading-south-africa-foundation {
    padding-left: 30px;
  }

  .image-29 {
    display: none;
  }

  .theatre-slide {
    height: 333px;
  }

  .text-block-40 {
    padding-top: 16px;
    padding-left: 25px;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
  }

  .position {
    padding-left: 25px;
    font-size: 13px;
  }

  .position.dark {
    padding-left: 25px;
    font-size: 13px;
    line-height: 17px;
  }

  .paragraph-16 {
    width: 90%;
    margin-bottom: 31px;
    font-size: 18px;
    line-height: 30px;
  }

  .button-2 {
    padding-top: 0;
    font-size: 12px;
    line-height: 25px;
  }

  .button-2.red {
    font-size: 12px;
  }

  .text-block-41 {
    text-align: left;
    align-self: flex-start;
  }

  .div-block-86 {
    flex-direction: row;
  }
}

#w-node-db1a11f1-69f2-952c-6f9d-bce7c4981344-9e56b893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-fc420167-2eb4-ad6b-a572-80c1e2cb3c7c-9e56b893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7084d060-8dad-239b-086f-388f8e9d2cb9-9e56b893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-c3c93fd8-d38a-8e80-b48d-0501d465be36-9e56b893, #w-node-_383f1fd3-1f39-1673-cd89-4e6e6ffa541f-9e56b893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-dea1254a-4960-9cb1-12e8-bbcbad5e0781-9e56b893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-dea1254a-4960-9cb1-12e8-bbcbad5e078d-9e56b893, #w-node-dea1254a-4960-9cb1-12e8-bbcbad5e078e-9e56b893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_2a8a3a1f-60c5-95c1-926b-ae6c7260ac4d-9e56b893, #w-node-_400a51dc-a009-c1b6-0e2a-d3f974cd09d3-9e56b893, #w-node-ddb41597-e708-f743-5b1a-83a599a5a93d-9e56b893, #w-node-_14a547ec-356a-7df5-3868-42c9a0799c63-9e56b893, #w-node-_51931b1a-f083-3de1-aede-b67a4e67c824-9e56b893 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_759ab9a2-12e8-349d-9866-fb6de9978640-e997863e {
  justify-self: center;
}

#w-node-_759ab9a2-12e8-349d-9866-fb6de997865f-e997863e {
  place-self: center start;
}

#w-node-ca50e566-cc07-1230-f8c7-da10b7aa026e-e997863e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d877f841-5818-3d92-d117-fe5ba8616861-7e56b898 {
  place-self: center;
}

#w-node-_9260feeb-6dc5-cc8d-279c-a1e943523cf5-7e56b898, #w-node-f8c5482d-4391-2946-03f0-7c86a8c0d81a-bb56b899, #w-node-ad393235-efaf-e11b-7b73-bf89c5f138a5-bb56b899, #w-node-_08d406c4-09a7-cb58-8601-430612251200-bb56b899, #w-node-_327729b8-f4ed-291f-d3ef-d6fbe59ac22b-bb56b899, #w-node-d349e621-4a28-28ea-65eb-06595f80ae7b-bb56b899, #w-node-be5805c1-5068-4048-d0c4-8cd32813be68-bb56b899, #w-node-_9f82fc79-6b06-4bd4-0cbd-fedfcb04c2aa-bb56b899, #w-node-f65060d0-ddaa-de62-9d00-62bff5709d43-bb56b899, #w-node-_10b1e9bf-afbd-e42c-6a3a-d8fa275b32fd-bb56b899, #w-node-_792d8cbf-c2b1-398d-9a9e-93d2b3f880a1-bb56b899, #w-node-_792d8cbf-c2b1-398d-9a9e-93d2b3f880a3-bb56b899, #w-node-_08e2d729-1b3f-0255-fa1e-10514e65d505-bb56b899, #w-node-_4b262d81-c3d2-71d7-399f-4328f6478e03-bb56b899, #w-node-_3889cafa-253d-2e04-2205-63911fcdfa6c-e156b89c, #w-node-f1d1cb13-bd7f-29cb-2924-db0d3b461d01-e156b89c, #w-node-d4abc994-0ce6-81cc-2ad0-3480a48ddaa0-e156b89c, #w-node-b3842b1f-53a6-473b-277a-f109219f7fcb-e156b89c, #w-node-b513c62f-8a6e-32bf-a326-11aca1864081-e156b89c, #w-node-_8b1eebb1-a0a2-3dee-2fb1-c2492d742363-e156b89c, #w-node-_7dc54e8c-1721-5782-a4d6-4ae112d099d2-e156b89c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af6ac8e3-b1ce-cda6-23dc-a32b43a6a065-ca56b8a3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cef64361-1f9b-8732-7793-1d4785eeed97-ca56b8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c4313243-b51c-03bb-11ad-c431ebe2a80b-ca56b8a3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d0d2d682-3502-a29f-1a22-871f47028af2-ca56b8a3, #w-node-eb00ca3d-f0c1-8354-e9aa-1faf574614be-ca56b8a3, #w-node-_85cb43b8-5298-9d0a-b169-853350d81ae0-ca56b8a3, #w-node-_5ce572de-a6ee-b264-99b3-588be3f1debe-ca56b8a3, #w-node-e573c9ae-1e4b-15b0-7098-638502628a9c-ca56b8a3, #w-node-_0c02166c-4ee3-9762-cc8d-f567a47991b2-ca56b8a3, #w-node-_31bfd8e3-b79a-c6a8-c644-de3e1d6aef06-ca56b8a3, #w-node-_8101b2ee-d87b-6d50-ecc4-1cc6560df4db-ca56b8a3, #w-node-aa9291ec-5ca1-3ae2-496b-ff742d602a68-ca56b8a3, #w-node-_479385eb-f044-0d6d-9fb9-3510fe0092c5-ca56b8a3, #w-node-_58a77a61-8d2a-f298-bcf8-5b5d6bda4258-ca56b8a3, #w-node-_84eebd00-708d-d564-7474-81a48d7f1aa8-ca56b8a3, #w-node-c0ceb277-bbf2-2cf4-4072-7fa273a7e783-ca56b8a3, #w-node-_293d8aee-201d-8e8e-7d11-7b9b1bf3932f-ca56b8a3, #w-node-e02f6cf5-e81b-07a2-d153-c916403846e7-ca56b8a3, #w-node-_90e05c14-0560-63b0-7156-ffcbe12cdec6-ca56b8a3, #w-node-_90e05c14-0560-63b0-7156-ffcbe12cdec7-ca56b8a3, #w-node-_40d4d6df-e38b-f778-5115-ea8f93d0542e-ca56b8a3, #w-node-c9d7c3ab-d31b-4fe2-e290-666f73a76a6a-ca56b8a3, #w-node-_1cb2eaff-c085-9ab3-df4a-1725ee4f484b-ca56b8a3, #w-node-_1229091c-99d0-b728-5727-37785a9996e2-ca56b8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f637bbff-835b-0236-4124-4ac1eef82ac3-ca56b8a3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_826fbc41-7f9a-f875-b76e-3e9c3ff2002b-ca56b8a3, #w-node-ed82fd76-b394-3b31-d285-0d24c40a28ca-ca56b8a3, #w-node-_11717b33-079b-321a-8523-e173de28bfe2-ca56b8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e383549d-c8b3-87cd-ee42-73f99aa01117-ca56b8a3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_55db6e40-b97b-9254-09df-2929df1b67ad-ca56b8a3, #w-node-_8a96fce1-c74f-35f2-c6f4-3587e7d0e79a-ca56b8a3, #w-node-bfdc7d70-2863-8331-b4f9-ad395f381310-ca56b8a3, #w-node-_8219438d-b20e-01aa-f124-d537d0821573-ca56b8a3, #w-node-df52a5df-cf6e-cd43-ccd8-20633efad3fb-ca56b8a3, #w-node-cd8a551e-24bb-f985-80c2-ed654c7036ec-ca56b8a3, #w-node-c73ec5c5-9d1c-c71a-647d-93fd71def3a3-ca56b8a3, #w-node-b28db8fa-48cc-0fc7-f454-c90e65fa4e38-ca56b8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_18765f94-c4e6-c755-ac1d-a3de06ce4dbc-ca56b8a3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_91cfe370-0245-0733-cc80-e0128461d2a5-ca56b8a3, #w-node-_983a314a-baad-360b-c27c-560bd790abd0-ca56b8a3, #w-node-dec986e8-2989-ac3d-9697-51959cdb817b-ca56b8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_539debc5-c3bf-e500-5373-a3259d80206f-ca56b8a3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-aecd07ed-cd8b-1716-e906-11a45aa52757-ca56b8a3, #w-node-_432c5549-5a58-4527-4926-71dbf8e6a1d1-ca56b8a3, #w-node-_165d79eb-b2a5-28c4-eb36-16dde57c961e-ca56b8a3, #w-node-c962fc9a-3fcf-08e3-bdf2-4ecd4a9701dd-ca56b8a3, #w-node-_448e0e5a-f5bb-b07f-46a7-e322d88554aa-ca56b8a3, #w-node-_448e0e5a-f5bb-b07f-46a7-e322d88554ab-ca56b8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bca97c44-ed2a-c4d2-234a-6c62ee4dc6b5-ca56b8a3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_65cb131a-038a-ef25-ea34-fb9ed9c178b0-ca56b8a3, #w-node-_50c4eecd-635c-c0cb-6b83-c35774246b79-ca56b8a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-db1a11f1-69f2-952c-6f9d-bce7c4981344-9e56b893 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fc420167-2eb4-ad6b-a572-80c1e2cb3c7c-9e56b893 {
    justify-self: end;
  }

  #w-node-_903e089f-d7f3-e667-5603-a8ea1aafb514-9e56b893 {
    justify-self: center;
  }

  #w-node-a68cd440-9b0e-814b-a578-b74b7656af7f-7e56b898 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_7084d060-8dad-239b-086f-388f8e9d2cb9-9e56b893, #w-node-dea1254a-4960-9cb1-12e8-bbcbad5e0781-9e56b893 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_903e089f-d7f3-e667-5603-a8ea1aafb514-9e56b893 {
    justify-self: center;
  }

  #w-node-_51931b1a-f083-3de1-aede-b67a4e67c824-9e56b893 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_759ab9a2-12e8-349d-9866-fb6de997865f-e997863e {
    justify-self: auto;
  }

  #w-node-_1c474652-8b06-4a71-fad3-f1895ade52bb-7e56b898, #w-node-e5a5886d-909d-aad7-5973-d6a2d6976a79-7e56b898, #w-node-ad393235-efaf-e11b-7b73-bf89c5f138a5-bb56b899, #w-node-b513c62f-8a6e-32bf-a326-11aca1864081-e156b89c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_2a8a3a1f-60c5-95c1-926b-ae6c7260ac4d-9e56b893 {
    align-self: center;
  }

  #w-node-_400a51dc-a009-c1b6-0e2a-d3f974cd09d3-9e56b893 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_51931b1a-f083-3de1-aede-b67a4e67c824-9e56b893 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_759ab9a2-12e8-349d-9866-fb6de997865f-e997863e {
    place-self: start center;
  }

  #w-node-_4b262d81-c3d2-71d7-399f-4328f6478e03-bb56b899 {
    align-self: start;
  }
}