:root {
  --border: #dfdfdf;
  --white: #fff;
  --red: #b30000;
  --black: #000;
  --white-2: white;
  --black-2: black;


   /* Brand colors */
  /* --color-main: #116EC3; */
  --color-main: #0257A2;
  --color-sub1: #000000;
  --color-sub2: #B30000;
  /* Buttons & Links */
  --color-main-hover: #014179;
  --color-sub1-hover: #333333;
  --color-sub2-hover: #80000A;
  --color-main-hover-light: rgb(2,87,162,  0.1);
  --color-sub1-hover-light: rgba(255,255,255, 0.5);
  --color-sub2-hover-light: rgb(179,0,0,  0.1);
  /* Support/Notification Colors */
  --success: #1EA463;
  --error: #FF3366;
  --warning: #FFA639;
  /* Support/Notification Colors Hover*/
  --success-hover: #2B8D6F;
  --error-hover: #FF0040;
  --warning-hover: #FF8F05;
  /* Support/Notification Colors Hover Light*/
  --success-hover-light: rgba(55, 182, 143, 0.1);
  --error-hover-light: rgba(255, 51, 102, 0.1);
  --warning-hover-light: rgba(255, 166, 57, 0.1);
  /* Font colors */
  --font-color-head: #000000;
  --font-color-sub: #1A1A1A;
  --font-color-body: #383838;
  --font-color-link: #B30000;
  --font-color-visited: #670099;
  --font-color-inv: #FFFFFF;
  /* UI Colors */
  --color-ui-01: #FFFFFF;
  --color-ui-02: #F9FAFB;
  --color-ui-03: #F1F1F1;
  --color-ui-04: #DFDFDF;
  --color-ui-05: #84848F;
  --color-ui-06: #383838;
  --color-ui-07: #436CF2;
  --color-ui-08: #000000;
  /* Gradiant Background */
  --color-gradiant1: linear-gradient(90deg, #0278DF 0%, #0257A2 100%);
  --color-gradiant2: linear-gradient(90deg, #B30000 0%, #FF0016 100%);
  --color-gradiant3: linear-gradient(90deg, #0278DF 0%, #FF0016 100%);
  --color-gradiant4: linear-gradient(90deg, #0278DF 0%, #FF0016  100%);
  /* Font family */
  --font-family-01: 'Playfair Display', sans-serif;
  /* usually on heading */
  --font-family-02: 'Inter', sans-serif;
  /* usually on sub-heading */
  --font-family-03: 'Cabin', sans-serif;
  /* usually on paragraph & buttons */
  /* Typography - font size & line height */
  /* previously name as --typography-xxxx-large ... */
  --font-xxxx-large: 3rem;
  /* 48px */
  --font-xxx-large: 2.5rem;
  /* 40px */
  --font-xx-large: 2rem;
  /* 32px */
  --font-x-large: 1.5rem;
  /* 24px */
  --font-large: 1.125rem;
  /* 18px */
  --font-medium: 1rem;
  /* 16px */
  --font-small: 0.875rem;
  /* 14px */
  --font-x-small: 0.75rem;
  /* 12px */
  --font-xx-small: 0.625rem;
  /* 10px */
  /* grid / container */
  --gutter: 12px;
  /* 24px divided by 2 */
  --gutter-medium: 20px;
  /* 40px divided by 2 */
  /* spacers */
  --container-max-width: 1232px;
  --container-max-width-half: 616px;
  --container-padding-xx-large: 24px;
  --container-padding-x-large: 24px;
  --container-padding-large: 24px;
  --container-padding-medium: 32px;
  --container-padding-small: 24px;
}

/* h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 60px;
} */

.section {
  display: flex;
}

.section.our-offering {
  height: 100vh;
  min-height: 900px;
  background-image: linear-gradient(rgba(0, 0, 0, .5) 46%, #000), url('../images/home/what-we-do.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}

.news-card-image {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-card {
  width: auto;
  max-width: 385px;
  border: 1px solid var(--border);
  background-color: var(--white);
  color: #000;
  text-decoration: none;
}

.event-card-text {
  padding: 24px;
}

.event-button {
  justify-content: flex-end;
  align-items: center;
  font-weight: 600;
  display: flex;
}

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

.arrow-gray {
  width: 52px;
  height: 52px;
}

.arrow-gray.right-arrow {
  background-color: #f1f1f1;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  padding: 18px;
  display: flex;
}

.image-contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.line-black {
  width: 100%;
  height: 1px;
  background-color: #dfdfdf;
}

.line-black.events {
  background-color: var(--border);
  margin-top: 16px;
  margin-bottom: 16px;
}

.state {
  font-weight: 700;
}

.body {
  font-family: Open Sans, sans-serif;
}

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

.spacer-40 {
  width: 40px;
  height: 40px;
}

.news-card-text {
  color: var(--font-color-inv);
  flex-direction: column;
  padding: 24px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.news-button {
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
  font-weight: 600;
  display: flex;
}

.news-card-date {
  font-weight: 400;
}

.news-card {
  width: auto;
  height: 585px;
  max-width: 385px;
  border: 1px solid var(--border);
  background-color: var(--white);
  color: #000;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.news-card-overlay {
  background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.news-card-image-copy {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.event-image {
  height: 245px;
  position: relative;
  overflow: hidden;
}

.container-offer {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.offer-heading-wrapper {
  padding: 40px;
}

.offer-cards-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.offer-heading-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: flex;
}

.red-square {
  width: 8px;
  height: 8px;
  background-color: var(--red);
  margin-right: 8px;
}

.text-block {
  font-weight: 700;
  color: var(--font-color-inv);
}

.subtext-tag {
  align-items: center;
  display: flex;
}

.subtext-tag.white {
  color: var(--white);
  letter-spacing: 1px;
}

.p-large {
  font-size: 18px;
  line-height: 30px;
  color: var(--font-color-inv);
}

.offer-heading-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white) !important;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.spacer-32 {
  width: 32px;
  height: 32px;
}

.offering-card {
  color: var(--white);
  padding: 40px;
}

.offering-icon {
  width: 32px;
  height: 32px;
}

.offering-card-description {
  min-height: 200px;
  margin-top: 16px;
}

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

.sponsor-logo {
  width: 275px;
  border: 1px solid var(--border);
  border-radius: 1px;
  padding: 24px;
}

.image-fit {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#w-node-be9be227-c0b3-18b6-5216-79795ffa523f-64534783 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9c49256d-1d1e-2462-fd90-7913041e712f-64534783, #w-node-_425b8102-5f93-d3e0-c2e3-6ba4d6757e7b-64534783, #w-node-_038c4911-75f7-ecde-52a2-78e0083dce6d-64534783, #w-node-_121ecced-04f9-c246-c3b6-19fde06a87c0-64534783, #w-node-_29f6db5c-8b9a-c52d-8c76-87796ff1e7d1-64534783, #w-node-_867ff6a0-50ce-36c5-bd2b-2afc8441907a-64534783, #w-node-_867ff6a0-50ce-36c5-bd2b-2afc8441907d-64534783, #w-node-ee7a4457-62b6-a574-24ca-e2d86cb15095-64534783, #w-node-ee7a4457-62b6-a574-24ca-e2d86cb15098-64534783, #w-node-d51ccced-b9de-9310-dd66-c32331175ad0-64534783, #w-node-d51ccced-b9de-9310-dd66-c32331175ad3-64534783, #w-node-_3d78d8f5-1b28-c5d8-184d-fb88abc7fa05-64534783, #w-node-_3d78d8f5-1b28-c5d8-184d-fb88abc7fa08-64534783, #w-node-ea847723-d2bf-2061-f27f-75e83ee708de-64534783, #w-node-ea847723-d2bf-2061-f27f-75e83ee708e1-64534783 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

/* Custom code */
.offering-card-heading h3{
  color: var(--font-color-inv);
  font-family: var(--font-family-02);
  font-size: var(--font-xx-large);
}

.offering-card-description p {
  font-size: var(--font-medium);
  font-family: var(--font-family-02);
}

.offering-card:hover > .offering-card-description p {
  color: var(--font-color-inv) !important;
  opacity: 1 !important;
}